body{
font-family:arial,Osaka,sans-serif,verdana;
color:#0d2b3c;
text-align:center;
background:#fff9ef url(img/bg.jpg) repeat-x;
}

a{color:#f56b40;}
a:hover{color:#ffb470;}

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

/*layout*/
#main{
width:650px;
margin:0 auto;
text-align:left;
background:#fff;
}

#head{height:58px; text-align:center;}

#rightbox{
width:210px;
padding:0 5px 0 0;
position:relative;
float:right;
font-size:12px;
line-height:180%;
}

#leftbox{
width:420px;
padding:0 0 20px 5px;
position:relative;
float:left;
font-size:14px;
}

#foot{
font-size:13px;
padding:10px;
background:#eee9e2;
border-top:#6b6b6b solid 2px;
}

/* head*/
#header{
width:650px; height:58px;
margin:0 auto;
background:#fff url(img/header.jpg) no-repeat;
text-align:left;
}
#header h1{ padding:5px 0 0 5px;}
#header h1 a{display:block; width:350px; height:40px;}
#header h1 a span{ display:none;}

/*nav*/
#nav{ border:#ccc solid 1px;background:#eee;}
#nav ul li{ line-height:200%;}

ul.recom{ padding:3px;}
#rightbox h2{
padding:0 3px 10px 3px;
font-size:15px;
background:#fff url(img/nav_top.jpg) repeat-x bottom;
border-top:#ccc solid 1px;
}
#rightbox h2 span{ padding-left:3px; border-left:#f28e27 solid 5px;}

#main-nav{
margin-bottom:10px;
padding:4px;
background:#fff;
}
#main-nav li a{
padding:1px 5px;
display:block;
border-bottom:#ccc dotted 1px;
color:#000;
font-size:11px;
}
#main-nav li a:hover{ color:#666;}


/*leftbox*/
#article{
padding:160px 13px 13px;
line-height:300%;
background:url(img/contents.jpg) 8px 8px no-repeat;
border:#ccc solid 1px;
}
#leftbox h2{
margin:10px 0;
padding:3px 4px 5px 8px;
color:#111;
background:url(img/h2.jpg) repeat-x;
font-size:17px;
border:#d6d6d6 solid 1px;
}

#leftbox h3{
margin:10px 0;
padding:0 4px;
font-size:15px;
color:#ff9900;
border-bottom:#999 dotted 1px;
}
#leftbox ul li{ line-height:300%;}

/*foot*/
#footer{
margin:0 auto;
width:645px;
text-align:left;
}
.foot-nav{ background:#faf5f5; padding:3px 0 3px 14px;}
.foot-nav a{font-size:13px;}

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