@charset "utf-8";

/*
Theme Name:まろうどミニ四駆部
Theme URL:http://www.m4r-blog.net/
Description:ミニ四駆部用ブログテーマ
Author:Taku Obatake
*/

/* ===== default setting ===== */

html,body,div,h1,h2,h3,h4,h5,p,ul,ol,lli,dl,dt,dd,form,tabke,tr,th,td{
font:Arial, Helvetica, sans-serif, "ＭＳ ゴシック", "Osaka－等幅";
line-height:1.5em;
color:#333333;
padding:0 0 0 0;
margin:0 0 0 0;
}

.clear{clear:both;}
.clear hr{display:none;}
.fs10{font-size:10px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
img{border:none;}
fwb{font-weight:bold;}
fsi{fonnt-style:itaric;}
fcr{color:#FF0000;}

/* ===== layout styles ===== */

body{
text-align:center;
background:url(images/bg_body.jpg) repeat-x 0 14px;
}

#container{
width:900px;
text-align:left;
margin:0 auto 0 auto;
}

#header{
height:125px;
}

#contents{
height:1%;
background:url(images/bg_contents.gif) repeat-y 0 0;
margin:0 0 30px 0;
}

#contents .main{
width:635px;
float:left;
}

#contents .side{
width:244px;
float:right;
}

#footer{
text-align:center;
background:url(images/bg_footer.jpg) repeat-x 0 0;
}

/* ===== headline styles ===== */

.main h3{
font-size:14px;
background:url(images/bg_icon-arrow01.gif) no-repeat 0 50%;
border-bottom:1px solid #CCCCCC;
padding:5px 0 5px 20px;
margin:0 0 10px 0;
}

.hl-type02{
height:32px;
background:url(images/bg_hl-type02.jpg) no-repeat 0 0;
margin:0 0 15px 0;
}

.hl-type02 h2{
font-size:18px;
padding:3px 0 0 5px;
}

.hl-type02 h2 a{
text-decoration:none;
}

.hl-type03{
height:30px;
background:url(images/bg_hl-type03.jpg) no-repeat 0 0;
margin:0 0 20px 0;
}

.hl-type03 h1{
color:#FFFFFF;
font-size:18px;
padding:2px 0 0 40px;
}

/* ===== header styles ===== */

.headline{
height:14px;
font-size:10px;
text-align:left;
background-color:#F2F2F2;
padding:0 0 0 20px;
}

#header{
width:900px;
height:75px;
}

#header dl{
width:900px;
padding:10px 0 0 0;
}

#header dl dt{
width:285px;
float:left;
}

#header dl dd{
width:500px;
font-size:12px;
line-height:1.5em;
padding:10px 0 0 0;
float:left;
}

.navigation{
padding:5px 0 10px 0;
}

.navigation ul{
list-style:none;
height:40px;
background:url(images/bg_navigation.jpg) no-repeat 0 0;
padding:0 0 0 49px;
}

.navigation ul li{
float:left;
}


/* ===== contents styles ===== */

ol.breadcrumb{
clear:left;
list-style:none;
font-size:12px;
margin:0 0 10px 0;
}

ol.breadcrumb li{
display:inline;
}

/*  entry parts  */

#contents .main .entry{
border-bottom:1px dotted #CCCCCC;
padding:0 0 10px 0;
margin:0 0 20px 0;
}

#contents .main .entry .entryheader{
margin:0 0 10px 0;
}

#contents .main .entry .entryheader p{
font-size:14px;
line-height:1.5em;
}

#contents .main .entry .entryheader ul{
list-style:none;
font-size:12px;
text-align:right;
}

#contents .main .entry .entryheader ul li span{
background:url(images/bg_icon-arrow01.gif) no-repeat 0 50%;
padding:0 0 0 15px;
}

#contents .main .entry .entrybody{
padding:0 0 10px 0;
margin:0 0 10px 0;
}

#contents .main .entry .entrybody img{
max-width:100%;
position:relative;
}

#contents .main .entry .entrybody p{
font-size:14px;
line-height:1.5em;
margin:0 0 10px 0;
}

#contents .main .entry .entryfooter{
border-top:1px dotted #CCCCCC;
padding:10px 0 0 0;
}

#contents .main .entry .entryfooter dl{
font-size:12px;
display:inline;
padding:0 10px 0 0;
}

#contents .main .entry .entryfooter dl dt{
display:inline;
}

#contents .main .entry .entryfooter dl dd{
display:inline;
}

#contents .main .bookmarks{
border-top:1px dotted #CCCCCC;
padding:10px 0 0 0;
}

#contents .main .bookmarks ul{
list-style:none;
text-align:right;
}

#contents .main .bookmarks ul li{
display:inline;
}

#contents .main .parts{
width:635px;
margin:0 0 20px 0;
}

#contents .main .parts .partsimage{
width:147px;
float:left;
}

