@charset "UTF-8";

/* -------------------------------------------------------------------

コカトレーディングリニューアルCSS

------------------------------------------------------------------- */


.left{float:left;}
.right{float:right;}

/* -------------------------------------------------------------------
BOX
------------------------------------------------------------------- */

#renew{
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
font-size:13px;
line-height:1.6;
}

#renew p{margin:5px 0 0 0; line-height:1.6;}
#renew h1 {
background:url(../img_renew/recommend_h1_mark.gif) no-repeat scroll 0 0;
float:none;
color:#D90000;
font-size:130%;
line-height:1.2em;
font-weight:bold;
margin:0;
padding-left:25px;
}

#renew .section h2{
color:#FFFFFF;
font-size:115%;
margin:0;
padding:12px 30px 0 16px
}

#renew h3{margin:0; padding:0px;}


#renew span.renew-mission{color:#D90000; display:block; font-weight:bold;}
#renew p.mission-msg{font-size:110%; line-height:1.4;}

.box61{
width:61px;
}

.box164{
width:164px;
}

.box220{
width:220px;
}

.box236{
overflow:hidden;
width:236px;
height:180px;
}

.voice-head{
width:236px;
}

#renew .box236 h3{
font-size:110%;
line-height:1.2;
margin-top:7px;
}

#renew .box236 h3 a{
color:#d90000;
text-decoration:none;
}

#renew .box236 h3 a:hover{
color:#ff0000;
text-decoration:underline;
}

#renew .box236 p{
font-size:90%;
line-height:1.5;
margin-top:7px;
}

.box236-voice{
width:236px;
}

#renew .box236-voice h4{
font-size:100%;
font-weight:bold;
line-height:1.2;
margin:0;
}

#renew .box236-voice h4 a{
color:#d90000;
text-decoration:none;
}

#renew .box236-voice h4 a:hover{
color:#ff0000;
text-decoration:underline;
}

#renew .box236-voice p{
font-size:80%;
line-height:1.5;
margin-top:5px;
}

.box369{
width:369px;
}

.box371{
width:371px;
}

.box488{
width:488px;
margin-bottom:10px;
}


.box488-voice{
background:url(../img_renew/hr_dotted_line.gif) no-repeat scroll left bottom;
width:488px;
padding-bottom:10px;
margin-bottom:10px;
}

.box488-more{
width:488px;
text-align:right;
}

#renew .box488-more span{
background:#ffffff url(../img_renew/local_nav_li_mark.gif) no-repeat scroll 0 0.6em;
margin:0;
padding:3px 0 3px 10px;
font-size:80%;
line-height:1em;
}

.box520{
width:520px;
}

.box760{
width:760px;
margin:0 auto 20px;
padding:0;

}

.box800{
width:800px;
margin-bottom:20px;
padding:0;
}

.section-inner{
padding:10px 20px;
}

#section-mission{
background:url(../img_renew/section_bg_02_body.gif) repeat-y scroll 0 0;
width:369px;
}

.section-mission-head{
width:369px;
}

.section-mission-foot{
background:url(../img_renew/section_bg_02_foot.gif) no-repeat scroll 0 0;
width:369px;
height:16px;
}

#section-recommend{
background:url(../img_renew/section_bg_03_body.gif) repeat-y scroll 0 0;
width:371px;
}

.section-recommend-head{
background:url(../img_renew/section_bg_03_head.gif) no-repeat scroll 0 0;
width:331px;
height:34px;
padding:20px 20px 0;
}

.section-recommend-foot{
background:url(../img_renew/section_bg_03_foot.gif) no-repeat scroll 0 0;
width:371px;
height:16px;
}

.section{
background:url(../img_renew/section_bg_01_body.gif) repeat-y scroll 0 0;
width:520px;
margin-bottom:10px;
}

.section-head{
background:url(../img_renew/section_bg_01_head.jpg) no-repeat scroll 0 0;
width:520px;
height:40px;
padding:0;
}

.section-body{
padding:10px 16px 0;
}

.section-foot{
background:url(../img_renew/section_bg_01_foot.gif) no-repeat scroll 0 0;
width:520px;
height:16px;
}

/* -------------------------------------------------------------------
LIST
------------------------------------------------------------------- */

#renew ul.recommend-list{margin:0;}
#renew ul.recommend-list li{
list-style-type:none;
background:url(../img_renew/recommend_li_mark.gif) no-repeat scroll 0 0;
margin:10px 0 0 0;
padding-left:25px;
line-height:1.3;
font-weight:bold;
font-size:120%;
color:#333333;
}
#renew ul.recommend-list li.underfix{
margin:10px 0 3px;
}

/* -------------------------------------------------------------------
LOCAL NAVI
------------------------------------------------------------------- */

.local-nav{
background:url(../img_renew/local_nav_bg.gif) repeat-y scroll 0 0;
width:220px;
margin-bottom:10px;
}

.local-nav-head{
background:url(../img_renew/local_nav_head.jpg) no-repeat scroll 0 0;
width:220px;
height:41px;
}

.local-nav-body{
width:210px;
padding:0 5px;
}

.local-nav-foot{
background:url(../img_renew/local_nav_foot.gif) no-repeat scroll 0 0;
width:220px;
height:16px;
}

#renew .local-nav-head h2 {
color:black;
font-size:115%;
padding:12px 0 0 33px;
margin:0;
}

#renew .local-nav-body ul{margin:0;}
#renew .local-nav-body ul li{
display:block;
list-style-type:none;
background:url(../img_renew/local_nav_li_bg.gif) no-repeat scroll left bottom;
margin:0;
padding:1px 0 2px 0;
line-height:1.3;
width:210px;
}

#renew .local-nav-body ul li a{
display:block;
background:#ffffff url(../img_renew/local_nav_li_mark.gif) no-repeat scroll 13px 0.9em;
margin:0;
width:172px;
padding:7px 10px 7px 28px;
}

#renew .local-nav-body ul li a:hover{
background:#f7f7f7 url(../img_renew/local_nav_li_mark.gif) no-repeat scroll 13px 0.9em;
text-decoration:underline;
}

/* -------------------------------------------------------------------
MARGIN
------------------------------------------------------------------- */
.margin-r11{
margin-right:11px;
}

.margin-r16{
margin-right:16px;
}

.margin-r20{
margin-right:20px;
}

.margin-b20{
margin-bottom:20px;
}


/* -------------------------------------------------------------------
CLEARFIX
------------------------------------------------------------------- */

div.clearfix:after {
content: ".";
display: block;
clear: both;
height:0;
visibility: hidden;
}