@charset 'shift_jis';
/*-- css setting --*/

body{
margin:0;
padding:0;
font-family:arial, sans-serif, Osaka, verdana;
color:#000;
text-align:center;
background:#f8f8f8;
}
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:#006084;}
a:hover{ color:#00a1c4; text-decoration:none;}
.clearfix{ clear:both;}

#all_contents{
width:800px;
margin:0 auto;
text-align:left;
background:#fff;
}
#all_box{
padding:100px 7px 10px 7px;
background:url(img/wrap_bg.jpg) no-repeat;
text-align:left;
}
/*header*/
#sitetitle{
border-bottom:#1d2d41 solid 2px;
background:url(img/bg1.jpg);
}
h1{padding:10px 15px;}
h1 a{
font-size:32px;
color:#1d2d41;
text-decoration:none;
}
/*nav*/
#nav_block{
width:27%;
padding:10px;
position:relative;
float:right;
font-size:12px;
}
#nav_block ul{ margin-bottom:10px;}
#nav_block ul li{
padding:3px;
border-bottom:#ddd solid 1px;
}
#nav_block #gnav_in li{ 
background:none;
padding:2px;
border:none;
}
#nav_block ul #cl1{
padding:2px 4px;
border:#ccc solid 1px;
}

#title_nav{
margin-bottom:9px;
height:20px;
color:#1d2d41;
border-bottom:#1d2d41 solid 2px;
font-size:15px;
font-weight:bold;
}

#nav_block #gnav_in{ 
padding:2px;
background:#fff;
border:#ddd solid 1px;
}
#gnav_in li a{
padding:0 5px;
display:block;
text-decoration:none;
color:#1d2d41;
border-left:#ddd solid 7px;
}
#gnav_in li a:hover{
border-left:#ccc solid 7px;
background:#c6decf;
}

#nav_block ul #cl1 a{
padding:0 4px;
display:block;
font-size:13px;
font-weight:bold;
border-left:#1d2d41 solid 7px;
}
#nav_block ul #cl1 a:hover{
background:#eee;
border-left:#00a1c4 solid 7px;
}
/*--------------------------------------------*/

#article ul li{line-height:190%;}
#article .recom li{ line-height:170%; margin:0 0 3px 0;}

#article{
width:67%;
padding:0 18px 15px 0;
position:relative;
float:left;
font-size:14px;
}
/* TOP,CAT */
#sub_section{
line-height:210%;
padding:15px;
border:#ddd solid 1px;
}
.style1{color:##839db7; font-size:13px;}
.style2{color:#839db7; font-size:13px;}
.style3{color:#777; text-decoration:underline;}
.style4{text-decoration:underline;}
.style5{color:#777;}
/* PAGE */
#page #sub_section{
line-height:190%;
padding:80px 15px 15px 15px;
border:#ddd solid 1px;
}

#page_title{
margin:10px 0;
}
h2{
padding:12px 5px;
font-size:18px;
line-height:100%;
color:#1d2d41;
border-left:#1d2d41 solid 7px;
border-bottom:#1d2d41 solid 1px;
}

#article h3{
margin:10px 0;
padding:5px 7px;
font-size:14px;
line-height:100%;
background:#5d520d;
color:#fff
;}

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

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

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