body{
font-family:arial,Osaka,sans-serif,verdana, 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
color:#111;
text-align:center; 
background:url(img/bg_stripe.jpg);
*/
}

a{color:#36795a;}
a:hover{color:#409f74;}

*{margin:0;padding:0;line-height:160%;}
html,body{margin:0; padding:0}
img{border:none;}
ul,ol{margin:0;padding:0;}
ul li{list-style:none;list-style-postion:inline}
ul li a{text-decoration:none;border:none;}
h2,h3,h3,h4,h5{margin:0;padding:0;}
.cut{ clear:both;}

#all-frame{
width:870px;
background:#fefefe;
text-align:left;
margin:0 auto;
}
#headline{
font-size:12px;
padding:1px 4px 3px 4px;
margin: 1px 1px 8px 1px;
border-bottom:#ddd solid 2px;
background:#fff;
background: -moz-linear-gradient(top,#fff, #ddd);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
}
/* head*/
#headline .headline_in{
display:block;
padding:5px 10px;
background:#fff;
}
#headline a{
text-decoration:none;
font-size:24px;
letter-spacing:-1px;
}
h1{
padding:3px 8px 1px 8px;
font-weight:normal;
font-size:12px;
border-bottom:#ddd solid 1px;
color:#777;
}
/*nav*/
#contentnavi{
width:28%;
padding:2px 0 0 10px;
position:relative;
float:left;
font-size:13px;
color:#666;
}

#nav_up_ads {padding-bottom:10px; border-bottom:#eee solid 2px;}
#nav_under_ads { padding-top:15px; border-top:#eee solid 2px;}

#contentnavi ul li{line-height:130%; font-size:12px; padding:5px; margin-bottom:5px; background:#f2f2f2;}

#n1{
margin:4px 0;
padding:3px 2px;
font-size:15px;
line-height:100%;
font-weight:bold;
border:none;
color:#000;
background:#fff;

border-top:#000 solid 4px;
border-bottom:#000 dotted 1px;
}
#contentnavi .gnav_inner{
margin:5px 0;
padding:0 0 5px 0;
border-bottom:#000 solid 1px;
}
#contentnavi .gnav_inner li{
font-size:13px;
padding:0;
margin:0;
background:none;
list-style:inside square;
}
.gnav_inner li a{
padding:2px 0;
text-decoration:none;
color:#333;
}
.gnav_inner li a:hover{
text-decoration:underline;
color:#555;
}
#contentnavi .list_link li{
padding:4px;
margin:0 0 18px 0;
text-align:right;
border-bottom:#ccc dotted 1px;
}
.list_link li a{
padding:0;
margin:0;
font-size:11px;
text-decoration:underline;
}

.recom_title_nav{
 padding:3px;
 display:block;
 background:#eee;
 font-weight:bold;

 margin-top:5px;
}
/*--------------------------------------------*/

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

#articlebody h3{
margin:10px 0;
padding:5px 7px;
font-size:14px;
line-height:130%;
background:#f8f8f8;
border:#fff solid 1px;
border-bottom:#409f74 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*/
#foot_wrap{
padding:12px;
background:#e4efee;
font-size:12px;
color:#666;
}
#foot_wrap ul li{ line-height:180%;}
#foot_wrap .credit{
letter-spacing:1px;
text-align:right;
font-size:11px;
}