/*life css*/

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

/*Basic*/
body{
font-family:arial, sans-serif, Osaka, verdana;
color:#222;
background:url(img/bg.jpg) repeat-x;
}
.clearfix {clear:both;font-size:1px;}

a{color:#d88128;}

a:hover{color:#e6994a;}

/*ALL*/
#container{
width:823px;
}
/*HEAD detail*/
#top_area{
height:112px;
background:url(img/header.jpg) no-repeat;
}
#top_area h1{ padding:23px 0 0 14px;}
#top_area h1 a{ display:block; width:384px; height:62px;}
#top_area h1 a span{ display:none;}

/*NAVI detail*/

#right_area{
width:228px;
padding:10px;
position:relative;
float:right;
font-size:12px;
}
#right_area ul{ margin-bottom:10px;}
#right_area ul li{ padding:5px; border-bottom:#ccc solid 1px;line-height:130%;}

#navigation{ padding-top:49px; background:url(img/nav_top.jpg) no-repeat;}
#right_area #topics_area{
padding-bottom:14px;
background:url(img/nav_btm.jpg) no-repeat bottom left;
}
#right_area #topics_area li{
padding:0 10px 0 7px; border:none;
background:url(img/nav_li.jpg) repeat-y;
}

#right_area #topics_area #nav_top{ height:34px; background:url(img/navigation.jpg) 7px 0 no-repeat;}
#nav_top span{ display:none;}

#topics_area li a{
padding:2px 5px 2px 13px;
display:block;
background:url(img/pagelist_li.jpg) 3px 8px no-repeat;
border-bottom:#ccc solid 1px;
color:#555;
}
#topics_area li a:hover{
background:#f6f6f6 url(img/pagelist_hover.jpg) 3px 8px no-repeat;
color:#333;
}

#topics_area #cl1 a{
padding:2px 5px 2px 13px;
display:block;
background:#97bad6 url(img/cate_li.jpg) 3px 8px no-repeat;
color:#f6f6f6;
font-weight:bold;
}
#topics_area #cl1 a:hover{
background:#7eaacc url(img/cate_hover.jpg) 3px 8px no-repeat;
color:#fff;
}

/*CONT detail*/
#left_area{
width:530px;
padding:15px 0 20px 25px;
position:relative;
float:left;
font-size:13px;
}
#left_area ul li{ line-height:290%;}
#left_area .info_list li{ line-height:200%;}

#contents{
line-height:300%;
padding:20px;
border:#ccc solid 1px;
}
h2{
margin:10px 0;
padding:0 3px 7px 34px;
background:url(img/h2.jpg) no-repeat;
line-height:100%;
font-size:18px;
color:#fff;
}
.info01{
margin:10px 0;
font-weight:bold;
border-bottom:#005394 dotted 1px;
color:#555;
}

/*FOOT detail*/
#btm_area{
font-size:12px;
background:url(img/btm.jpg) repeat-x bottom;
}
#btm_area ul{ padding:10px;}
#btm_area ul li{ line-height:200%;}
.copyright{
width:820px;
padding:5px;
letter-spacing:1px;
color:#888;
text-align:right;
font-size:10px;
}