/*
	MovableType対応CSS "MISTA"
		Designed by White Pencil http://dotto.jp/
 */

/* -------- general -------- */

html {
padding: 0;
}

body {
margin: 0;
padding: 0;
font-family: 'ＭＳ Ｐゴシック', sans-serif;
letter-spacing: 0.05em;
vertical-align: bottom;
color: #333333;
background: #636669;
}

#container {
width: 550px;
margin-left: auto;
margin-right: auto;
padding: 0;
border-left: 1px solid #333639;
border-right: 1px solid #333639;
color: #333333;
background: #c3c6c9 url(mista_bg_container.png) repeat-x fixed bottom;
}

/* -------- header -------- */

#banner {
padding: 3em 1.5em 0.75em;
font-size: 5mm;
text-align: right;
color: #e3e6e9;
background: #636669 url(mista_bg_banner.png) repeat-x bottom;
}

h1 {
margin: 0;
padding: 1mm;
font-size: 110%;
font-weight: normal;
}

#banner h2 {
margin: 0;
padding: 0;
font-size: 90%;
font-weight: normal;
}

#banner a {
border: none;
}

#banner a:link,
#banner a:visited,
#banner a:hover,
#banner a:active {
color: #e3e6e9;
background: transparent;
}

/* -------- block -------- */

p,
pre,
blockquote,
address {
margin: 0.8em 1.6em;
}


dl,
ul,
ol { margin: 0.8em 2em;}

li { margin: 0.4em 0;}
dt { margin: 0;}
dd { margin: 0.4em 1.2em;}

ul { padding: 0 1.2em;}
ol { padding: 0 1.6em;}
pre { padding: 0 0.8em;}

hr {
margin: 0.8em 1.2em;
}

br {
line-height: 60%;
}

textarea {
width: 80%;
}

/* -------- inline -------- */

em {
font-style: normal;
font-weight: bold;
}

strong {
color: #336699;
background: transparent;
}

a {
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px solid #808080;
}
a:link    { color: #636669; background: transparent; border-color: #939699;}
a:visited { color: #636669; background: transparent; border-color: #a3a6a9;}
a:active  { color: #ffffff; background: transparent; border-color: #ffffff;}
a:hover   { color: #ffffff; background: transparent; border-color: #ffffff;}

/* -------- content -------- */

#center {
float: left;
width: 370px;
}

.content {
font-size: 12px;
}

.content h2 {
margin: 0 0 0.8em;
padding: 0.8em 0.8em 1.2em;
border-top: 1px solid #636669;
font-size: 100%;
color: #333639;
background: #a3a6a9 url(mista_bg_h2.png) repeat-x bottom;
}

.content p + h2 {
margin: 1.6em 0 0.8em;
}

.content h3 {
margin: 1.2em 0 0.8em 1.2em;
padding: 0 0 0.4em;
border-bottom: 3px solid #a3a6a9;
font-size: 100%;
}

.content h4 {
margin: 0.8em 1.2em;
font-size: 100%;
}

.content p {
line-height: 160%;
}

#center hr + * {
margin-top: 0.8em;
}

.extended {
margin: 1.2em 1.6em;
}

.posted {
margin: 1.2em 0 1.2em 1.6em;
padding: 0.4em;
border-bottom: 3px solid #a3a6a9;
font-size: 12px;
text-align: right;
}

/* -------- navigator -------- */

#right {
float: left;
width: 180px;
border-top: 1px solid #636669;
color: #636669;
background: #c3c6c9 url(mista_bg_right.png) repeat-y left;
}

.sidebar {
}

.sidebar {
font-size: 12px;
}

.sidebar h2 {
margin: 1.2em 0 0 1.2em;
padding: 0 0 0.4em;
border-bottom: 3px solid #a3a6a9;
font-size: 100%;
}

.sidebar ul {
margin: 0.8em 1.6em;
padding: 0;
list-style: none;
}

.sidebar li {
margin: 0.4em 0;
}

.sidebar .link-note {
margin: 0.8em 1.6em;
}

.sidebar ul + .link-note {
margin: 2.4em 0 1.2em 1.6em;
padding: 0.8em;
border-top: 3px solid #a3a6a9;
font-size: 80%;
text-align: right;
}

#powered {
margin: 0;
padding: 1.2em;
border-top: 3px solid #a3a6a9;
border-bottom: 3px solid #a3a6a9;
text-align: right;
color: #cc0000;
background: transparent;
}

#calendar {
margin-top: 20px;
font-size: 70%;
letter-spacing: 0;
}

#calendar caption {
margin: 0 auto;
padding: 0.5em;
font-size: 13px;
text-align: center;
color: #ffffff;
background: #a3a6a9;
}

#calendar table {
margin: 0 auto;
padding: 1px;
border: 1px solid #a3a6a9;
}

#calendar th,
#calendar td {
width: 1.5em;
font-size: 11px;
font-family: monospace;
font-weight: normal;
}

#calendar th {
display: none;		/*　曜日を表示するにはこの行を削除　*/
margin: 1px;
padding: 0px;
text-align: right;
}

#calendar td {
margin: 1px;
padding: 0px;
text-align: right;
}

#calendar a {
text-decoration: none;
border: none;
}
#calendar a:link    { color: #333639; background: #e3e6e9;}
#calendar a:visited { color: #333639; background: #e3e6e9;}
#calendar a:hover   { color: #ffffff; background: #636669;}
#calendar a:active  { color: #ffffff; background: #636669;}