*{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:Meiryo,Osaka,arial,sans-serif,verdana;
color:#111;
background:#f6f6f6;
text-align:center;
}
a{color:#841863; text-decoration:none;}
a:hover{color:#8b376c;}
.clearfix{ clear:both;}

#pagewrap{
width:870px;
background:#fefefe;
text-align:left;
margin:0 auto;
}
#logo{
padding:4px;
margin-bottom:4px;
background:#fff url(img/grd5.jpg) bottom repeat-x;
}
#logo a{
font-size:25px;
font-weight:normal;
}

#contents{
float:left;
width:28%;
padding:0 0 0 10px;
font-size:12px;
color:#444;
}
#contents ul li {
border-bottom: 1px dotted #aaa;
padding: 4px;
}
#contents ul#nav_list li {
border: none;
padding: 0;
}
#contents ul#nav_list {
border: 1px solid #111;
padding:2px;
margin:10px 0;
}
#contents ul#nav_list li#name{
background:#561a51;
padding:3px;
color:#fff;
}
#contents ul#nav_list li#cl1 a,
#contents ul#nav_list li#cl2 a,
#contents ul#nav_list li#cl3 a,
#contents ul#nav_list li#cl4 a {
display: block;
background:#841863;
padding: 5px 10px;
font-weight: bold;
font-size: 13px;
color:#fff;
}
#contents ul#nav_list li#cl1 a:hover,
#contents ul#nav_list li#cl2 a:hover,
#contents ul#nav_list li#cl3 a:hover,
#contents ul#nav_list li#cl4 a:hover {
text-decoration:underline;
}
#contents ul#nav_list li a {
display: block; 
padding:2px 5px;
margin: 2px;
text-decoration: none;
border: 1px solid #eee;
}

.recom_site_nav{
 border-bottom:#ddd solid 1px;
 padding:0px 3px;
 display:block;
 margin:6px 0 0 0;
 font-weight:bold;
 background:#dcdcdc;
}
/*main*/
#content-block{
width:67%;
padding:10px 12px 15px 0;
position:relative;
float:right;
font-size:14px;
line-height:200%;
}
#content-block .imgae_bg{
padding:1px;
border: #ddd solid 2px;
width:570px;
}
#sub_section,
#content-block p{line-height:200%;}

#page_title{
margin:15px 0;
padding:0 0 0 5px;
font-size:13px;
border-left:#561a51 solid 9px;
color:#666;
font-weight:bold;
}
#page_title h2{
border-top:#dddddd solid 1px;
color:#561a51;
font-size:20px;
letter-spacing:-1px;
}

#sub_section h3{
margin:10px 0;
border-bottom:#ccc solid 1px;
font-size:14px;
color:#561a51;
letter-spacing:-1px;
}

#sub_section ul li{ line-height:200%;}
#sub_section .useful li{ line-height:175%; padding-bottom:3px;}
/*copyright*/
#copyright {
letter-spacing: 1px;
font-size:11px;
}
#copyright p {
text-align: right;
padding: 10px;
}
#copyright ul {
text-align: left;
padding: 10px;
}