/*css document*/

*{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;}

body{
font-family:Meiryo, 'Hiragino Kaku Gothic Pro',arial, sans-serif, Osaka, verdana;
color:#000;
text-align:center;
background:#f5f5f5;
}

a{color:#cd4400;}
a:hover{color:#eb6f00;}
.clearfix{ clear:both;}

#hedge{
width:1000px;
background:#fefefe;
text-align:left;
margin:0 auto;
}
#header{
font-size:12px;
background:#aaa;
padding-bottom:2px;
border-bottom:#ddd solid 2px;
margin:0 0 5px 0;
}
/* head*/
#header .header02{
background:#fff;
display:block;
padding:3px 10px;
border-bottom:#610000 solid 3px;
border-top:#610000 double 6px;
}
#header a{
text-decoration:none;
font-size:25px;
letter-spacing:-1px;
}
#header a:hover{
color:#eb6f00;
}
h1{
padding:3px 8px 1px 8px;
font-weight:normal;
font-size:12px;
color:#fff;
background:#610000;
background: -moz-linear-gradient(top,#cd4400, #610000);
background: -webkit-gradient(linear, left top, left bottom, from(#cd4400), to(#610000));
}
/*nav*/
#aside{
width:30%;
padding:5px 10px 0 0 ;
position:relative;
float:right;
font-size:13px;
color:#555;
}

#aside ul { margin-bottom:10px;}
#aside ul li{  padding:4px; border-bottom:#999 dotted 1px;}

#n1{
padding:0 5px;
font-size:15px;
font-weight:bold;
color:#fff;
display:block;
background:#610000;

}

#aside .topics_nav li{
padding:0;
margin-bottom:3px;
border:none;
}
.topics_nav li a{
padding:2px 5px;
display:block;
text-decoration:none;
background:#ddd;
}
.topics_nav #cl1 a,
.topics_nav #cl2 a,
.topics_nav #cl3 a,
.topics_nav #cl4 a{ font-weight:bold;}
.topics_nav li a:hover{ color:#333; background:#ccc;}

.nav_recom_link{
 margin:6px 0 0 0;
 display:block;
 background:#e9e9e9;

 padding:2px;
 font-weight:bold;
}
/*main*/
#contents{
width:66%;
padding:20px 0 20px 8px;
position:relative;
float:left;
font-size:15px;
}
#contents .class_img{
padding:5px;
border:solid #cccccc 1px;
width:660px;
}
#contents ul li{ line-height:200%;}
#contents .info li{ line-height:170%; padding-bottom:3px;}

#aera_in{
 padding:15px;
line-height:200%;
 border:#ccc solid 1px;
}
#aera_in p{line-height:200%;}
 h2{
margin:10px 0;
padding:2px 0;
border-bottom:#ccc dotted 2px;
font-size:25px;
color:#610000;
letter-spacing:-1px;
}
 h3{
margin:10px 3px;
border-bottom:#ccc dotted 2px;
font-size:15px;
color:#610000;
letter-spacing:-1px;
}

/*footer*/
#gfooter{
padding:13px;
background:#ddd;
font-size:12px;
color:#555;
}
#gfooter ul li{ line-height:180%;}
#gfooter p{
letter-spacing:1px;
text-align:right;
font-size:11px;
}

