body{
font-family:arial,Osaka,sans-serif,verdana, 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
color:#111;
text-align:center; 
background:url(img/stripe_bg.jpg);
*/
}

a{color:#77512b;}
a:hover{color:#956526;}

*{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;}
h2,h3,h3,h4,h5{margin:0;padding:0;}
.clear_fix{ clear:both;}

#site-wrap{
width:900px;
background:#fefefe;
text-align:left;
margin:0 auto;
}
#sitetitle{
font-size:12px;
background:#aaa;
padding-bottom:2px;
border-bottom:#ddd solid 2px;
margin:0 0 5px 0;
}
/* head*/
#sitetitle .sitetitle02{
background:#fff;
display:block;
padding:3px 10px;
border-bottom:#472f20 solid 3px;
border-top:#472f20 double 6px;
}
#sitetitle a{
text-decoration:none;
font-size:25px;
letter-spacing:-1px;
}
#sitetitle a:hover{
color:#956526;
}
h1{
padding:3px 8px 1px 8px;
font-weight:normal;
font-size:12px;
color:#fff;
background:#472f20;
background: -moz-linear-gradient(top,#77512b, #472f20);
background: -webkit-gradient(linear, left top, left bottom, from(#77512b), to(#472f20));
}
#site-menu{
float:left;
width:28%;
padding:0 0 0 10px;
font-size:12px;
color:#444;
}
#site-menu ul li {
border-bottom: 1px dotted #aaa;
padding: 4px;
}
#site-menu ul#navi_inner li {
border: none;
padding: 0;
}
#site-menu ul#navi_inner {
border: 1px solid #111;
padding:2px;
margin:10px 0;
}
#site-menu ul#navi_inner li#name{
background:#472f20;
padding:2px;font-weight:bold;
color:#fff;
}
#site-menu ul#navi_inner li#cl1 a,
#site-menu ul#navi_inner li#cl2 a,
#site-menu ul#navi_inner li#cl3 a,
#site-menu ul#navi_inner li#cl4 a {
display: block;
background:#77512b;
padding: 5px 10px;
font-weight: bold;
font-size: 13px;
color:#fff;
}
#site-menu ul#navi_inner li#cl1 a:hover,
#site-menu ul#navi_inner li#cl2 a:hover,
#site-menu ul#navi_inner li#cl3 a:hover,
#site-menu ul#navi_inner li#cl4 a:hover {
text-decoration:underline;
}
#site-menu ul#navi_inner li a {
display: block; 
padding:2px 5px;
margin: 2px;
text-decoration: none;
border: 1px solid #eee;
}

.nav_recom_links{
 margin-top:5px;
 font-weight:bold;
 background:#e6e6e6;
 display:block;
 padding:2px;

}
/*--------------------------------------------*/

#articlebody ul li,
#textbox p{line-height:200%;}
#articlebody .recom li{ line-height:170%; margin-bottom:3px;}
#articlebody .photo{
width:578px;
border: #ddd solid 2px;
padding:3px;
}
#articlebody{
width:67%;
padding:0 10px 15px 15px;
position:relative;
float:right;
font-size:14px;
}
/* TOP,CAT */
#textbox{
line-height:200%;
padding:16px;
border:#e0e0e0 solid 6px;
}
#h2_title{
margin:13px 0;
padding:1px;
border:#ddd solid 1px;
}
h2{
padding:2px;
font-size:20px;
line-height:100%;
color:#fff;
background:#77512b;
}
h2 span{
padding:3px;
display:block;
border-left:#fff solid 5px;
}

#articlebody h3{
margin:10px 0;
padding:5px;
font-size:14px;
line-height:130%;
border-left:#956526 solid 6px;
color:#956526;
}

/*--------------------------------------------*/
#under_wrap{
font-size:12px;
padding:10px;
background:#fff2ee;
border-top:#ddd solid 1px;
color:#666;
}

/*foot*/
#under_wrap_in{
margin:0 auto;
text-align:left;
}
#under_wrap ul li{line-height:230%;}
#under_wrap p{
padding:10px 0;
font-size:11px;
text-align:right;
letter-spacing:1px;
}