/*
Theme Name: Sample Theme
Theme URL:http://www.keropen.com/
Description: This is my samle theme.
*/

/* 全体 */
body{
background-image:url(background.png);
background-repeat:repeat-x;
background-color: #000;
color: #333;
}

a:link{;
color:#996;
text-decoration: underline;
}

a:visited {
color:#996;
text-decoration: underline;
}
a:hover {
color:#999;
text-decoration: underline;
}
a:active {
color:#996;
text-decoration: underline;
}


/* コンテナ */
div#container{
width:1030px;
margin: auto;
}

/* ヘッダー */

div#header{
background-color: #fff;
height:69px;
padding-top: 20px;
padding-bottom: 0;
}

div#header h1{
font-size: 30px;
font-style: italic;
letter-spacing: 0.5em;
margin: 0 0;
}

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

div#header p{
font-size: 0.75em;
margin: 0 20px 0 60px;
}

/* 独立ページのメニュー */
ul#pagemenu{
list-style-type:none;
margin:0;
padding:0;
text-align:right;
}

ul#pagemenu li{
font-size:0.75em;
color:#333;
display:inline;
padding-right: 10px;
}

ul#pagemenu li a{
color:#333;
text-decoration: none;
}

/* コンテンツ */
div#content{
width:800px;
background-color: #000;
float:right;
margin-top:0;
margin-bottom:20px;
}

p#pagetitle{
background-color:#fff;
font-size:0.875em;
font-weight:bold;
color:#333;
text-align:center;
padding:10px 0;
margin-top:20px;
}

/* コンテンツ1 */
div#content1{
width:800px;
background-color: #000;
float:right;
margin-bottom:20px;
}


/* 記事 */
div.post{
background-color: #fff;
color:#333;
padding: 15px;
margin: 20px auto
}

div.post h2{
font-family: serif;
font-size: 20px;
letter-spacing: 0.1em;
margin-top: 5px;
}

div.post h2 a{
text-decoration: none;
color: #333;
}

div.post p{
font-size:0.75em;
line-height:1.6;
margin-top:10px;
}

p.postinfo{
color:#333;
text-align:right;
margin:20px 0 0;
clear: both;
}

p.postinfo a{
color:#996;
}

p.hiduke {
	font-size: 12px;
	color: #888;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	text-align: right;
}

/* 記事内の画像 */
.aligncenter{
display:block;
margin-left:auto;
margin-right:auto;
}

div.post img{
border-style:solid;
border-width:1px;
border-color:#ccc;
}

.alignleft{
float:left;
margin-right:10px;
margin-bottom:2px;
}

.alignright{
float:right;
margin-left:10px;
margin-bottom:2px;
}

.wp-caption{
text-align:center;
padding-top:0;
margin-top:0;
}

/* ページリンク */
p.pagelink a{
font-size:0.75em;
color:#996;
}

span.pageprev{
float:left;
}

span.pagenext{
float:right;
}

/* コメント */
#comments{
clear: both;
}

div#com{
background-color:#fff;
padding:5px 18px;
margin-top:45px;
}

textarea{
width:770px;
}

div#com h3{
font-size:0.875em;
border-bottom:solid 1px #999;
padding-bottom:3px;
margin-top:20px;
}

div#com p{
font-size:0.75em;
}

div.compost{
border-bottom:dotted 1px #999;
}

p.cominfo{
text-align:right;
}

div#com a{
color:#996;
}

p#comfeed img{
vertical-align:middle;
}

p#comfeed a{
color:black;
text-decoration:none;
}

p#comfeed{
background-color:#a8d1ff;
padding:8px;
margin-top:30px;
}

p#trurl{
background-color:#a8d1ff;
padding:8px;
margin-bottom:30px;
}

/* サイドバー */
div#sidebar{
width:210px;
background-color: #000;
float:left;
margin-top:0;
margin-bottom:20px;
}

div#sidebar h2{
font-size:0.75em;
color:white;
padding:6px 0;
margin:0;
}

