/*CSS*/

/*mending*/
*{margin:0;padding:0;line-height:160%;}
ul,ol{margin:0;padding:0;}
ul li{list-style:none;list-style-postion:inline}
ul li a{border:none;}
h2,h3,h3,h4,h5{margin:0;padding:0;}
html,body{margin:0; padding:0}
img{border:none;}
body{
font-family:arial, sans-serif, Osaka, verdana;
color:#333;
text-align:center; 
background:#ccceda url(img/bg.jpg) repeat-x;}
.clearfix {clear:both;font-size:1px;}
a{color:#368bd3;}
a:hover{color:#97ccf9; text-decoration:none;}

#pachi{
width:700px;
margin:0 auto;
text-align:left;
background:#ecf9ff;
}
#header{
width:700px;
height:149px;
background:url(img/header_bg.jpg) no-repeat;
vertical-align:top;
}
#header a{
width:370px;
height:120px;
display:block;
}
#header a h1 span{ display:none;}

#nav{
width:235px;
padding:5px;
font-size:13px;
vertical-align:top;
}
#nav-in{ background:#fff; padding:10px;}
#nav-in ul{ margin:5px 0;}

#nav-in ul li h2 span{display:none;}
#nav-in ul#cattop li h2{ height:36px;display:block;background:url(img/cat_top.jpg) no-repeat;}

#nav-in ul#contop li a,#nav-in ul#cattop li a{
display:block;
padding:2px 5px 2px 7px;
color:#333;
text-decoration:none;
font-weight:bold;
}
#nav-in ul#contop li a:hover,#nav-in ul#cattop li a:hover{color:#555; text-decoration:underline;}

#contents{
width:450px;
padding:5px 5px 5px 0;
font-size:14px;
vertical-align:top;
}
#contents-in{ background:#fff; padding:20px;line-height:300%;}
#contents-in ul li{ line-height:300%;}

#contents-in h2{ margin:10px 0;background:#ecf9ff url(img/h2.jpg) repeat-x; padding:3px; border-top:#4e3476 solid 3px;border-bottom:#4e3476 dashed 1px;}

#contents-in h3{ margin:10px 0;background:#eee; border-left:#412373 solid 12px; padding:3px 5px 0 10px;}

#footer{border-top:#8983b9 dashed 1px;}
#foot-in{ background:#fff; padding:10px; font-size:12px;}
#foot-in ul{ margin:5px;}
#foot-in p{ text-align:right; padding:3px;}