/*======================================
　CSS: hair_black_a
=======================================*/

/*=====■Common specification■=====*/

*{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;
}

/*---LINK---*/
a{color:#9932cc;}

/*=====■Layout■=====*/
body{
color:#333;
text-align:center; 
background:#d4d4c4;/* ALL BACK-GROUND */
}


/*CONTENTS*/
#wrapper{ 
width:702px;
text-align:center; 
margin:0 auto;
text-align:left;
background:#fff;
border:#343a4b solid 2px;
border-top:none;
}

/*header*/
#header{
width:700px;
height:173px;
text-align:center; 
margin:0 auto;
background:#FFF url(img/header_bg.jpg) no-repeat;
}

/*navi*/
#navi{
width:222px;
margin:0;
padding:0;
position:relative;
float:right;
}

/*article*/
#content{ 
margin:0;
padding:0 15px 0 15px;
width:445px;
position:relative;
float:left;
}

/*■HEADER*/

/*TITLE*/
#header #title{
width:700px;
height:173px;
text-align:left;
margin:0 auto;
line-height:250%;
}
#header #title h1 {margin:0; padding:25px 0 0 9px;}

/*LOGO-TXT*/
#header #title h1{
width:300px; 
text-decoration:none; 
font-weight:bold; 
display:block; 
font-size:48px;
color:#15177c; 
}

/*LOGO-PICTURE*/
#header #title h1 a{
width:447px;
height:60px;
display:block;
background:url(img/title.jpg) no-repeat;
} 
#header #title h1 a span{display:none }

/*SUB-TITLE*/
#header #subtitle{
margin:25px 0 0 20px;
font-size:11px; 
color:#40385c;
}

/*■NAVIGATION*/
#page-list,#category{
width:210px;
text-align:left;
background:#eee;
}
#category h1{
height:21px;
font-size:16px;
background:#fff url(img/nav.gif) no-repeat;
}
#category h1 span{ display:none;}

#page-list li a{ 
display:block; 
width:210px; 
padding:0;
line-height:120%;
border-top:1px solid #fff;
border-bottom:1px solid #d2d2d2;
background:url(img/li_link_bg.gif) 5px 7px no-repeat;
font-size:13px;
color:#333;
}
#category li a{
display:block; 
width:210px; 
padding:0;
line-height:120%;
background:#494e5d url(img/cat.gif) repeat-x bottom;
font-size:13px;
font-weight:bold;
color:#eee;
}
#category li a:hover{color:#fff; text-decoration:underline;}
#page-list li a:hover,#page-list li.selected a{
color:#777;
background:#e7e7e7 url(img/li_hover.gif) 5px 7px no-repeat;
}
#page-list li a span{display:block;padding:5px 5px 5px 27px;}
#category li a span{display:block;padding:5px 5px 5px 10px;} 

#naviAd ul{
color:#666;
width:210px;
font-size:13px;
margin-bottom:10px;
}
#naviAd ul li{
line-height:180%;
padding:7px;
border-bottom:#ddd solid 1px;
}
/*■ARTICLE*/
#content #pagetitle{
padding:15px 10px 12px 15px; 
background:#fff;
border-left:#53547c 6px solid;
border-right:#53547c 6px solid;
border-top:#999 solid 1px;
border-bottom:#999 solid 1px;
}
#content #pagetitle h1{
line-height:105%;
font-weight:bold;
font-size:28px;
color:#1c3049;
}
#art{
padding:20px;
line-height:300%;
color:#4b545d;
font-size:15px;
background:#f2f2f2 url(img/art_bg.gif) repeat-x top;
border:#999 solid 1px;
border-top:none;
}
#art h2{
height:21px;
margin-bottom:15px;
padding:8px 10px 0 10px;
background-position:bottom;
line-height:100%;
font-weight:bold;
background:#4d4fa9 url(img/h2_bg.gif) repeat-x bottom;
color:#fff;
font-size:17px;
border-bottom:#8fb8ea 2px solid;
border-right:#8fb8ea 1px solid;
}
#art h3{
margin:15px 0 10px 0;
font-size:18px;
color:#202494;
}

.top { text-align:right; background:url(img/block_btm.gif) no-repeat left top; height:40px; line-height:400%; font-size:11px;}
.top a {text-decoration:none;}

#content ul li{
color:#666;
font-size:13px;
line-height:270%;
}

/*FOOTER*/
#footer{
margin-top:20px;
border:#FFF solid 2px; 
background:#ececec;
}

#footer ul{
font-size:13px;
padding:5px 0 0 15px;
margin-bottom:10px;
}

/*COPYRIGHT*/
#copy {
padding-right:5px;
text-align:right;   
font-size:10px;
color:#999;
}
/*CATEGORY-PAGE*/

#art ul li{margin:5px 0 0 5px;}

#art ul li a{line-height:300%;font-size:15px;}