/*CSS SETTING*/

*{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;}
h1,h2,h3,h4,h5{margin:0;padding:0;}

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

/*�¡LAYOUT�¡*/
body{
font-family:arial, sans-serif, Osaka, verdana;
color:#333;
background:#f9f9f9;
text-align:center;
}

a{color:#0c85e1;}

a:hover{color:#4ca3e5;}

/*  ALL  */
#wrapper{
width:777px;
margin:0 auto;
text-align:left;
background:#fff url(img/wrap.jpg) repeat-y;
border:#fff solid 5px;
border-bottom:none;
}

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

#navi{
width:200px;
margin:0;
padding:15px;
float:right;
font-size:12px;
position:relative;
}

#contents{ 
margin:0;
width:500px;
padding:15px 20px;
position:relative;
float:left;
}

#footer{
padding:10px; 
background:#e8fef2;
font-size:12px;
border-top:#01414a dotted 1px;
}

/*  HEADER  */
#header h1{margin:0; padding:0 0 0 5px;}
#header h1 a{
width:260px;
height:140px;
display:block; 
} 
#header h1 a span{display:none }

/*  NAVIGATION  */
#navi ul{ margin-top:10px;}
#navi ul li{ padding:4px; border-bottom:#ccc solid 1px;}
#navi #navi-in ul li{ padding:0; border:none;}

#navi #nav_top{
height:31px;
background:url(img/nav_top.jpg) no-repeat top;
}
#navi #nav_top span{ display:none;}

#navi-in{
padding-bottom:2px;
border:#aaa solid 1px;
background:#2f3632;
}
#navi-in ul li a{
display:block;
margin:0 2px;
border-bottom:#2f3632 solid 2px;
background:#fff url(img/point.jpg) 2px 3px no-repeat;
}
#navi-in ul li a:hover,#navi-in ul li.selected a{
background:#eee url(img/hover.jpg) 3px 3px no-repeat;
}
#navi-in ul li a span{display:block;padding:2px 5px 2px 16px;}

#navi-in ul #cl1 a{
font-size:13px;
font-weight:bold;
background:#fff;
}
#navi-in ul #cl1 a:hover{
background:#eee;
}
#navi-in ul #cl1 a span{display:block;padding:4px 5px;}

/*  CONTENTS  */
#contents-in{
padding:15px 20px;
line-height:280%;
font-size:13px;
background:#eee;
}
#theme{
margin:10px 0;
padding:3px;
margin-bottom:10px;
background:#fff;
border:#aaa solid 1px;
}
#theme h2{
padding:5px 10px;
font-size:18px;
color:#01414a;
background:#e7fcff;
border:#01414a solid 1px;
}

h3{
margin:10px 0;
padding:2px 7px;
color:#333;
border-bottom:#aaa solid 1px;
background:#fff;
font-size:14px;
}

#contents-in ul li{ line-height:300%;}
#contents-in .related_link li{ line-height:300%;}

/*  FOOTER  */
#footcopy {font-size:11px; padding:10px; text-align:right; color:#666;}