/*
	MovableType‘Ī‰˛CSS "simple'n"
		Designed by White Pencil http://dotto.jp/
 */

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

html {
padding: 0;
background: #eeeeee;
}

body {
margin: 2% 12% 4% 40%;
border: 2px solid #333333;
padding: 0;
font-size: 80%;
font-family: 'MS UI Gothic', sans-serif;
line-height: 133%;
letter-spacing: 0.08em;
background: #eeeeee;
}

#container {
border: 2px solid #eeeeee;
padding: 3%;
background: #ffffff;
}

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

#banner {
margin: 0;
border: 2px solid #333333;
}

h1 {
margin: 0;
border: 2px solid #eeeeee;
border-bottom: none;
padding: 0.8em 1.2em;
font-size: 133%;
}

#banner h2 {
margin: 0;
border: 2px solid #eeeeee;
border-top: none;
padding: 0em 1.2em 0.8em;
font-size: 100%;
text-align: right;
color: #666666;
background: #ffffff;
}

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

#center {
}

.content {
}

.content h2 {
margin: 1.6em 0.4em 0 0;
padding: 0.4em 0.8em 0;
border-top: 0.8em solid #eeeeee;
border-right: 0.8em solid #ffffff;
font-size: 100%;
}

.content h3 {
margin: 1.2em 1.2em 0 0.4em;
padding: 0.4em 1.6em;
border: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
font-size: 100%;
font-weight: normal;
background: #ffffff url(simplen_button.png) no-repeat 5px 5px;
}

.extended {
border-top: 1px solid #c0c0c0;
margin: 0.8em;
padding: 0.8em 0.4em;
}

.posted {
border-top: 1px solid #c0c0c0;
margin: 0.8em 0.8em 1.2em;
padding: 0.4em;
text-align: right;
color: #666666;
background: inherit;
}

.posted a{
border: none;
}

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

#right {
position: absolute;
top: 5%;
right: 62%;
width: 16em;
}

.sidebar {
border-top: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
font-size: 12px;
text-align: center;
}

.sidebar h2 {
margin: 0.8em 0.8em 0.2em;
padding: 0.2em;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
font-size: 100%;
font-weight: normal;
text-align: center;
}

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

.sidebar li {
margin: 0.8em 0;
}

.link-note {
margin: 0.4em 0em;
color: #808080;
background: inherit;
}

ul + .link-note {
margin-top: 1.6em;
font-size: 80%;
}

#powered {
margin: 1.2em;
color: #cc3366;
background: transparent;
}


#calendar {
margin: 0.8em 0;
letter-spacing: 0;
}

#calendar table {
margin: 0 auto;
padding: 0.4em;
border: none;
}

#calendar th,
#calendar td {
width: 1.5em;
font-size: 12px;
font-family: monospace;
font-weight: normal;
color: #808080;
background: inherit;
}

#calendar td {
text-align: right;
}

#calendar caption {
margin: 0 auto;
padding: 0.4em;
text-align: center;
letter-spacing: 1px;
}

#calendar a {
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px solid #808080;
}
#calendar a:link    { color: #333333; background: transparent;}
#calendar a:visited { color: #666666; background: transparent;}
#calendar a:hover   { color: #cc0000; background: #ffffff; border-color: #eeeeee;}
#calendar a:active  { color: #cc0000; background: transparent;}

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

h4 {
margin: 0.8em;
font-size: 100%;
font-weight: normal;
}

p,
address {
margin: 0.8em;
}

blockquote,
pre,
dl,
ul,
ol {margin: 0.8em 1.2em;}
ul {padding: 0 1.2em;}
ol {padding: 0 1.6em;}
li {margin: 0.4em 0;}
dt {margin: 0;}
dd {margin: 0.4em 1.2em;}

textarea {
width: 80%;
}

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

em {
font-style: normal;
font-weight: bold;
color: #666666;
background: transparent;
}

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

a {
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px dashed #333333;
}
a:link    { color: #3366cc; background: transparent; border-color: #336699;}
a:visited { color: #336699; background: transparent; border-color: #c0c0c0;}
a:active  { color: #cc3366; background: transparent; border-color: #cc3366;}
a:hover   { color: #6699cc; background: transparent; border-color: #eeeeee;}