/*base*/
*{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:#eee;
}

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

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

#navi-wrapper{
width:213px;
padding:0 0 0 10px;
position:relative;
float:left;
}

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

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

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

/*navi*/
#navi{
background:#e6eaf2;
}
#navi ul{ margin-bottom:10px;padding:7px;}
#navi ul li{font-size:11px;}

.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:#0080d3;}
#n1 li{ padding-bottom:1px;}
#n1 li a{
display:block;
padding:2px 0 0 16px;
text-decoration:none;
background:#bbd1ff url(img/point.jpg) 2px 4px no-repeat;
border:#0040af 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:#2d82a3;}
#n2 li{ padding-bottom:1px;}
#n2 li a{
display:block;
padding:2px 0 0 16px;
text-decoration:none;
background:#8ad0eb url(img/point_cate.jpg) 2px 4px no-repeat;
border:#004187 solid 1px;
}

/*article*/
#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;}

#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*/
#footer ul{padding:10px;}
#footer p{ letter-spacing:1px; font-size:9px; padding:5px; text-align:right;}