/*----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/slash.jpg);
}
a{color:#2633a5;}
a:hover{color:#2633a5; text-decoration:none;}
.clear-all{ clear:both;}

#main_frame{
width:1000px;
background:#fefefe;
text-align:left;
margin:0 auto;
}
#header_space{
font-size:12px;
background:#aaa;
padding-bottom:2px;
border-bottom:#ddd solid 2px;
margin:0 0 5px 0;
}
/* head*/
#header_space .header_space02{
background:#fff;
display:block;
padding:7px 10px;
border-bottom:#00194e solid 3px;

}
#header_space a{
text-decoration:none;
font-size:27px;
letter-spacing:-1px;
}
#header_space a:hover{
color:#474baa;
}
h1{
padding:3px 8px 1px 8px;
font-weight:normal;
font-size:12px;
color:#fff;
background:#00194e;
background: -moz-linear-gradient(top,#2633a5, #00194e);
background: -webkit-gradient(linear, left top, left bottom, from(#2633a5), to(#00194e));
}
#menu{
width:30%;
padding:0 10px 15px 0;
position:relative;
float:right;
font-size:12px;
color:#666;
}
/*nav*/
#menu ul{ margin-bottom:8px;}
#menu ul li{ padding:5px; background:#fff; border:#ddd solid 1px; margin-bottom:2px;}
#menu .sidebar_inner li{ padding:0; border:none; background:none; margin-bottom:2px;}

#menu .sidebar_inner li{
border:#d5d5d5 solid 1px;
padding:1px;
background:#f9f9f9;
}
.sidebar_inner li a{
padding:3px;
display:block;
color:#00194e;
border-left:#00194e solid 4px;
}
.sidebar_inner li a:hover{color:#2633a5;}


.recom_site_nav{
 border-bottom:#bbb dotted 1px;
 font-weight:bold;
 display:block;
 padding:0px 2px;
 margin:5px 0 0 0;
 background:#dcdcdc;
}
/*--------------------------------------------*/

#item ul li,
#contents02 p{line-height:200%;}
#item .recom li{ line-height:170%; margin-bottom:3px;}

#item .theme_img{
width:645px;
border:solid #cccccc 1px;
padding:3px;
}
#item{
width:66%;
padding:0 0 15px 10px;
position:relative;
float:left;
font-size:15px;
}
/* TOP,CAT */
#contents02{
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:23px;
line-height:100%;
color:#fff;
background:#2633a5;
}
h2 span{
padding:3px;
display:block;
border-left:#fff solid 5px;
}

#item h3{
margin:10px 0;
padding:5px;
font-size:15px;
line-height:130%;
border-left:#474baa solid 6px;
color:#474baa;
}

/*--------------------------------------------*/
/*-- bottom_area --*/
#bottom_area{
padding:12px;
text-align:right;
font-size:11px;
color:#666;
background:#ebebff;
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;}

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