/*----------------------------*/
*{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,arial, sans-serif, Osaka, verdana, 'Hiragino Kaku Gothic Pro';
color:#222;
text-align:center; 
background:#f7f7f7;
}
a{ color:#36795a; text-decoration:none;}
a:hover{ color:#409f74; text-decoration:underline;}
/*-----------------------------*/
.clearall{ clear:both;}

#page_area{
width:995px;
background:#fefefe;
text-align:left;
margin:0 auto;
}

/*header */
#header_space{
padding:5px;
margin-bottom:5px;
background:#eee;
background: -moz-linear-gradient(top, #ffffff, #e1e1e1);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e1e1e1));
border-bottom:#003240 solid 2px;
border-top:#003240 solid 4px;
}
#header_space a{
padding:3px;
font-size:22px;
font-weight:normal;
display:block;
}
#sidemenu{
float:right;
width:30%;
padding: 2px 10px 0 0;
font-size:12px;
color:#555;
}
#topics_nav {
background: #eaeaea;
padding:3px;
}
#sidemenu ul li{
padding:4px 0;
border-bottom:#999 dotted 1px;
}
ul.text li {
border-bottom: 1px dotted #aaa;
padding: 4px;
}
.topics_nav02 {
margin: 15px 0;
padding:2px;
border:#ccc solid 2px;
}
.topics_nav02 p {
background:#fff url(img/list_arrow.png) left no-repeat;
padding:2px 0 0 17px; 
font-size: 15px; 
font-weight: bold;
border-bottom:#ddd solid 2px;
}
.topics_nav02 ul{
background:#fff;
padding:2px;
}
.topics_nav02 ul li a {
display: block;
background: #fff;
padding:0 5px;
}

.recom_navtitle{
 border-bottom:#ddd solid 1px;
 font-weight:bold;
 display:block;
 padding:2px;
 margin:6px 0 0 0;
 background:#eaeaea;
}
/*--------------------------------------------*/
#sub{
width:67%;
padding:0 0 15px 8px;
position:relative;
float:left;
font-size:15px;
}
#sub .index_image{
width:641px;
border: #36795a solid 2px;
padding:4px;
}
#textbox{
line-height:180%;
padding:12px;
}
#h2_title{
margin:16px 0;
padding-bottom:2px;
border-bottom:1px #36795a solid;
}
h2{
padding:4px;
font-size:25px;
line-height:100%;
}
#h2_title span{
padding:0 6px;
display:block;
color:#003240;
border-left:#003240 solid 6px;
}

#sub h3{
margin:12px 0;
padding:0 5px;
font-size:17px;
line-height:110%;
border-left:#409f74 solid 14px;
color:#409f74;
}

#sub ul li,
#textbox p{line-height:200%;}
#sub .recomend li{ line-height:170%; margin-bottom:3px;}
#sub ul li{ padding:2px 0; border-bottom:#ccc dashed 1px;}

/*--------------------------------------------*/
/* bottom_area */
#bottom_area {
font-size: 11px;
padding: 15px;
background-color: #003240;
color:#ccc;
letter-spacing:1px;
}
#bottom_area .bottom_links {
text-align: right;
}
#bottom_area .bottom_links li {
display: inline;
}
#bottom_area .bottom_links li a {
color: #36795a;
}
#bottom_area .bottom_links li a:hover {
color: #409f74;
}
#bottom_area p {
text-align: center;
padding-top: 15px;
}