/* CSS SHIKAKU */

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

a{color:#0094d2;}
a:hover{color:#2caade;}

*{margin:0;padding:0;line-height:130%;}
html,body{margin:0; padding:0}
h2,h3,h3,h4,h5{margin:0;padding:0;}
ul,ol{margin:0;padding:0;}
ul li{list-style:none;}
ul li a{text-decoration:none;border:none;}

.clear{ clear:both;}

/*======== /wrapper setting ========*/

#wrapper{
width:707px;
margin:0 auto;
text-align:left;
background:url(img/wrap.jpg) repeat-y;
}

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

h1{ padding:18px 0 0 7px;}
h1 a{display:block; width:695px; height:78px;}
h1 a span{ display:none;}

/*CONTENTS*/
#contents_wrapper{
width:490px;
padding:0 0 0 13px;
position:relative;
float:left;
font-size:14px;
}
#contents_in{
padding:15px;
background:#fff;
line-height:280%;
border:#f9f0bf solid 10px;
}
#contents_in h2{
margin:10px 0;
padding:7px 6px 7px 40px;
font-size:19px;
background:url(img/h2.jpg) 0 5px no-repeat;
border-bottom:#af1f1e double 3px;

}

.link_detail,h3{
margin:10px 0;
padding:0 5px;
font-weight:bold;
font-size:14px;
border-bottom:#af1f1e solid 2px;
}
#contents_in ul li{ line-height:280%;}
#contents_in .recommendation li{ line-height:200%;}

/*NAVI*/
#navigation_wrapper{
width:167px;
padding:10px 22px 0 0;
position:relative;
float:right;
font-size:11px;
}

#navigation_wrapper ul{margin-bottom:12px;}
#navigation_wrapper ul li{ padding:4px; border-bottom:#999 solid 1px;}
#navigation_wrapper #navigation li{ padding:0; border:none;}

.pagelist_top,.cate_top{
margin-top:10px;
height:27px;
background:url(img/page.jpg) no-repeat;
}
.cate_top{ background:url(img/cate.jpg) no-repeat;}
.pagelist_top span,.cate_top span{ display: none;}

#navigation li a{
padding:3px;
display:block;
color:#0094d2;
}
#navigation li a:hover{
text-decoration:underline;
}

#navigation li#cl1 a{ color:#fff;background:#af1f1e; border:none;}
#navigation li#cl1 a:hover{ background:#c13d3d;}

/*”foot*/
#foot_wrapper a{color:#CCFFFF;}
#foot_wrapper a:hover{color:#9999FF;}

#foot_wrapper{
background:#af1f1e;
padding:7px 0;
border-top:#f9f0bf solid 5px;
font-size:12px;
text-align:center;
}
#footer{
width:665px;
margin:0 auto;
text-align:left;
padding:12px;
}

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