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

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

body{
font-family:arial,Osaka,sans-serif,verdana;
color:#222;
background:url(img/bg.jpg);
}

a{color:#116700;}
a:hover{color:#379824;}
/*------ /BASE ------*/

/*WHOLE*/
#pagewrap{
width:755px;
background:#fff url(img/wrap.jpg) repeat-y;
}

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

#header a{display:block; width:310px; height:143px;}
a h1 span{ display:none;}

/*MENU*/
#navigation01{
width:195px;
padding:15px 0 20px 10px;
position:relative;
float:left;
font-size:13px;
}

#navigation01 ul{ margin-bottom:10px;}
#navigation01 ul li{ padding:3px; border-bottom:#999 dotted 1px;}
#navigation01 #navigation03 li{ padding:0; border:none;}

#navigation03 { padding:3px;}
#navigation03 li a{
margin-bottom:2px;
display:block;
background:#fffade;
border-bottom:#f0e1a9 solid 2px;
}
#navigation03 li a:hover{ background:#fbf2d6;}

#navigation03 li#cl1 a{font-weight:bold;}

/*MAIN*/
#contents01{
width:510px;
padding:15px 18px 20px 0;
position:relative;
float:right;
font-size:14px;
}

#contents02{
line-height:300%;
padding:17px;
border:#ddd solid 1px;
}

#contents03{
margin:10px 0;
padding:12px 5px 15px 80px;
background:url(img/h2.jpg) no-repeat;
}
#contents03 h2{ font-size:18px; border-bottom:#999 dotted 1px;}

.title_recom{
margin:10px 0;
padding:0 3px;
background:#eee;
font-size:14px;
border-bottom:#ccc solid 3px;
}
#contents01 ul li{ line-height:300%;}
#contents01 .recom li{ line-height:200%;}

/*FOOTER*/

#footer{
clear:both;
width:723px;
margin:0 0 0 7px;
padding:10px;
font-size:13px;
padding:10px;
background:#eee;
color:#444;
border-top:#ccc solid 4px;
}

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