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

/*BASE*/
body{
font-family:arial, Osaka, sans-serif, verdana;
color:#111;
background:#e9f4f0;
}

a{color:#0c60ea; text-decoration:underline;}
a:hover{color:#5494ff;}

#outline{width:798px; background:url(img/wrap_bg.jpg) repeat-y;}

#inside{ width:772px; padding:0 26px 9px 0; background:url(img/wrap_btm.jpg) no-repeat bottom;}

/*HEADER*/
#header{
height:168px;
text-align:left;
background:url(img/header.jpg) no-repeat;
}

#header h1 {margin:0; padding:10px 0 0 0;}
#header h1 a {
width:400px;
height:109px;
display:block; 
}
#header h1 a span{display:none }
 
/*NAVIGATION*/
#navi-box{
width:232px;
padding:15px 0 15px 20px;
position:relative;
float:left;
font-size:13px;
line-height:180%;
text-align:left;
}

#pagelist h2{
margin-top:10px;
width:232px;
height:42px;
background:url(img/pagelist.jpg) no-repeat;
}
#category h2{
margin-top:10px;
width:232px;
height:42px;
background:url(img/category.jpg) no-repeat;
}
#pagelist h2 span,#category h2 span{ display:none;}

#pagelist,#category{margin-bottom:10px;}

#pagelist li a{ 
display:block; 
line-height:100%;
font-size:14px;
color:#eee;
margin-bottom:1px;
background:#3253b3;
}
#category li a{
display:block; 
line-height:100%;
font-size:14px;
color:#eee;
font-weight:bold;
margin-bottom:1px;
background:#4487bd;
}

#pagelist li a:hover{
color:#fff;
background:#4d6cc6;
}
#category li a:hover{
color:#fff;
background:#67a2d2;
}
#pagelist li a span,#category li a span{display:block;padding:5px;}


/*TEXT*/
#text-box{
width:500px;
padding:15px 0 15px 20px;
position:relative;
float:right;
font-size:14px;
}
#text-box ul li{ line-height:300%;}
#area{line-height:300%; padding:20px; border-left:#d6d6f2 solid 1px; background:#fff}
#area h2{
margin:10px 0;
padding:4px;
background:#fff url(img/h2.jpg) repeat-x bottom;
font-size:23px;
border:#003e5a solid 1px;
}
#area h3{ margin:7px 0; padding:3px 3px 3px 28px; background:url(img/h3.jpg) 0 3px no-repeat; font-size:15px; border-bottom:#007859 solid 2px;}

/*FOOTER*/
#footer{
clear:both;
margin:10px 3px 0 3px;
padding:10px;
font-size:12px;
color:#666;
background:#ccf2e4;
}
#footer ul li{ line-height:200%;}
#copyright{
padding-top:15px;
text-align:right;
font-size:12px;
}