@charset "UTF-8";

/***** foundation *****/


*{
font-size:100%;
font-family:verdana,"ＭＳ Ｐゴシック",palatino,georgia,"ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
margin:0;
padding:0;
border-style:solid;
border-color:#000;
border-width:0;
}

h1,h2,h3,h4,h5,h6,em,address{
font-weight:normal;
font-style:normal;
text-decoration:none;
}

q,blockquote{
font-weight:normal;
font-style:italic;
text-decoration:none;
margin:3px;
}

strong{
font-weight:bold;
font-style:normal;
text-decoration:none;
}

img{
vertical-align:middle;
border-width:0;
}

a{
color:#039;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

body{
color:#000;
/* background-color:#f9f9e9; */
background-color:#fff;
background-image:url("./images/bg-sky.jpg");
background-position:0 0;
background-repeat:repeat-x;
/* background-attachment:fixed; */
}

/***** header & footer *****/

div#header{
margin-left:3%;
}

div#headtitle{
width:65%;
float:left;
}

#headtitle h1{
font-size:120%;
margin:100px 0 0 0;
padding:5px 0;
}

#headtitle p{
color:#fff;
padding:5px 0;
}

ul#headmenu{
color:#fff;
letter-spacing:1px;
line-height:1.4;
list-style-type:none;
margin:40px 0 0 70%;
padding:8px 15px;
border-color:#fff;
border-width:0 0 0 1px;
}

#headmenu a{
color:#fff;
}

#headmenu div.searchform{
margin-top:5px;
}

#headmenu input.formfield{
color:#fff;
background-color:transparent;
font-size:90%;
width:150px;
padding:2px 3px;
border-style:dashed;
border-color:#ccd;
border-width:1px;
}

#headmenu input.formbutton{
color:#fff;
background-color:transparent;
font-size:80%;
border-style:solid;
border-color:#ccd;
border-width:1px;
}


/***** main *****/

div#wrapper{
clear:both;
margin-left:3%;
}

/* content */

div#content{
width:67%;
clear:both;
float:left;
padding:0.5em 1%;
}

#content h2{
display:none;
}

#archive #content h2{
display:block;
font-size:200%;
margin:0 0 30px 0;
border-style:solid;
border-color:#003;
border-width:0 0 3px 0;
}

#content h3{
font-size:150%;
font-weight:normal;
letter-spacing:1px;
margin:0;
padding:0;
border-style:solid;
border-color:#000;
border-width:0 0 1px 0;
}

#content h3 a{
color:#000;
font-family:"ＭＳ Ｐゴシック",palatino,georgia,"ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
}

#content h4.hidden{
display:none;
}

#content ul.status{
font-size:90%;
list-style-type:none;
margin:0 2px 1em 2px;
}

#content ul.status li{
padding:2px 0;
}

#content .status li.categories{
width:70%;
float:left;
}

#content span.tag{
margin-left:10px;
}

#content span.tag a{
color:#444;
margin-left:10px;
}


#content .status li.date{
text-align:right;
}

#content div.contentbody{
line-height:1.6;
clear:left;
margin:0 5px;
}

.contentbody blockquote{
color:#030;
font-size:90%;
font-style:normal;
letter-spacing:3px;
margin:0.5em 10px;
padding:0 0 0 5px;
border-style:solid;
border-color:#343;
border-width:0 0 0 5px;
}

.contentbody p{
margin:1.1em 0;
}

.contentbody h4{
font-size:110%;
text-decoration:underline;
margin:1.2em 0 0.8em 0;
}

.contentbody h5{
font-weight:bold;
margin:1.0em 0 0.8em 0;
}


#item #content h3{
font-size:160%;
font-weight:normal;
border-width:0 0 1px 0;
}

.contentbody ul, .contentbody ol{
margin:1.3em 0;
padding-left:30px;
}



.contentbody p.readmore{
font-size:110%;
font-weight:bold;
padding:10px 5px;
}

.contentbody p.readmore a{
text-decoration:underline;
}

ul.track_record{
font-size:90%;
list-style-type:square;
margin:10px 10px 25px 10px;
padding-left:20px;
}

div.amazon_view{
margin:10px 10px 15px 2px;
padding:10px;
border-left:solid #999 5px;
}

.contentbody .amazon_view p{
text-align:center;
width:170px;
float:left;
clear:left;
margin:0;
}

.amazon_view p img{
border-width:1px;
}

.amazon_view ul{
font-size:90%;
list-style-type:none;
margin-left:180px;
padding-top:5px;
}

.amazon_view ul em{
font-weight:normal;
}


/* comments */

