/*------ BASE ------*/
*{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,sans-serif,verdana;
color:#333;
background:#edeae5;
}

a{color:#6ba8e5;}
a:hover{color:#3e75ad;}
/*------ /BASE ------*/

/*WHOLE*/
#outline{
width:815px;
text-align:left;
}

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

h1{ padding:14px 0 0 0;}
h1 a{display:block; width:520px; height:110px;}
h1 a span{ display:none;}

#pan_link{ padding:7px;}

/*MENU*/
#nav01{
width:250px;
position:relative;
float:right;
font-size:13px;
background:#f6f5f2;
}

#nav01 ul { margin-bottom:10px;}
#nav01 ul li{ padding:4px; border-bottom:#ddd solid 1px;}
#nav01 #nav03 li{ padding:0; border: none;}

#nav03{padding:3px; background:url(img/nav_btm.jpg) no-repeat bottom;}

#nav03 li a{
margin-bottom:2px;
padding:1px 4px;
display:block;
color:#222;
background:#e5e1d9;
border-left:#dcd7ce solid 4px;
}
#nav03 li a:hover{ color:#000; background:#dcd7ce;border-left:#c8c0b1 solid 4px;}

#nav03 #cl1 a{
height:31px;
background:url(img/nav_top.jpg) no-repeat;
border:none;
}
#nav03 #cl1 a span{ display:none;}

/*MAIN*/
#main01{
width:510px;
padding:23px;
position:relative;
float:left;
font-size:14px;
line-height:300%;
background:#fff;
}
#main02{
height:84px;
margin:10px 0;
background:url(img/h2.jpg) no-repeat;
}
h2{
font-size:18px;
padding:28px 3px 0 75px;
}

.link_title{
margin:10px 0;
padding:0 5px;
font-size:15px;
border-top:#555 solid 1px;
border-bottom:#555 solid 1px;
background:#ffdde1;
}
#main01 ul li{ line-height:300%;}
#main01 .recomend li{ line-height:200%;}

/*FOOTER*/
#foot01{
clear:both;
width:795px;
font-size:12px;
padding:10px;
clear:both;
}

#foot01 ul li{line-height:250%;}
#foot02{
padding:10px 0;
font-size:11px;
text-align:right;
letter-spacing:1px;
color:#777;
}