/*css setting*/

*{margin:0;padding:0;line-height:160%;}
body{
margin:0;
padding:0;
font-family:arial, 'Hiragino Kaku Gothic Pro', Meiryo, san-serif, sans-serif, Osaka, verdana;
color:#000;
text-align:center;
background:#f9f9f9;
}
h1,h2,h3,p,ul,ol,li{
margin:0px;
padding:0px;
}
li{
margin:0px;
padding:0px;
list-style-type:none;
}
img{border:0;}

a{color:#cd4400; text-decoration:none;}
a:hover{ color:#eb6f00; text-decoration:none;}
.c-f{ clear:both;}

#all-frame{
width:970px;
background:#fefefe;
text-align:left;
margin:0 auto;
}
#logo{
font-size:12px;
padding:1px 4px 3px 4px;
margin: 1px 1px 8px 1px;
border-bottom:#ddd solid 2px;
background:#fff;
background: -moz-linear-gradient(top,#fff, #ddd);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
}
/* head*/
#logo .logo_in{
display:block;
padding:5px 10px;
background:#fff;
}
#logo a{
text-decoration:none;
font-size:24px;
letter-spacing:-1px;
}
h1{
padding:3px 8px 1px 8px;
font-weight:normal;
font-size:12px;
border-bottom:#ddd solid 1px;
color:#777;
}
#mainmenu{
width:28%;
padding:0 10px 15px 0;
position:relative;
float:right;
font-size:12px;
color:#666;
}
/*nav*/
#mainmenu ul{ margin-bottom:8px;}
#mainmenu ul li{ padding:5px; background:#fff; border:#ddd solid 1px; margin-bottom:2px;}
#mainmenu .navigation_in li{ padding:0; border:none; background:none; margin-bottom:2px;}

#mainmenu .navigation_in li{
border:#d5d5d5 solid 1px;
padding:1px;
background:#f9f9f9;
}
.navigation_in li a{
padding:3px;
display:block;
color:#610000;
border-left:#610000 solid 4px;
}
.navigation_in li a:hover{color:#cd4400;}


.recom_site_nav{
 background:#dfdfdf;
 padding:1px 3px;
 font-weight:bold;
 display:block;

 margin-top:5px;
}
#contentsarea{
width:67%;
padding:10px;
position:relative;
float:left;
font-size:15px;
line-height:200%;
background:#fff;
}
#contentsarea .theme_img{
width:629px;
padding:4px;
border: #610000 solid 1px;
}
/*contentsarea*/
h2{
margin:15px 0;
padding:0 2px;
border-bottom:#000 solid 2px;
letter-spacing:-1px;
font-size:23px;
}

#contentsarea .link_title,h3{
margin:10px 0;
border-bottom:#aaa solid 1px;
font-weight:bold;
color:#610000;
font-size:15px;
letter-spacing:-1px;
}

#contentsarea ul li,
#contentsarea p{ line-height:200%;}
#contentsarea .reference li{ line-height:170%; padding-bottom:3px;}
/* btm_wrap */
#btm_wrap {
font-size: 11px;
padding: 15px;
background-color: #610000;
color:#ccc;
letter-spacing:1px;
}
#btm_wrap .bottom_links {
text-align: right;
}
#btm_wrap .bottom_links li {
display: inline;
}
#btm_wrap .bottom_links li a {
color: #cd4400;
}
#btm_wrap .bottom_links li a:hover {
color: #eb6f00;
}
#btm_wrap p {
text-align: center;
padding-top: 15px;
}