ul.contentmenu{
list-style-type:circle;
list-style-image:url("./images/arrow1.gif"); 
margin:0.8em 0 2em 0;
padding-left:15px;
}

.contentmenu li{
margin:0.3em 0;
padding-left:5px;
}


div.comments{
margin:50px 40px;
padding:10px;
border-style:dotted;
border-color:#39f;
border-width:3px;
}


h4#cfield, h4#tfield{
font-size:140%;
margin:0 0 10px 0;
padding:0 2px;
border-style:dashed;
border-color:#39f;
border-width:0 0 1px 0;
}

h4#tfield{
margin-top:40px;
}

.comments h5{
font-weight:bold;
margin:35px 5px 5px 10px;
padding:0 5px;
}

h5.commenthead, h5.trackback{
font-weight:bold;
margin:20px 5px 0 10px;
border-style:solid;
border-color:#666;
border-width:0 0 0 5px;
}

h5.commenthead{
font-size:80%;
}

h5.commenthead a{
font-size:125%;
}

.comments p{
font-size:90%;
margin:0 30px;
}

div.commentform{
margin:15px 20px;
}

.commentform p{
clear:left;
margin:10px 0;
}

.commentform label{
display:block;
font-size:90%;
text-align:right;
width:80px;
float:left;
padding-top:3px;
}

.commentform p.checkarea label{
display:inline;
font-size:90%;
width:auto;
float:none;
}

.commentform p.commentbutton{
text-align:center;
}

input.formfield{
width:200px;
padding:2px;
border-color:#666;
border-width:0 0 1px 0;
}

.commentform textarea{
width:95%;
height:8em;
vertical-align:top;
padding:2px;
border-color:#666;
border-width:1px;
}

input.formbutton{
background-color:#eee;
border-color:#666;
border-width:1px;
}

ul.trackback{
font-size:80%;
list-style-type:square;
margin:15px 0 15px 30px;
}

.trackback li{
margin:0.3em 0;
}


/* エントリータイトル一覧 */

dl.archiveslist{
margin:20px 0;
}

.archiveslist dt{
font-size:150%;
margin-bottom:5px;
padding:1px 5px;
border-bottom-width:3px;
}

.archiveslist dd{
line-height:2em;
margin-left:20px;
}

.archiveslist dd a{
margin-right:5px;
}


/* show blogs */

div.pageswitch{
text-align:center;
}

/* archivelist */

.searchoption li{
list-style-type:none;
margin:5px 15px;
}

dl.archiveslist{
margin:20px 0;
}

.archiveslist dt{
font-size:150%;
padding:1px 5px;
border-bottom-width:3px;
}

.archiveslist dd{
line-height:2em;
margin-left:20px;
}



/***** side menu *****/

div#sidemenu{
margin-left:70%;
}

#sidemenu h2{
display:none;
}

#sidemenu h3{
color:#141;
font-size:130%;
letter-spacing:2px;
margin:10px 0 0 0;
padding:2px;
border-style:dashed;
border-color:#444;
border-width:0 0 1px 0;
}


#sidemenu ul{
list-style-type:none;
margin:0px 10px 20px 0;
padding-left:5px;
}

#sidemenu ul li{
margin:0.3em 0;
padding-left:5px;
border-style:dashed;
border-color:#444;
border-width:0 0 1px 0;
}

#sidemenu ul.utilization li{
border-width:0;
}

#sidemenu ul.subcat{
list-style-type:none;
margin:5px 10px;
padding-left:5px;
border-color:#999;
border-width:0 0 0 3px;
}

#sidemenu ul.subcat li{
margin:0.2em 0;
border-width:0;
}

#sidemenu p#counter{
margin:10px;
}

div.twitter{
text-align:center;
margin:10px auto;
padding:0 15px;
}



div.booklog{
text-align:center;
width:205px;
margin:10px auto;
}



/***** footer *****/

#footer{
text-align:right;
clear:both;
margin:20px 10px;
border-style:dashed;
border-color:#335;
border-width:1px 0 0 0;
}

#footer p#footer_navi{
width:300px;
float:right;
padding:5px 10px;
}

#footer p#copyrights{
text-align:left;
padding:5px 10px;
}




/***** スペシャルスキンパーツ *****/

.about_site h4{
color:#445;
font-weight:bold;
margin:25px 0 5px 12px;
}

.about_site p{
margin:0.8em 10px;
}

.about_site ul{
color:#243;
margin:0.5em 40px;
}

.about_site li{
margin:0.4em;
}

.links dt{
margin:20px 5px 10px 0;
}

.links dd{
font-size:90%;
margin:0 10px;
padding:0.3em 5px;
border-style:solid;
border-color:#999;
border-width:0 0 0 3px;
}