/*======================================
　CSS: machine_brown_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;
}

/*=====■Layout■=====*/
body{
font-family:arial, sans-serif, Osaka, verdana;
color:#333;
text-align:center; 
background:#fff url(img/bg.gif) repeat-x;
}

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

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

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

/*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:25px 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:413px;
height:91px;
background:url(img/logo.gif) no-repeat;
}
#header #title h1 a span{display:none }

/*SUBTITLE*/
#subtitle{
height:30px;
margin:7px 0 0 15px;
font-size:12px;
color:#fff;
font-weight:bold;
}

/*■PAGELIST CATEGORY*/
#navigation ul{ margin-bottom:10px;}
#navigation ul li{ padding:3px; border-bottom:#999 dotted 1px;}
#navigation #page-list li,#navigation #category li
{ padding:0; border:none;}

ul#page-list,ul#category{
padding:10px;
background:#f4f0e7;
text-align:left;
}
ul#category li a{
display:block; 
padding:0; 
line-height:180%;
border-bottom:3px double #b9b2a4;
font-size:15px;
font-weight:bold;
}
ul#page-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#page-list li a:hover,ul#page-list li.selected a{
border-bottom:1px solid #b9b2a4;
background:#b9b2a4;
}
ul#page-list li a span,ul#category li a span{display:block;padding:3px 5px 0 10px;}

/*■CONTENTS*/

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

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

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


/*■FOOTER*/
#footerwrapper{
min-width:810px;
margin-top:20px;
padding-bottom:100px;
background:#111;
text-align:center;
}
#foot{
width:800px;
margin:0 auto;
}
/*COPYRIGHT*/
#copy {
margin:50px 10px 0 0;
text-align:right;
font-weight:bold;
font-size:11px;
color:#6f6f6f;
}

/*■CATEGORYPAGE*/
#art ul li{
margin-left:10px;
font-size:14px;
line-height:300%;
}