#contents .main .parts .partsdetail{
width:450px;
float:right;
}

#contents .main .parts .partsdetail h3{
border-bottom:none;
margin:0 0 0 0;
}

#contents .main .parts .partsdetail dl{
font-size:14px;
}

#contents .main .parts .partsdetail dl dt{
font-weight:bold;
color:#FF0000;
display:inline;
}

#contents .main .parts .partsdetail dl dd{
font-weight:bold;
color:#FF0000;
display:inline;
}

#contents .main .parts .partsdetail p.caution{
font-size:12px;
padding:0 0 0 20px;
}

#contents .main .parts .partsdetail p.attention{
font-size:12px;
margin:0 0 10px 0;
}

#contents .main .parts .partsdetail p.salestext{
font-size:14px;
line-height:1.5em;
margin:0 0 20px 0;
}


#contents .main .recommend{
}

#contents .main .recommend .element{
width:200px;
text-align:center;
font-size:12px;
float:left;
}

#contents .main .similarpost{
margin:0 0 10px 0;
}

#contents .main .similarpost ul{
margin:0 0 0 20px;
}

/* member page */

#contents .main .member{
}

#contents .main .member p{
font-size:14px;
line-height:1.5em;
}


/* about page */

#contents .main .about{
}

#contents .main .about p{
font-size:14px;
line-height:1.5em;
margin:0 0 10px 0;
}

/* comment parts */

.comment .postcomments dl{
font-size:12px;
line-height:1.5em;
background-color:#F2F2F2;
padding:10px 10px 10px 10px;
margin:0 0 10px 0;
}

.comment .commentform dl{
width:635px;
font-size:12px;
overflow:hidden;
position:relative;
margin:0 0 10px 0;
}

.comment .commentform dl dt{
width:150px;
float:left;
}

.comment .commentform dl dt span{
color:#FF0000;
}

.comment .commentform dl dd{
width:300px;
float:left;
}

.comment .commentform dl dd input{
width:250px;
}

.comment .commentform textarea{
width:630px;
margin:0 0 10px 0;
}

.comment p.message{
line-height:1.5em;
margin:0 0 10px 0;
}

.comment p.postbtn{
text-align:center;
margin:0 0 20px 0;
}

.side h2{
margin:0 0 5px 0;
}

.side h2 img{
display:block;
}


.side .sidebox{
background-color:#E4E8E7;
padding:4px 4px 4px 4px;
margin:0 0 10px 0;
}

.side .sidebox ol.ranking{
list-style:none;
font-size:14px;
}

.side .sidebox ol.ranking li{
margin:0 0 5px 0;
}

.side .sidebox ul{
list-style:none;
font-size:14px;
}

.side .sidebox ul li{
background:url(images/bg_icon-list01.jpg) no-repeat 0 3px;
padding:0 0 0 20px;
margin:0 0 5px 0;
}

.side .sidebox ul li ul{
padding:5px 0 0 0;
}

.side .sidebox ul li ul li{
background:url(images/bg_icon-subcat.gif) no-repeat 0 0;
}

.side .sidebox ul.wp-tag-cloud li{
display:inline;
line:height:1.5em;
background-image:none;
padding:0 5px; 0 0;
}


/* ===== footer styles ===== */

#footer .footer-inner{
width:900px;
padding:30px 0 10px 0;
margin:0 auto 0 auto;
}

#footer p{
font-size:12px;
text-align:right;
color:#CCCCCC;
}

#footer address{
font-size:12px;
font-style:normal;
text-align:right;
color:#CCCCCC;
}

#footer address a{
text-decoration:none;
color:#CCCCCC;
}

/* ===== pr styles ===== */

.mainprarea{
text-align:center;
margin:0 0 10px 0;
}

.side prarea{
text-align:center;
margin:0 0 10px 0;
}

/* add styles of entry elements */

#contents .main .entry .entrybody table.raceresult{
width:635px;
font-size:14px;
border-collapse:collapse;
empty-cells:show;
table-layout:fixed;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
margin:0 0 20px 0;
}

#contents .main .entry .entrybody table.raceresult th{
text-align:left;
background-color:#F2F2F2;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
padding:8px 8px 8px 8px;
}

#contents .main .entry .entrybody table.raceresult td{
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
padding:8px 8px 8px 8px;
}

#contents .main .entry .entrybody img.alignnone{
display:block;
margin:0 0 5px 0;
}


/*JUITTER PLUGIN CSS
-------------------------------------------*/

#juitterContainer{margin-bottom: 20px} /*Juitter container*/
#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI{list-style:none;background:#EEFDEA;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/

/* clearfix */
#juitterContainer .twittLI:after{clear: both;height: 0;visibility: hidden;display: block;content: ".";}
#juitterContainer .twittLI{display: inline-block;}
* html #juitterContainer .twittLI{height: 1%;}
#juitterContainer .twittLI{display: block;}
/* */

/*end of Juitter CSS*/