/*-----------------------------------------------*/

/*CSS*/

/*basic setting*/

*{margin:0;padding:0;line-height:160%;}
html,body{margin:0; padding:0}
img{border:none;}
ul,ol{margin:0;padding:0;}
ul li{list-style:none;list-style-postion:inline}
ul li a{text-decoration:none;border:none;}
h2,h3,h3,h4,h5{margin:0;padding:0;}
/*---------------------------------*/
body{
font-family:arial,Osaka,verdana,sans-serif;
color:#333;
background:url(img/bg.jpg);
text-align:center;
}

a{color:#168416;}
a:hover{color:#349734;}

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




/*-----------------------------------------------*/

/*WHOLE*/

/*-----------------------------------------------*/
#page{
width:711px;
margin:0 auto;
text-align:left;
background:url(img/wrap.jpg) repeat-y;
border:#0032ad solid 1px;
border-top:none;
}
/*-----------------------------------------------*/

/*HEADER*/

/*-----------------------------------------------*/
#title01{
height:135px;
background:url(img/header.jpg) no-repeat;
}

h1{ padding:0 0 0 5px;}
h1 a{display:block; width:260px; height:135px;}
h1 a span{ display:none;}
/*-----------------------------------------------*/

/*NAVIGATION*/

/*-----------------------------------------------*/
#navigation{
width:232px;
padding:5px 0 0 19px;
position:relative;
float:left;
font-size:13px;
line-height:180%;
}
#navigation ul{ margin-bottom:10px;}
#navigation #pagelist li h2{ height:41px; display:block; background:url(img/nav_page.jpg) no-repeat;}
#navigation #category li h2{ height:41px; display:block; background:url(img/nav_cate.jpg) no-repeat;}
#navigation  li h2 span{ display:none;}

#pagelist{}
#pagelist li a,#category li a{
margin-bottom:4px;
padding:5px 3px 5px 27px;
display:block;
color:#0032ad;
background:#d5d1ff url(img/hover.jpg) 5px 8px no-repeat;
}
#pagelist li a:hover,#category li a:hover{
color:#617dc1;
background:#e7e5ff url(img/link.jpg) 5px 8px no-repeat;
}
/*-----------------------------------------------*/

/*MAIN*/

/*-----------------------------------------------*/
#article{
width:425px;
padding:5px 10px 20px 0;
position:relative;
float:right;
font-size:14px;
line-height:300%;
}

#title02{
margin:10px 0;
padding:5px;
background:url(img/h2.jpg) repeat-y;
color:#227622;
border-bottom:#4a6c4a solid 1px;
}
#title02 h2{ font-size:17px; border-left:#4a6c4a solid 6px; padding-left:5px;}

#article h3{
margin:10px 0;
padding:0 3px;
font-size:15px;
color:#227622;
border-left:#8ce386 solid 10px;
border-bottom:#ddd solid 1px;
}
#article ul li{ line-height:300%;}
/*-----------------------------------------------*/

/*FOOTER*/

/*-----------------------------------------------*/
#footer{
font-size:13px;
padding:10px;
background:#7c9be7;
}

#footer ul li{line-height:230%;}
#footer p{
padding:10px;
font-size:10px;
text-align:right;
letter-spacing:1px;
color:#444;
}