/*======================================
　CSS: FX4
=======================================*/

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


/*LINK*/
a{
color:#2c737d;
}

a:hover{ 
color:#0b3d43; 
}

/*■header*/
#header{
height:130px;
background:#fff url(img/bg.gif) repeat-x;
text-align:center; 
}

/*TITLE*/
#header #title{
width:705px;
height:130px;
text-align:left;
margin:0 auto;
background:url(img/img.jpg) no-repeat right top;
line-height:250%;
}
#header #title h1 {margin:0; padding:0;}

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

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

/*SUB-TITLE*/
#header #sub{
margin-top:10px;
font-size:11px; 
color:#666;  
}

/*■CONTENTS*/
#main{ 
width:705px;
text-align:center; 
margin:0 auto;
text-align:left;
background:#FFF url(img/wrapper_bg.gif) repeat-x center top;
border:#ddd solid 1px;
}

/*メニュー*/
#menu-bar{text-align:left; height:40px;}
#menu-bar li{
width:100px;
display:block;
float:left; 
}
#menu-bar li#home a{
width:100px;
height:20px;
padding-top:7px;
display:block;
font-weight:bold; 
text-align:center;
border:#ddd;
font-size:14px;
color:#0b3d43;
}
#menu-bar li#pan{
width:600px;
height:20px;
font-size:13px;
padding:5px 0 0 10px;
font-weight:bold;
}

/*navigation*/
#sidemenu{
width:222px;
margin:0;
padding:20px 0 0 0;
vertical-align:top;
}

/*article*/
#content{
width:472px;
margin:0;
padding:0;
vertical-align:top;
}

/*NAVIGATION*/
#page-list,#category{
width:215px;
margin:0 0 15px 0;
text-align:left;

}
#page-list h1{
width:215px;
height:41px;
background:url(img/pagelist_top.gif) no-repeat;
}
#category h1{
width:215px;
height:41px;
background:url(img/cate_top.gif) no-repeat;
}
#page-list h1 span,#category h1 span{display:none;}
#page-list ul,#category ul{border-bottom:1px solid #0b3d43;}

#page-list ul li a,#category ul li a{ 
display:block; 
width:207px; 
padding:0;
margin-left:2px; 
line-height:120%;
border-top:1px solid #0b3d43;
font-size:13px;
}

#page-list ul li a:hover,#category ul li a:hover,#page-list ul li.selected a,#category ul li.selected a{ 
background:#eee;
}
#page-list ul li a span,#category ul li a span{display:block;padding:2px 5px 2px 10px;}

#naviAd ul{
padding-right:18px;
color:#666;
font-size:13px;
margin-bottom:10px;
}
#naviAd ul li{
line-height:180%;
padding:7px;
border-bottom:#ddd solid 1px;
}

/*■CONTENTS*/

/*ARTICLE*/
#content #page-title{
padding:15px;
}
#conten #page-title h1{
line-height:105%;
font-weight:bold;
font-size:27px;
color:#0b3d43;
}
#content-in{
padding:10px;
}
#article{
padding:5px;
background:#fff;
}
#article h1{
height:21px;
padding:10px 10px 0 10px;
background-position:bottom;
line-height:100%;
font-weight:bold;
background:url(img/h1_bg.gif) repeat-x;
color:#fdfdfd;
font-size:100%;
}
#article h2{
margin:10px;
font-size:18px;
color:#2c737d;
}
#article{
padding:10px;
line-height:300%;
color:#4b5c5d;
font-size:14px;
}

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

#content ul li{
padding-left:20px;
color:#666;
font-size:13px;
line-height:270%;
}
/*■footer*/
#footer{
margin-top:20px;
border:#FFF solid 2px; 
}
#footer ul{
padding:5px 10px;
font-size:13px;
margin-bottom:10px;
}
/*COPYRIGHT*/
#copyright{ 
text-align:right;
margin-right:5px;  
font-size:10px;
color:#999;
}