/*css setting*/

*{margin:0;padding:0;line-height:160%;}
body{
margin:0;
padding:0;
font-family:arial, 'Hiragino Kaku Gothic Pro', Meiryo, san-serif, sans-serif, Osaka, verdana;
color:#000;
text-align:center;
background:#f9f9f9;
}
h1,h2,h3,p,ul,ol,li{
margin:0px;
padding:0px;
}
li{
margin:0px;
padding:0px;
list-style-type:none;
}
img{border:0;}

a{color:#ad4807; text-decoration:none;}
a:hover{ color:#b06930; text-decoration:none;}
.c_f{ clear:both;}

#hedge{
width:980px;
background:#fefefe;
text-align:left;
margin:0 auto;
}
#site_name{
font-size:12px;
padding-bottom:2px;
margin-bottom:8px;
border-bottom:#ddd solid 2px;
}
/* head*/
#site_name .site_name02{
background:#702312;
background: -moz-linear-gradient(top,#ad4807, #702312);
background: -webkit-gradient(linear, left top, left bottom, from(#ad4807), to(#702312));
display:block;
padding:5px 10px;
}
#site_name a{
text-decoration:none;
font-size:25px;
color:#eee;

}
#site_name a:hover{
color:#fff;
}
h1{
padding:3px 4px 1px 4px;
font-weight:normal;
font-size:12px;
color:#702312;
background:#ddd;
border-bottom:#fff solid 2px;
}
/*nav*/
#sidemenu{
width:28%;
padding:5px;
position:relative;
float:right;
font-size:12px;
}

#sidemenu ul{ margin-bottom:12px;}
#sidemenu ul li{ padding:5px; background:#fff6f0; margin-bottom:5px;}
#sidemenu .contents_list li{ padding:0; border:none; background:none; margin:0;}
#sidemenu .contents_list #pagelist{
border-bottom:#ccc solid 1px;
font-size:13px;
font-weight:bold;
margin-bottom:1px;
}
#sidemenu .contents_list li{
padding:2px;
border-bottom:#ddd solid 1px;
}
.contents_list li a{
margin-bottom:1px;
padding:4px;
display:block;
border-left:#b06930 solid 2px;
}
.contents_list li a:hover{
text-decoration:underline;
background:#f8f8f8;
border-left:#ad4807 solid 2px;
}

.recom_navtitle{
 padding:5px 4px;
text-shadow:1px 1px 0 #fff;
margin-bottom:2px;
line-height:100%;
color:#ad4807;
border:none;
font-weight:bold;
background:#fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%,#ffddd1), color-stop(50%,#fff6f0), to(#fff));
background: -moz-linear-gradient(top, #fff, #ffddd1 50%, #fff6f0 50%, #fff);
}
/*--------------------------------------------*/

#main ul li,
#article_inner p{line-height:200%;}
#main .recom li{ line-height:170%; margin-bottom:3px;}
#main .index_image{
width:631px;
border: #702312 solid 1px;
padding:1px;
}
#main{
width:67%;
padding:0 15px 15px 10px;
position:relative;
float:left;
font-size:15px;
}
/* TOP,CAT */
#article_inner{
line-height:200%;
padding:16px;
border:#ddd solid 3px;
background: -moz-linear-gradient(top, #fff, #eee);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}
#page_title{
margin:13px 0;
border:#fff solid 1px;
box-shadow:0 1px 3px #aaaaaa;
}
h2{
padding:8px 4px;
font-size:23px;
line-height:100%;
color:#222222;
background:#f8f8f8;
border-top:#ad4807 solid 3px;
border-bottom:#ad4807 solid 1px;
background: -moz-linear-gradient(top, #fff, #eee);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}

#main h3{
margin:10px 0;
padding:5px 7px;
font-size:15px;
line-height:130%;
background:#f8f8f8;
border:#fff solid 1px;
border-bottom:#b06930 solid 1px;
background: -moz-linear-gradient(top, #fff, #eee);  
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
box-shadow:0 1px 3px #aaaaaa;
}

/*--------------------------------------------*/
/*-- footer_bar --*/
#footer_bar{
padding:12px;
text-align:right;
font-size:11px;
color:#666;
background:#fff6f0;
border-top:#ccc solid 1px;
}

ul#footer{font-size:12px;; border-top:#ccc solid 1px; padding:7px 10px; color:#555;}
ul#footer li{line-height:200%; font-size:11px;}

#footer_bar p{
letter-spacing:1px;
font-size:11px;
padding:3px;
line-height:100%;
}