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

/*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:#3775e4;}
a:hover{color:#7da7f2;}

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




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

/*WHOLE*/

/*-----------------------------------------------*/
#whole{
width:711px;
margin:0 auto;
text-align:left;
background:url(img/wrap.jpg) repeat-y;
border:#4288c2 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*/

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

#pagelist{}
#pagelist li a,#category li a{
margin-bottom:4px;
padding:5px 3px 5px 27px;
display:block;
background:#bbd2ff url(img/hover.jpg) 5px 8px no-repeat;
}
#pagelist li a:hover,#category li a:hover{
background:#cfe0ff url(img/link.jpg) 5px 8px no-repeat;
}
/*-----------------------------------------------*/

/*MAIN*/

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

#title02{
margin:10px 0;
padding:5px;
font-size:18px;
background:url(img/h2.jpg) repeat-y;
color:#3775e4; 
}
#title02 h2{ font-size:18px; border-left:#fff solid 9px; padding-left:5px;}

#main-col h3{
margin:10px 0;
padding:0 5px;
font-size:16px;
color:#3775e4;
border-left:#cddfff solid 10px;
border-bottom:#999 dotted 1px;
}
#main-col ul li{ line-height:300%;}
/*-----------------------------------------------*/

/*FOOTER*/

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

#footer ul li{line-height:230%;}
#footer p{
padding:10px;
font-size:11px;
text-align:center;
letter-spacing:2px;
color:#666;
}