div#sidebar li{
font-size:0.75em;
color:#996;
margin-left:5px;
margin-bottom:4px;
padding:0;
}

div#sidebar li a{
color:#996;
text-decoration:underline;
}

div#sidebar ul{
margin:8px 8px 20px;
padding:0;
}

/* あな */
div#sidebar h2.ana{
background-image:url(ana_top.gif);
background-repeat:no-repeat;
background-color:#fff;
font-weight:normal;
color:#333;
padding-top: 35px;
padding-left: 15px;
margin:0;
}

div#sidebar li.ana{
list-style-type:none;
}

div#sidebar ul.ana{
background-image:url(ana_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
background-color:#fff;
margin:0 0 20px;
padding:8px 10px 10px;
color:#996;
list-style-type:none;
}

/* カレンダー */
#wp-calendar{
width:100%;
margin-bottom:20px;
font-size:0.75em;
}
#wp-calendar a{
color:#996;
}
#wp-calendar td,#wp-calendar th{
color:#ccc;
text-align:center;
}
#wp-calendar caption{
color:white;
padding:6px 8px;
text-align:left;
}
#wp-calendar #prev{
text-align:left;
padding-top:3px;
padding-left:3px;
}
#wp-calendar #next{
text-align:right;
padding-top:3px;
padding-left:3px;
}

/* フィード */
p.feed{
font-size:0.75em;
font-family:Verdana,Helevetica,san-serif;
padding:5px;
margin:25px 0
}

p.feed a{
color:#444;
text-decoration:none;
}

p.feed img{
vertical-align:middle;
margin-right:8px;
}


/* フッター */

div#footer{
clear: both;
}

p.kanri{
font-size:0.75em;
text-align:right;
}

address{
font-size:0.75em;
font-style:normal;
font-family:Verdana,sans-serif;
padding-top:6px;
}

address a{
color:#000;
}

/*
////////////////////
toppage
////////////////////
*/

/* コンテナtoppage */
div#container02{
width:1030px;
margin: auto;
}

/* コンテンツ02 */
div#content02{
width:410px;
background-color: #000;
float:right;
margin-top:0;
margin-right:100px;
margin-bottom:20px;
}

/* サイドバー03 */
div#sideber03{
width:410px;
font-size:0.75em;
color:#fff;
margin-top:0;
}

div#sidebar03 h2{
font-size:0.75em;
color:#fff;
padding:6px 0;
margin:0;
}

/* サイドバー02 */
div#sidebar02{
width:210px;
background-color: #000;
float:left;
margin-top:0;
margin-left:300px;
margin-bottom:20px;
}

div#sidebar02 h2{
font-size:0.75em;
color:white;
padding:6px 0;
margin:0;
}

div#sidebar02 li{
font-size:0.75em;
color:#996;
margin-left:5px;
margin-bottom:4px;
padding:0;
}

div#sidebar02 li a{
color:#996;
text-decoration:underline;
}

div#sidebar02 ul{
margin:8px 8px 20px;
padding:0;
}

/* あな */
div#sidebar02 h2.ana{
background-image:url(ana_top.gif);
background-repeat:no-repeat;
background-color:#fff;
font-weight:normal;
color:#333;
padding-top: 35px;
padding-left: 15px;
margin:0;
}

div#sidebar02 li.ana{
list-style-type:none;
}

div#sidebar02 ul.ana{
background-image:url(ana_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
background-color:#fff;
margin:0 0 20px;
padding:8px 10px 10px;
color:#996;
list-style-type:none;
}

/* あなtoppage */
div#sidebar02 h2.ana02{
background-image:url(ana_top.gif);
background-repeat:no-repeat;
background-color:#fff;
font-weight:normal;
color:#333;
padding-top: 35px;
padding-left: 15px;
margin:0;
}

div#sidebar02 li.ana02{
list-style-type:none;
}

div#sidebar02 ul.ana02{
background-image:url(ana_bottom02.gif);
background-repeat:no-repeat;
background-position:bottom;
background-color:#fff;
margin:0;
padding:8px 10px 10px;
color:#996;
list-style-type:none;
}