/*----CSS----*/

*{margin:0;padding:0;line-height:160%;}
ul,ol{margin:0;padding:0;}
ul li{list-style:none;list-style-postion:inline}
ul li a{border:none; text-decoration:none;}
h2,h3,h3,h4,h5{margin:0;padding:0;}
html,body{margin:0; padding:0}
img{border:none;}

body{
font-family: 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
color:#111;
text-align:center;
background:url(img/striped_pattern.jpg);
}
a{color:#7b4704;}
a:hover{color:#7b4704; text-decoration:none;}
.clear-all{ clear:both;}

#hedge{
width:1000px;
background:#fefefe;
text-align:left;
margin:0 auto;
}
#logo{
border-top:#83642e solid 2px;
background:#fff;
margin:0 0 6px 0;
}
/* head*/
#logo .logo_in{
display:block;
padding:4px 10px 2px 10px;
background:#f9f9f9;
background: -moz-linear-gradient(top, #fff, #ddd);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
border-bottom:#aaa solid 7px;
}
#logo a{
text-decoration:none;
font-size:24px;
color:#333;
}
h1{
padding:4px 5px 1px 5px;
font-weight:normal;
font-size:11px;
color:#fff;
background:#7b4704;
background: -moz-linear-gradient(top, #461900, #7b4704);
background: -webkit-gradient(linear, left top, left bottom, from(#461900), to(#7b4704));
}
#side-container{
width:30%;
padding:0 10px 15px 0;
position:relative;
float:right;
font-size:12px;
color:#666;
}
/*nav*/
#side-container ul{ margin-bottom:8px;}
#side-container ul li{ padding:5px; background:#fff; border:#ddd solid 1px; margin-bottom:2px;}
#side-container .gnav_inner li{ padding:0; border:none; background:none; margin-bottom:2px;}

#side-container .gnav_inner li{
border:#d5d5d5 solid 1px;
padding:1px;
background:#f9f9f9;
}
.gnav_inner li a{
padding:3px;
display:block;
color:#461900;
border-left:#461900 solid 4px;
}
.gnav_inner li a:hover{color:#7b4704;}


.nav_pr_title{
 margin:5px 0 0 0;
 display:block;
 background:#ebebeb;
 border-bottom:#bbb dotted 1px;
 padding:0px 3px;
 font-weight:bold;
}
/*main*/
#main_area{
width:66%;
padding:10px 0 15px 12px;
position:relative;
float:left;
font-size:15px;
line-height:200%;
}
#main_area .site_img{
padding:3px;
border: #461900 solid 1px;
width:658px;
}
#aera_in,
#main_area p{line-height:200%;}

#page_title{
margin:15px 0;
padding:0 0 0 5px;
font-size:14px;
border-left:#461900 solid 9px;
color:#666;
font-weight:bold;
}
#page_title h2{
border-top:#dddddd solid 1px;
color:#461900;
font-size:23px;
letter-spacing:-1px;
}

#aera_in h3{
margin:10px 0;
border-bottom:#ccc solid 1px;
font-size:15px;
color:#461900;
letter-spacing:-1px;
}

#aera_in ul li{ line-height:200%;}
#aera_in .useful li{ line-height:175%; padding-bottom:3px;}

/*-- footerarea --*/
#footerarea{
padding:12px;
text-align:right;
font-size:11px;
color:#666;
background:#feffc9;
border-top:#ccc solid 1px;
}

ul#footer{font-size:12px;; border-top:#ccc solid 1px; padding:7px 10px; color:#555;}
ul#footer li{line-height:200%; font-size:11px;}

#footerarea p{
letter-spacing:1px;
font-size:11px;
padding:3px;
line-height:100%;
}