@charset 'shift_jis';
*{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;}
img{border:none;}


body{
font-family:Osaka,arial,sans-serif,verdana;
color:#111;
background:url(img/bg1.jpg);
text-align:center;
}
a{color:#006084;}
a:hover{color:#00a1c4;}
.clearfix{ clear:both;}

#main_frame{
width:810px;
margin:0 auto;
text-align:left;
background:#fff;
}
#all_wrapper{
padding:100px 7px 10px 7px;
background:url(img/wrap_bg.jpg) no-repeat;
text-align:left;
}
#title_area{
background:#1d2d41;
color:#fff;
border-bottom:#8399b7 solid 3px;
border-top:#8399b7 solid 3px;
}
/* title_area detail*/
h1{
border-bottom:#00a1c4 solid 3px;
border-top:#00a1c4 solid 3px;
}
h1 a{
font-size:30px;
display:block;
padding:10px 15px;
text-decoration:none;
border-bottom:#006084 solid 4px;
border-top:#006084 solid 4px;
color:#fff;
}
h1 a:hover{color:#eee;}

/*nav*/
#site-menu{
width:28%;
padding:15px 12px 0 0;
position:relative;
float:right;
font-size:13px;
color:#555;
}

#site-menu ul { margin-bottom:10px;}
#site-menu ul li{  padding:4px; border-bottom:#999 dotted 1px;}
#site-menu .topics_nav li{ padding:0;  border:none;}

#site-menu .topics_nav #n1{
padding:0 5px;
margin:0 1px 3px 1px;
font-size:16px;
font-weight:bold;
color:#1d2d41;
background:#fff;
border:##1d2d41 double 3px;
}

#site-menu .topics_nav{
padding:5px;
background:url(img/bg1.jpg);
border:#ddd solid 1px;
}
.topics_nav li a{
padding:1px 0 1px 5px;
display:block;
text-decoration:none;
color:#333;
border-bottom:#1d2d41 solid 1px;
}
.topics_nav #cl1 a{ font-weight:bold;}
.topics_nav li a:hover{  background:#1d2d41; color:#fff;}
#art{
width:66%;
padding:10px;
position:relative;
float:left;
font-size:14px;
line-height:200%;
background:#fff;
}

/*art*/
h2{
margin:15px 0;
padding:5px 2px;
border-bottom:#000 solid 2px;
font-size:19px;
}

#art .link_title,h3{
margin:10px 0;
border-bottom:#aaa solid 1px;
font-weight:bold;
color:#1d2d41;
font-size:14px;
padding:4px;
line-height:130%;
}

#art ul li{ line-height:200%;}
#art .reference li{ line-height:170%; margin:0 0 3px 0;}

.style1{color:#666;}
.style2{color:#777;text-decoration:underline; }
.style3{color:##8399b7;}
.style4{color:#585858; font-size:13px;}
.style4:hover{text-decoration:underline;}
.style5{color:#999;font-size:12px; }
strong{color:#1d2d41;}

/*-- footerarea --*/
#footerarea{
padding:12px;
text-align:right;
font-size:11px;
color:#666;
background:#ddd;
border-top:#ccc solid 1px;
}

ul#footer{ border-top:#ccc solid 1px; padding:7px 10px; color:#555;}
ul#footer li{line-height:200%; font-size:11px;}

#footerarea p{
letter-spacing:1px;
font-size:11px;
padding:3px;
line-height:100%;
}