/*======================================
　CSS: implant_sky
=======================================*/

/*=====■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;}

.clear{
clear:both;
font-size:1px;
}

/*=====■Layout■=====*/
body{
font-family:arial, sans-serif, Osaka, verdana;
color:#333;
text-align:center; 
background:#f4f4f4;
}

/*LINK*/
a{
color:#56788b;
}

a:hover{ 
color:#01a4ff;
}

/*■header*/
#header{
width:769px;
height:164px;
margin-bottom:10px;
text-align:left;
background:url(img/header_bg.jpg) no-repeat;
}

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

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

/*■CONTENTS*/
#container{ 
width:769px;
text-align:center;
margin:0 auto;
text-align:left;
background:#fff;
border:#ddd solid 1px;
border-top:none;
border-bottom:none;
}

/*naviwrap*/
#naviwrap{
width:240px;
padding:0 30px 0 0;
margin:0;
position:relative;
float:right;
}

/*article*/
#artwrap{ 
margin:0;
padding:0 0 0 10px;
width:470px;
background:url(img/art_bg.gif) repeat-y right;
position:relative;
float:left;
}

/*NAVIGATION*/
#page-list{
width:256px;
}
#category{
width:256px;
margin-bottom:15px;
}
#category h1 {
width:256px;
height:55px;
background:url(img/cat.jpg) no-repeat;
}
#page-list h1{
width:256px;
height:55px;
background:url(img/cont.jpg) no-repeat;
}
#page-list h1 span,#category h1 span{display:none;}


#category ul,#page-list ul{
margin:1px;
padding:10px 10px 15px 10px;
border:#dee8ed solid 1px;
border-top:none;
}

#category ul li a{
display:block; 
padding:0;
line-height:120%;
font-size:13px;
border-bottom:#ddd dotted 1px;
}
#page-list ul li a{ 
display:block; 
padding:0;
margin-bottom:2px;
line-height:120%;
font-size:13px;
border-bottom:#ddd dotted 1px;
}

#page-list ul li a:hover,#page-list ul li.selected a,
#category ul li a:hover,#category ul li.selected a{ 

}
#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:0 0 10px 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;
display:block;
text-decoration:underline;
}
#navwrap #pr{ width:260px;}

#footercontainer #pr ul li a{ display:inline;}
/*■CONTENTS*/

/*ARTICLE*/
#p-title{
padding:16px 8px 8px 18px;
margin-bottom:10px;
background:url(img/h1.jpg) no-repeat;
border-bottom:#ddd double 3px;
}
#p-title h1{
line-height:105%;
font-size:23px;
color:#333;
}
#art{
padding:20px;
line-height:300%;
color:#333;
font-size:14px;
}

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

.top { text-align:right; font-weight:bold; height:40px; padding:10px 20px 0 0; line-height:400%; font-size:11px;}
.top a {text-decoration:none;}


/*■footer*/
#footercontainer{
margin:20px 0 0 0;
padding:10px 10px 50px 0;
border-top:#9ea49d dotted 1px;
}

/*COPYRIGHT*/
#copy { 
text-align:right;   
font-size:11px;
font-weight:bold;
color:#999;
}