/* ページ全体 */
body{
/*background-color:#ddddff; */
text-align: center;
}

/* blog全体 */
#container{
width: 700px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

/* header */
#header h1{
font-size: 24px;
font-family: Arial Black, Helvetica, sans-serif;
margin-top: 0;
margin-bottom: 0;
}

#header h1 a{
color: darkblue;
text-decoration: none;
}

#header h3{
color: gray;
font-size: 12px;
margin-top: 6px;
margini-bottom: 0;
}

#header {
background-color: #c7ddff;
padding: 16px 20px 60px;
background-image: url(https://astsakai.halfmoon.jp/blog/blog_top_v0.png);
}

/* サイドバー */
#mainpage .sidebar{
width: 165px;
float: left;
}

.sidebar h2{
font-size: 12px;
font-family: erdana, Helvetica, sans-serif;
color: gray;
border-bottom: solid 2px #afbc0d;
padding-bottom: 3px;
margin-bottom: 0;
}

.menu{
list-style-type: none;
margin-left: 0;
padding-left: 0;
margin-right: 5px;
padding-right: 5px;
font-size: 12px;
margin-top: 8px;
width: 160px;
}

.menu a{
color: #6699cc;
text-decoration: none;
}

.menu li{
margin-bottom: 5px;
}

#calendar{
font-size: 12px;
text-align: center;
width: 130px;
}

#calendar a{
color: red;
}

.sidebar p{
font-size: 12px;
margin-top: 20px;
margin-bottom: 20px;
}

.sidebar a{
color: #77a822;
text-decoration: none;
}

/* rss */
.sidebar .rss{
border: solid 1px #99999;
padding: 1px;
width: 80px;
margin-top: 40px;
}

.sidebar .rss a{
display: block;
width: 100%;
background-color: #bbbbbb;
color: black;
font-size: 9px;
font-family: Arial Helvetica, san-serif;
}

.sidebar .rss-format{
background-color: orange;
padding: 0 5px;
}

.sidebar .rss-version{
padding: 0 5px;
}

/* 本文 */
#mainpage #content{
width: 535px;
float: right;
}

#mainpage #header{
margin-bottom: 20px;
}

#content h2{
font-size: 18px;
color: #afbc0d;
text-align: right;
border-style:solid;
border-width:0px 1px 1px 0px;
border-color:teal;
}

#content h3{
font-size: 14px;
color: darkblue;
}

#content p{
font-size: 12px;
color: #666666;
line-height: 140%;
}

#content blockquote{
font-style: italic;
font-size: 12px;
color: #666666;
line-height: 140%;
}

#content li{
font-size: 12px;
color: #666666;
line-height: 140%;
}

#content a{
color: darkblue;
}

#content .posted{
border-top: solid 1px #b2cbff;
padding-top: 6px;
margin-bottom: 40px;
}

/* trackback, comment */
#content h2#trackbacks h2#comments{
font size: 14px;
color: #b2cbff;
border-bottom: dotted 1px #b2cbff;
margin-top: 40px;
}

#content #tbdata h3{
font-size: 12px;
color: #888888;
margin-bottom: 0;
}

#content #tbdata p, #content #comdata p, #content #comments-open-content p{
font-size:12px;
color: #888888;
margin-top: 5px;
margin-bottom: 0;
}

#content #comdata p.posted{
margin-bottom: 20px;
}

#content .error{
font-size: 18px;
font-weight: bold;
color: red;
border: solid 1px red;
padding: 5px;
text-align: center;
}

/* category archives */
#content #categorydata li{
margin-bottom: 10px;
}

#content #categorydata span{
font-size: smaller;
color: #77a822;
margin-left: 10px;
}

/* footer */
#footer{
border-top: solid 5px #b2cbff;
padding-top: 3px;
clear: both;
}

#footer p{
font-size: 12px;
margin-top: 0;
margin-bottom: 0;
}

#footer a{
color: #77a822;
text-decoration: none;
}

/* rss */
#footer .rss{
border: solid 1px #99999;
padding: 1px;
width: 80px;
}

#footer .rss a{
display: block;
width: 100%;
background-color: #bbbbbb;
color: black;
font-size: 9px;
font-family: Arial Helvetica, san-serif;
}

#footer .rss-format{
background-color: orange;
padding: 0 5px;
}

#footer .rss-version{
padding: 0 5px;
}

/* category */
#category{
margin-top: 3px;
text-align: right;
}

#category a, #category span{
font-size: 12px;
color: #77a822;
margin-left: 10px;
}

/* scode */
.scode {
vertical-align: top;
}

#scode {
margin: 0px 0px 0px 5px;
}