/*------CSS------*/
*{margin:0;padding:0;line-height:160%;}
body{
margin:0;
padding:0;
font-family:arial, sans-serif, Osaka, verdana, Meiryo;
color:#111;
background:#f4f4f4;
}
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:#277525; text-decoration:none;}
a:hover{ color:#5a8e4a; text-decoration:underline;}
.clear{ clear:both;}

#whole{
width:1000px;
background:#fefefe;
text-align:left;
margin:0 auto;
}
#title_area{
padding:6px;
margin-bottom:4px;
background:#fff url(img/grd7.jpg) bottom repeat-x;
}
#title_area a{
font-size:24px;
font-weight:normal;
}

/*nav*/
#sidebar{
width:30%;
padding:0 7px 0 0;
position:relative;
float:right;
font-size:12px;
line-height:180%;
color:#777;
}

#sidebar ul{ margin-bottom:10px;}
#sidebar ul li{ margin-bottom:8px; background:#f9f9f9; padding:6px; border:#eee solid 1px;}

#sidebar_in{

margin-bottom:12px;
}
.n_02{
padding:1px 3px;
border-top:#277525 solid 2px;
background:#fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%,#d9eac5), color-stop(50%,#eff5dd), to(#fff));
background: -moz-linear-gradient(top, #fff, #d9eac5 50%, #eff5dd 50%, #fff);
}
.n_02 span{
padding:0 5px;
font-size:13px;
font-weight:bold;
color:#277525;
border-left:#277525 solid 6px;
}
#contents_list{margin:0;}
#sidebar #contents_list li{
margin:0;
padding:0;
background:none;

}
#contents_list li a{
padding:5px 3px 5px 15px;
margin:0;
display:block;
background:#fff url(img/arrow6.png) left no-repeat;
font-weight: normal;
font-size:12px;
border-bottom:#ccc solid 1px;
}

.recom_title_nav{
 background:#d5d5d5;
 display:block;
 margin:6px 0 0 0;

 font-weight:bold;
 padding:2px;
}
/*--------------------------------------------*/

#block ul li,
#inner_column p{line-height:200%;}
#block .recom li{ line-height:170%; margin-bottom:3px;}


#block .title_theme{
width:645px;
border:solid #cccccc 1px;
padding:3px;
}
#block{
width:66%;
padding:0 0 15px 10px;
position:relative;
float:left;
font-size:15px;
}
/* TOP,CAT */
#inner_column{
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:#277525 solid 3px;
border-bottom:#277525 solid 1px;
background: -moz-linear-gradient(top, #fff, #eee);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}

#block h3{
margin:10px 0;
padding:5px 7px;
font-size:15px;
line-height:130%;
background:#f8f8f8;
border:#fff solid 1px;
border-bottom:#5a8e4a 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{
font-size:12px;
padding:10px;
background:#eff5dd;
border-top:#ddd solid 1px;
color:#666;
}

/*foot*/
#footer_bar_in{
margin:0 auto;
text-align:left;
}
#footer_bar ul li{line-height:230%;}
#footer_bar p{
padding:10px 0;
font-size:11px;
text-align:right;
letter-spacing:1px;
}