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

a{color:#0b9085;}
a:hover{color:#24c3b6;}

*{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;}
.c_f{ clear:both;}

#layout-two-column{
width:1000px;
background:#fefefe;
text-align:left;
margin:0 auto;
}
#headerarea{
border-top:#24c3b6 solid 7px;
background:#fff;
margin:0 0 8px 0;
border-bottom:solid 4px #eee;
}
/* head*/
#headerarea .headerarea_in{
display:block;
padding:5px 10px 0 10px;
background:#fff;
background: -moz-linear-gradient(top, #fff, #f0fcfe);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0fcfe));
}
#headerarea a{
text-decoration:none;
font-size:24px;
color:#24c3b6;
text-shadow:2px 2px 1px #deeef5;
}
h1{
padding:0 8px 8px 0;
font-weight:normal;
font-size:11px;
color:#555555;
}
/*nav*/
#navbar{
width:28%;
padding:3px 5px;
position:relative;
float:right;
font-size:12px;
color:#666;
}
#navbar02{
background:url(img/bg4.jpg);
padding:4px;
}
#navbar03{
background:#fff;
padding:6px;
}
#navbar ul{ margin-bottom:8px;}
#navbar ul li{ padding:5px; background:#fff; border:#ddd solid 1px; margin-bottom:2px;}
#navbar .navigation_in li{ padding:0; border:none; background:none; margin-bottom:2px;}

#navbar .navigation_in li{
border:#d5d5d5 solid 1px;
padding:1px;
background:#f9f9f9;
}
.navigation_in li a{
padding:3px;
display:block;
color:#004d6e;
border-left:#004d6e solid 4px;
}
.navigation_in li a:hover{color:#0b9085;}


.nav_recom{
 background:#f2f2f2;
 padding:1px;
 margin:6px 0 0 0;
 font-weight:bold;
 border-bottom:#ddd solid 2px;
 display:block;
}
/*--------------------------------------------*/

#center ul li,
#in_wrap p{line-height:200%;}
#center .recom li{ line-height:170%; margin-bottom:3px;}
#center .title_theme{
width:645px;
border: #004d6e solid 2px;
padding:3px;
}
#center{
width:67%;
padding:0 15px 15px 10px;
position:relative;
float:left;
font-size:15px;
}
/* TOP,CAT */
#in_wrap{
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:#0b9085;
}
h2 span{
padding:3px;
display:block;
border-left:#fff solid 5px;
}

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

/*--------------------------------------------*/
#foot_bar {
font-size: 11px;
margin: 0 10px;
}
#btmlist {
padding: 6px 10px; background-color:#deeef5;
}
#btmlist li {
display: inline;
padding: 0 10px;
border-left: solid 1px #24c3b6;
}
#btm_nav {
padding:10px;
text-align: right;
background:#f0fcfe;
border-top:#fff double 3px;
color:#555;
}
#foot_bar p {
background-color: #004d6e;
color: #fff;
padding: 6px 10px;
}