<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*----CSS----*/

*{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; text-decoration:none;}
h2,h3,h3,h4,h5{margin:0;padding:0;}
html,body{margin:0; padding:0}
img{border:none;}

body{
font-family: 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
color:#111;
text-align:center;
background:url(img/stripe.jpg);
}
a{color:#0aafec;}
a:hover{color:#0aafec; text-decoration:none;}
.clear-fix{ clear:both;}

#wrap_all{
width:985px;
background:#fefefe;
text-align:left;
margin:0 auto;
}
#logo{
font-size:12px;
padding:1px 4px 3px 4px;
margin: 1px 1px 8px 1px;
border-bottom:#ddd solid 2px;
background:#fff;
background: -moz-linear-gradient(top,#fff, #ddd);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
}
/* head*/
#logo .logo_in{
display:block;
padding:5px 10px;
background:#fff;
}
#logo a{
text-decoration:none;
font-size:24px;
letter-spacing:-1px;
}
h1{
padding:3px 8px 1px 8px;
font-weight:normal;
font-size:12px;
border-bottom:#ddd solid 1px;
color:#777;
}
#side_nav{
width:30%;
padding:2px 7px 15px 0;
position:relative;
float:right;
font-size:13px;
color:#555;
}

/*=====menu_list=====*/
#side_nav ul{ margin-bottom:7px;}
#side_nav ul li{ padding:6px; border-bottom:#bbb dotted 1px;}
#side_nav #pagelist li{ padding:0; border: none;}

#side_nav ul li.n_title{
padding:1px;
margin-bottom:3px;
font-size:13px;
color:#65d5ff;
font-weight:bold;
border-bottom:#ccc double 3px;
list-style:none;
}

#pagelist li a{
display:block;
margin-bottom:1px;
padding:0;
line-height:120%;
border-bottom:1px dotted #e3b5b5;
text-decoration:none;
background:#f9f9f9;
border:none;
color:#777;
}
#pagelist li a:hover,
#pagelist li.selected a{ 
color:#064a54; 
background:#eee;
}
#pagelist li a span{display:block;padding:2px 3px;} 

.recom_title_nav{
 padding:1px;
 display:block;
 background:#f2f2f2;
 font-weight:bold;

 margin-top:3px;
}
/*--------------------------------------------*/

#art ul li,
#aera_in p{line-height:200%;}
#art .recom li{ line-height:170%; margin-bottom:3px;}
#art .title_theme{
width:634px;
border: #064a54 solid 2px;
padding:2px;
}
#art{
width:66.5%;
padding:0 0 15px 8px;
position:relative;
float:left;
font-size:15px;
}
#art ul li{ padding:2px 0; border-bottom:#ccc dashed 1px;}
/* TOP,CAT */
#aera_in{
line-height:180%;
padding:12px;
}
#h2_title{
margin:16px 0;
padding:3px 0 0 7px;
border-left:#0aafec solid 7px;
}
h2{
padding:0 0 5px 0;
font-size:27px;
line-height:100%;
color:#333;
}
#h2_title .min_font{
padding:5px 0 0 0;
display:block;
font-size:11px;
color:#0aafec;
border-top:#ccc dotted 1px;

}

#art h3{
margin:12px 0;
padding:0 5px;
font-size:15px;
line-height:110%;
border-left:#65d5ff solid 14px;
color:#65d5ff;
}
#breadcrumb{
padding:0 0 5px 0;
font-size:12px;
color:#555;
}

/*--------------------------------------------*/
.btm{
margin-top:15px;
padding:10px 15px;
font-size:12px;
color:#777;
}
p.rights{
padding:5px 10px;
font-size:11px;
text-align:right;
letter-spacing:1px;
color:#ccc;
background:#555;
}

</pre></body></html>