/* CSS DOCUMENT BASIC SET*/
*{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;}
h2,h3,h3,h4,h5{margin:0;padding:0;}
html,body{margin:0; padding:0}
img{border:none;}

/*PAGESET*/
body{
font-family:arial, sans-serif, Osaka, verdana;
color:#333;
text-align:center;
background:#f9f9f9;
}

/*CLEAR FIX*/
.fix{clear:both;font-size:1px;}

/*LINK*/
a{color:#002088;}
a:hover{color:#5a72c0; text-decoration:none;}


/*LAYOUT*/
#wrapper{
width:750px;
margin:0 auto;
background:#fff;
text-align:left;
border:#ddd solid 1px;
border-top:none;
}

#header{
height:133px;
background:url(img/header_bg.jpg) no-repeat;
}

#navaigation_wrap{
width:213px;
padding:0 0 0 10px;
position:relative;
float:left;
color:#444;
}

#contents_wrap{
width:522px;
padding-top:10px;
font-size:14px;
position:relative;
float:right;
}

#btm_area{
margin-top:20px;
font-size:12px;
border-top:#ddd dotted 1px;
color:#555;
}

/*HEADER*/
#sitename h1 a{
width:300px;
height:100px;
padding:20px 0 0 30px;
display:block;
}
#sitename h1 a span{ display:none;}

/*NAVIGATION*/
#navi{background:#e6eaf2;}

#navi ul{ margin-bottom:10px;padding:7px;}
#navi ul li{font-size:11px; padding:4px; border-bottom:#706ebf dotted 1px;}
#navi #n1 li,
#navi #n2 li{padding:0 0 2px 0; border:none;}
#n1 li a:hover,
#n2 li a:hover{border:#5a72c0 solid 1px;}

.nav{
height:33px;
padding:0 0 0 8px;
line-height:120%;
font-size:16px;
background:url(img/nav_top.jpg) no-repeat;
display:block;
}
.nav span,.cate span{ display:none;}
#n1{ margin:0 3px; padding:5px; background:#3c4797;}
#n1 li a{
display:block;
padding:1px 0 1px 16px;
text-decoration:none;
background:#d3ceeb url(img/point.jpg) 2px 4px no-repeat;
border:#0f007d solid 1px;
}

.nav{
height:33px;
padding:0 0 0 8px;
line-height:120%;
font-size:16px;
background:url(img/nav_top.jpg) no-repeat;
display:block;
}
.nav span,.cate span{ display:none;}

.cate{
height:33px;
padding:0 0 0 8px;
line-height:120%;
font-size:16px;
background:url(img/cate_top.jpg) no-repeat;
display:block;
}
#n2{ margin:0 3px; padding:5px; background:#4e5a81;}
#n2 li{ padding-bottom:1px;}
#n2 li a{
display:block;
padding:2px 0 0 16px;
text-decoration:none;
background:#a5afcf url(img/point_cate.jpg) 2px 4px no-repeat;
border:#262661 solid 1px;
}

/*CONTENTS*/
#article{padding:10px; line-height:300%;}
#article ul li{ line-height:300%;}
#article h3{
margin:10px 0;
padding:3px 0 0 12px;
background:url(img/h3.gif)  no-repeat;
font-size:15px;
border-bottom:#ddd solid 1px;
}

#article #pagetitle{
padding:10px 5px 9px 20px;
margin:10px 0;
color:#fff;
background:url(img/h2.jpg) no-repeat;
}
#article #pagetitle h2{font-size:18px;}

/*FOOTER*/
#btm_area ul{padding:10px;}
#btm_area p{ letter-spacing:1px; font-size:9px; padding:5px; text-align:right;}