/*css setting*/

*{margin:0;padding:0;line-height:160%;}
body{
margin:0;
padding:0;
font-family:arial, 'Hiragino Kaku Gothic Pro', Meiryo, san-serif, sans-serif, Osaka, verdana;
color:#000;
text-align:center;
background:#eee;
}
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:#0682b6; text-decoration:none;}
a:hover{ color:#49a1df; text-decoration:none;}
.cut{ clear:both;}

#hedge{
width:1012px;
background:#fefefe;
text-align:left;
margin:0 auto;
}
/*header*/
#header{
padding:4px 6px; 
background:url(img/top_bg.png) no-repeat center;
margin-bottom:5px;
}
#header a{
font-size:20px;
display:block;
height:240px;
width:1012px;
margin:0 auto;
}

h1 a span { display:none;}

#topics{
float:right;
width:30%;
padding:0 10px 0 0;
font-size:12px;
color:#444;
}
#topics ul li {
border-bottom: 1px dotted #aaa;
padding: 4px;
}
#topics ul#gnav_in li {
border: none;
padding: 0;
}
#topics ul#gnav_in {
border: 1px solid #111;
padding:2px;
margin:10px 0;
}
#topics ul#gnav_in li#name{
background:#00385b;
padding:2px;text-align:center;
color:#fff;
}
#topics ul#gnav_in li#cl1 a,
#topics ul#gnav_in li#cl2 a,
#topics ul#gnav_in li#cl3 a,
#topics ul#gnav_in li#cl4 a {
display: block;
background:#0682b6;
padding: 5px 10px;
font-weight: bold;
font-size: 13px;
color:#fff;
}
#topics ul#gnav_in li#cl1 a:hover,
#topics ul#gnav_in li#cl2 a:hover,
#topics ul#gnav_in li#cl3 a:hover,
#topics ul#gnav_in li#cl4 a:hover {
text-decoration:underline;
}
#topics ul#gnav_in li a {
display: block; 
padding:2px 5px;
margin: 2px;
text-decoration: none;
border: 1px solid #eee;
}

.recom_site_nav{
 background:#f2f2f2;
 padding:1px 3px;
 margin-top:3px;
 font-weight:bold;

 display:block;
}
/*main*/
#content-block{
width:66%;
padding:20px 0 20px 8px;
position:relative;
float:left;
font-size:15px;
}
#content-block .theme_img{
padding:2px;
border: #e4f3f0 solid 2px;
width:649px;
}
#content-block ul li{ line-height:200%;}
#content-block .info li{ line-height:170%; padding-bottom:3px;}

#sub_section{
 padding:15px;
line-height:200%;
 border:#ccc solid 1px;
}
#sub_section p{line-height:200%;}
 h2{
margin:10px 0;
padding:2px 0;
border-bottom:#ccc dotted 2px;
font-size:25px;
color:#00385b;
letter-spacing:-1px;
}
 h3{
margin:10px 3px;
border-bottom:#ccc dotted 2px;
font-size:15px;
color:#00385b;
letter-spacing:-1px;
}
#breadcrumb{
padding-bottom:6px;
font-size:12px;
}
/*FOOTER*/
#footer_bar{
padding:12px;
background:#e4f3f0;
font-size:12px;
color:#666;
}
#footer_bar ul li{ line-height:180%;}
#footer_bar .credit{
letter-spacing:1px;
text-align:right;
font-size:11px;
}