/*CSS: implant_black*/

/*■Common specification*/

*{margin:0;padding:0;}
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;
text-align:center;
background:#faf9fc;
line-height:160%;
}

/*LINK*/
a{text-decoration: none;}

a:hover{text-decoration: underline;}

/*■header*/
#header{
width:766px;
height:200px;
text-align:left;
background:url(img/header_bg.jpg) no-repeat;
}

/*TITLE*/
#header #title h1 {margin:0; padding:12px 0 0 12px;}

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

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

#sub-title{
height:14px;
padding:5px 0 0 10px;
font-size:11px;
color:#fff;
line-height:100%;
}
/*MENU*/
#menu{
height:40px;
margin-bottom:20px;
padding:73px 10px 0 7px;
border-bottom:#333 solid 1px;
}
#menu ul li{ width:125;float:left;}
#menu ul li#home a{
display:block;
width:77px;
height:33px;
background:url(img/top.gif) no-repeat;
}
#menu ul li#category a{
display:block;
width:135px;
height:33px;
background:url(img/art.gif) no-repeat;
}
#menu ul li#home a span,#menu ul li#category a span{ display:none;}

/*■CONTENTS*/
#wrapper{ 
width:766px;
text-align:center;
margin:0 auto;
padding:0 7px 0 7px;
text-align:left;
background:#fff;
border:#d3d3d3 solid 1px;
border-top:none;
border-bottom:none;
}

/*navigation*/
#navigation{
width:240px;
padding:0 8px 0 0;
margin:0;
position:relative;
float:right;
font-size: 13px;
}
#navigation a {
color: #666;
}
#navigation a:hover {
color: #999;
}
/*article*/
#content{ 
padding:0 10px 0 0;
margin-left:10px;
width:480px;
border-right:#ddd dotted 2px;
position:relative;
float:left;
font-size:14px;
line-height:300%;
}

/*foot*/
#footerwrapper{
margin:20px 0 0 0;
padding:10px 10px 10px 0;
border-top:#ddd dotted 2px;
}

/*NAVIGATION*/
#navigation h1{
width:233px;
height:36px;
background:url(img/cont.gif) no-repeat;
}
#navigation h1 span{display:none;}

#page-list{
width:233px;
margin-bottom:15px;
padding:0 0 10px 0;
}
#page-list ul li a{ 
display:block; 
padding:0;
margin-bottom:2px;
line-height:120%;
font-size:13px;
background:#f5f5f5 url(img/point.gif) 5px 10px no-repeat;
}

#page-list ul li a:hover,#page-list ul li.selected a{
background:#f5f5f5 url(img/point.gif) 7px 10px no-repeat;
color:#999;
}
#category ul li a:hover{ color:6d6885}
#page-list ul li a span{display:block;padding:5px 5px 5px 27px;}
#category ul li a span{display:block;padding:5px 5px 5px 15px;}

/*PR*/
#pr{
color:#999;
padding:10px;
margin-bottom:20px;
}
#pr h1{
width:200px;
display:block;
font-size:13px;
background:url(img/link.jpg) no-repeat;
}
#pr h1 span{
display:none;
}
#pr ul li{
list-style:none;
margin:5px 0 0 10px;
padding:0;
line-height:120%;
font-size:11px;
}
#pr ul li a{ 
font-size:12px;
color:#777;
display:block;
text-decoration:underline;
}
#footerwrapper #pr ul li a{ display:inline;}

/*■CONTENTS*/

/*ARTICLE*/
#article{
padding:10px;
}
#pagetitle{
padding:10px 8px 8px 3px;
margin:20px 0 10px 0;
border-bottom:#333 solid 3px;
}
#pagetitle h1{
line-height:105%;
font-size:22px;
color:#333;
}

h3 {
font-size: 14px;
background: #333;
color: #fff;
line-height: 140%;
padding: 0 5px;
border: 3px double #fff;
}


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


/*■footer*/

/*COPYRIGHT*/
#copy { 
text-align:right;   
font-size:11px;
font-weight:bold;
color:#999;
}
  
#navigation #naviAd li{
color: #999;
border-bottom: 1px solid #ccc;
padding: 6px;
}