/*----CSS----*/

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

body{
font-family: 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
color:#111;
text-align:center;
background:url(img/stripe.jpg);
}
a{color:#36795a;}
a:hover{color:#36795a; text-decoration:none;}
.clear_all{ clear:both;}

#section{
width:995px;
background:#fefefe;
text-align:left;
margin:0 auto;
}
#logo{
font-size:12px;
background:#aaa;
padding-bottom:2px;
border-bottom:#ddd solid 2px;
margin:0 0 5px 0;
}
/* head*/
#logo .logo02{
background:#fff;
display:block;
padding:3px 10px;
border-bottom:#003240 solid 3px;

}
#logo a{
text-decoration:none;
font-size:25px;
letter-spacing:-1px;
}
#logo a:hover{
color:#409f74;
}
h1{
padding:3px 8px 1px 8px;
font-weight:normal;
font-size:12px;
color:#fff;
background:#003240;
background: -moz-linear-gradient(top,#36795a, #003240);
background: -webkit-gradient(linear, left top, left bottom, from(#36795a), to(#003240));
}
#aside{
float:right;
width:30%;
padding:0 10px 0 0;
font-size:12px;
color:#444;
}
#aside ul li {
border-bottom: 1px dotted #aaa;
padding: 4px;
}
#aside ul#navigation_in li {
border: none;
padding: 0;
}
#aside ul#navigation_in {
border: 1px solid #111;
padding:2px;
margin:10px 0;
}
#aside ul#navigation_in li#name{
background:#003240;
padding:2px;font-size:14px;
color:#fff;
}
#aside ul#navigation_in li#cl1 a,
#aside ul#navigation_in li#cl2 a,
#aside ul#navigation_in li#cl3 a,
#aside ul#navigation_in li#cl4 a {
display: block;
background:#36795a;
padding: 5px 10px;
font-weight: bold;
font-size: 13px;
color:#fff;
}
#aside ul#navigation_in li#cl1 a:hover,
#aside ul#navigation_in li#cl2 a:hover,
#aside ul#navigation_in li#cl3 a:hover,
#aside ul#navigation_in li#cl4 a:hover {
text-decoration:underline;
}
#aside ul#navigation_in li a {
display: block; 
padding:2px 5px;
margin: 2px;
text-decoration: none;
border: 1px solid #eee;
}

.recom_navtitle{
 border-bottom:#bbb dotted 1px;
 font-weight:bold;
 padding:2px 3px;
 margin-top:5px;
 background:#dadada;
 display:block;
}
#frame-margin{
width:66%;
padding:12px 0 12px 20px;
position:relative;
float:left;
font-size:15px;
line-height:200%;
}
#frame-margin .site_img{
border: #003240 solid 2px;
padding:5px;
width:643px;
}


/*frame-margin*/
h2{
margin:10px 0;
padding-bottom:2px;
border-bottom:#003240 solid 2px;
}
h2 span{
margin:1px 0;
padding:3px;
display:block;
letter-spacing:-1px;
font-size:21px;
background:#fff url(img/grd.jpg) repeat-x bottom;
}
#frame-margin .link_title,
h3{
margin:10px 0;
font-weight:bold;
color:#003240;
font-size:15px;
border-bottom:#ccc solid 1px;
letter-spacing:-1px;
}

#frame-margin ul li,
#frame-margin p{ line-height:200%;}
#frame-margin .contents_ads li{ line-height:170%; margin-bottom:3px;}
.footer_bar{
margin-top:15px;
padding:10px 15px;
font-size:12px;
color:#777;
}
p.rights{
padding:5px 10px;
font-size:11px;
text-align:right;
letter-spacing:1px;
color:#ccc;
background:#555;
}