/*------ 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:#111;
background:url(img/bg.jpg);
}

a{color:#0175bf;}
a:hover{color:#01588f;}
/*------ /BASE ------*/

/*WHOLE*/
#wrapper{
width:589px;
margin:0 auto;
text-align:left;
background:#fff;
border:#fff solid 3px;
border-top:none;
}

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

h1{ padding:118px 0 0 286px;}
h1 a{display:block; width:303px; height:88px;}
h1 a span{ display:none;}

/*MENU*/
#nav01{
width:166px;
padding:7px 0 0 5px;
position:relative;
float:left;
font-size:13px;
line-height:180%;
}
#nav02{ margin:10px 0; border-bottom:#ff6204 solid 2px;}

#nav02 h2{ height:28px; display:block; background:url(img/nav_top.jpg) no-repeat;}
#nav02 h2 span{ display:none;}

#nav02 li a{
padding:4px 0 4px 20px;
display:block;
color:#000;
background:url(img/point.jpg) 0 3px no-repeat;
border-bottom:#ffce87 dotted 3px;
}
#nav02 li a:hover{ color:#444; text-decoration:underline;}

#nav02 li#cl1 a{
background:#ff9e0f;
color:#c14800;
font-weight:bold;
padding-left:7px;
border-bottom:#ff6204 solid 2px;
}

/*MAIN*/
#main01{
width:402px;
padding:5px 5px 10px 0;
position:relative;
float:right;
font-size:14px;
line-height:250%;
}

#main02{
margin:10px 0;
padding:3px  5px 5px 22px;
background:url(img/h2.jpg) no-repeat;
}
#main02 h2{font-size:16px;color:#fff;}

#main01 h3{
margin:10px 0;
padding:2px 5px;
font-size:14px;
color:#666;
background:#ff9e0f;
}
#main01 ul li{ line-height:250%;}

/*FOOTER*/
#footer a{color:#f9833d;}
#footer a:hover{color:#ffce87;}

#footer{
clear:both;
font-size:13px;
padding:10px;
background:#076eb0;
color:#fff;
}

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