/* CSS document */

body{
font-family:arial,Osaka,sans-serif,verdana, Meiryo;
color:#111;
text-align:center;
background:#f8f8f8;
}

*{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;}
.clearall{ clear:both;}

#top-wrapper{
width:890px;
background:#fefefe;
text-align:left;
margin:0 auto;
}
#title_area{
font-size:12px;
background:#aaa;
padding-bottom:2px;
border-bottom:#ddd solid 2px;
margin:0 0 5px 0;
}
/* head*/
#title_area .title_area02{
background:#fff;
display:block;
padding:7px 10px;
border-bottom:#153e36 solid 3px;
border-top:#153e36 double 6px;
}
#title_area a{
text-decoration:none;
font-size:27px;
letter-spacing:-1px;
}
#title_area a:hover{
color:#0b8c73;
}
h1{
padding:3px 8px 1px 8px;
font-weight:normal;
font-size:12px;
color:#fff;
background:#153e36;
background: -moz-linear-gradient(top,#006652, #153e36);
background: -webkit-gradient(linear, left top, left bottom, from(#006652), to(#153e36));
}
/*sub*/
#sub{
width:28%;
padding:2px 0 0 11px;
position:relative;
float:left;
font-size:13px;
color:#555;
}

#/*sub*/_up_ads { border-bottom:#ddd solid 2px;}
#/*sub*/_under_ads { margin-bottom:10px; border-top:#ddd solid 2px;}

#sub ul li{  padding:4px; border-bottom:#e9e9e9 solid 1px;}
#sub .nav_list li{ padding:0; border:#f4f5d0 solid 1px; margin-bottom:2px;}
#sub .nav_list{padding:3px 1px;}
#n1{
padding:7px 4px;
text-shadow:1px 1px 0 #fff;
margin-bottom:2px;
line-height:100%;
color:#006652;
border:none;
font-weight:bold;
background:#fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%,#f4f5d0), color-stop(50%,#fffce0), to(#fff));
background: -moz-linear-gradient(top, #fff, #f4f5d0 50%, #fffce0 50%, #fff);
}
.nav_list li a{
padding:4px;
background:#f8f8f8;
display:block;
text-decoration:none;
border:#fff solid 2px;
color:#006652;
}

.nav_list li a:hover{
background:#fff;
color:#0b8c73;
}

.nav_recom_link{
 background:#d9d9d9;
 padding:0px 2px;
 margin:6px 0 0 0;
 font-weight:bold;
 border-bottom:#bbb dotted 1px;
 display:block;
}
/*--------------------------------------------*/

#box ul li,
#article_inner p{line-height:200%;}
#box .recom li{ line-height:170%; margin-bottom:3px;}
#box .theme_img{
width:571px;
border:solid #dddddd 1px;
padding:3px;
}
#box{
width:67%;
padding:0 10px 15px 15px;
position:relative;
float:right;
font-size:14px;
}
/* TOP,CAT */
#article_inner{
line-height:200%;
padding:16px;
border:#ddd solid 4px;
background: -moz-linear-gradient(top, #fff, #fffce0);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fffce0));
}
#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:#006652 solid 3px;
border-bottom:#006652 solid 1px;
background: -moz-linear-gradient(top, #fff, #eee);  
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}

#box h3{
margin:10px 0;
padding:5px 7px;
font-size:14px;
line-height:130%;
background:#f8f8f8;
border:#fff solid 1px;
border-bottom:#0b8c73 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;
}

/*--------------------------------------------*/
#bottom_area {
font-size: 11px;
margin: 0 10px;
}
#btmlist {
padding: 6px 10px; background-color:#f4f5d0;
}
#btmlist li {
display: inline;
padding: 0 10px;
border-left: solid 1px #0b8c73;
}
#btm_nav {
padding:10px;
text-align: right;
background:#fffce0;
border-top:#fff double 3px;
color:#555;
}
#bottom_area p {
background-color: #153e36;
color: #fff;
padding: 6px 10px;
}