/*-- setting --*/

body{
margin:0;
padding:0;
font-family:arial, sans-serif, Osaka, verdana;
color:#222;
text-align:center;
}
h1,h2,h3,p,ul,ol,li{
margin:0px;
padding:0px;
}
li{
margin:0px;
padding:0px;
list-style-type:none;
}
img{border:0;}

#wrap_base{
width:866px;
margin:0 auto;
text-align:left;
}

.clear{ clear:both;}

a{color:#008a06;}
a:hover{ text-decoration:none;}

/*-- HEADER --*/

#top{
height:75px;
background:url(img/header.jpg) no-repeat;
}
#top h1 a{
width:550px;
height:80px;
display:block;
float:left;
}
#top h1 a span{
display:none;}

#top_nav{
width:260px;
padding:48px 0 0 0; 
position:relative;
float:right;
}

a.header_nav{
display:block;
background:url(img/point.jpg) 0 4px no-repeat;
padding:0 15px;
float:right;
font-size:13px;
color:#af0000;
}

/*-- CONTENTs LAYOUT --*/

/** RIGHT **/
#paragraph_box ul li{line-height:280%;}
#paragraph_box .recom li{ line-height:190%;}

#paragraph_box{
width:600px;
padding:15px 6px;
position:relative;
float:right;
font-size:14px;
}
#paragraph{
padding:16px;
line-height:280%;
background:#fffdf4;
border:#ccc solid 1px;
}

#title_box{
margin:10px 0;
background:#eee url(img/h2.jpg) repeat-x;
}
#paragraph_box h2{
padding:6px 10px 5px 18px;
margin:10px 0px;
background:url(img/h2_point.jpg) no-repeat;
font-size:17px;
line-height:100%;
border-bottom:#ddd solid 1px;
}

#paragraph_box h3{
margin:10px 0;
padding:3px;
font-size:14px;
line-height:100%;
border-bottom:#ddd solid 1px;
}

/** LEFT **/
#list_area ul{
padding:8px;
margin-bottom:10px;
border:#ccc solid 1px;
}
#list_area ul li{
padding:8px;
background:#fff;
border-bottom:#ccc dotted 1px;
line-height:150%;
}
#list_area ul#topic_list li{ padding:0; border:none;}
#list_area ul#cate_list li{ border:none; padding:0;}

#list_area{
width:235px;
padding:5px 5px 15px 0;
margin:0;
font-size:11px;
position:relative;
float:left;
}
 
#topic_list li a{
padding:3px 0 4px 15px;
background:url(img/point.jpg) 2px 7px no-repeat;
display:block;
font-size:13px;
}

#list_area ul#cate_list{
padding:0; margin:0;
background:none;
border:none;
}
ul#cate_list #cl1 a{
height:27px;
display:block;
background:url(img/category_img.jpg) no-repeat;
border-top:#aaa solid 1px;
}
ul#cate_list #cl1 a span{ display:none;}

/*-- BOTTOM --*/
#bottom{
padding:15px;
text-align:right;
font-size:11px;
color:#444;
background:url(img/footer_bg.jpg) repeat-x;
border-top:#eee solid 1px;
}

ul#btm_das{ border-top:#eee solid 1px; padding:7px 3px;}
ul#btm_das li{line-height:200%; font-size:11px;}

#bottom p{
letter-spacing:1px;
font-size:11px;
padding:3px;
line-height:100%;
}