/*======================================
　CSS: machine_brown_b
=======================================*/

/*=====■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:#fff url(img/bg.gif) repeat-x;
}

/*LINK*/
a{color:#996633;}

a:hover{color:#663333;}

/*■header*/
#header{
height:150px;
text-align:center; 
}

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

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

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

/*SUBTITLE*/
#sub{
height:30px;
margin:10px 0 0 15px;
font-size:12px;
color:#222;
font-weight:bold;
}

/*BOX*/
#wrap{ 
width:810px;
text-align:center; 
margin:0 auto;
text-align:left;
}

/*NAVIGATION*/
#nav{
width:249px;
margin:0;
padding:20px 0 0 0;
position:relative;
float:right;
font-size:13px;
}

/*CONTENTS*/
#main{ 
margin:0;
padding:0;
width:530px;
position:relative;
float:left;
font-size:14x;
}

/*■PAGELIST CATEGORY*/
#nav ul{ margin-bottom:10px;}
#nav ul li{ padding:4px; border-bottom:#ccc solid 1px;}
#nav #p-list li,#nav #cat li
{ padding:0; border:none;}

ul#p-list,ul#cat{
width:235px;
padding:0 0 11px 0;
background:#f4f0e7;
text-align:left;
}
ul#cat{ margin:0;}
ul#p-list{
background:#f4f0e7;
}
ul#p-list li a{ 
display:block;
width:200px; 
padding:0;
margin:0 0 0 14px; 
line-height:100%;
border-bottom:1px dashed #b9b2a4;
font-size:13px;
}
ul#cat li a{
display:block;
width:200px; 
padding:0;
margin:0 0 0 14px; 
line-height:180%;
border-bottom:3px double #b9b2a4;
font-size:15px;
font-weight:bold;
}

ul#p-list li a:hover,ul#p-list li.selected a{
border-bottom:1px dashed #9e9788;
background:#b9b2a4;
}
ul#p-list li a span{display:block;padding:0 5px 0 10px;}
ul#cat li a span{display:block;padding:5px 5px 0 10px;}

/*■CONTENTS*/

/*ARTICLE*/
#art{
padding:15px 20px 15px 15px;
line-height:300%;
}
#art h2{
margin:10px 0;
padding:5px 10px 7px 10px;
line-height:100%;
background:#b99363 url(img/h2_bg.gif) repeat-x bottom;
color:#333;
font-size:17px;
}
#art h3{
margin:10px 0;
font-size:15px;
color:#3f2900;
border-bottom:#b89262 3px double;
}

#art ul li{line-height:230%;}

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


/*■FOOTER*/
#f-wrap{
margin-top:20px;
padding-bottom:100px;
background:#111;
text-align:center;
border-top:#fff double 5px;
font-size:12px;
color:#ccc;
}
#foot{
width:770px;
margin:0 auto;
padding:10px 15px;
}

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

#f-wrap ul{ text-align:left;}