@charset "utf-8";

div#tophead{
margin-bottom: 14px;
width: 745px;
overflow: hidden;
}

div.frame_target{
padding-bottom: 17px;
width: 524px;
float: left;
background: transparent url(../images/img_t_head_btm.gif) no-repeat center bottom;
}

div.target_main{
padding: 9px 20px 0;
width: 484px;
background: transparent url(../images/bg_t_head.gif) repeat-y center top;
overflow: hidden;
}

div.target_main .tg_left{
margin-right: 7px;
display: inline;
float: left;
width: 105px;
}

div.target_main .tg_center{
float: left;
width: 237px;
}

.tg_center li li{
margin-bottom: 0.5em;
padding-left: 10px;
line-height: 1.16;
color: #6c4f17;
background: transparent url(../images/icon_dot_blue.gif) no-repeat left 0.2em;
font-weight: bold;
font-size: 92%;
letter-spacing: -1px;
}

div.target_main .tg_right{
padding-bottom: 14px;
float: right;
width: 132px;
background: transparent url(../images/bg_btn_t_target.gif) no-repeat left bottom;
}

div.target_main .tg_right a{
padding: 12px 7px 0 29px;
display: block;
line-height: 1.6;
color: #1e87ae;
background: transparent url(../images/btn_t_target.gif) no-repeat left top;
font-weight: bold;
font-size: 92%;
}

div.frame_cnt{
margin-top: 11px;
padding-bottom: 11px;
display: inline;
float: right;
width: 210px;
background: transparent url(../images/frame_t_num_btm.gif) no-repeat center bottom;
}

div.frame_cnt p.update{
margin-bottom: 4px;
color: #6c4f17;
font-size: 12px;
font-weight: bold;
text-align: center;
letter-spacing: -1px;
}

div.cnt_main{
padding: 0 18px;
background: transparent url(../images/frame_t_side.gif) repeat-y center top;
}

div.cnt_main ul.counter{
padding: 5px 11px;
border: solid 1px #c8e068;
background: #f6f7be;
text-align: right;
}

ul.counter li{
margin-top: 5px;
font-weight: bold;
}

ul.counter span{
color: #ed0606;
font-weight: bold;
font-size: 116%;
}

ul.counter li.unlisted{
color: #ed0606;
}

ul.cnt_navi li{
margin-top: 8px;
line-height: 0;
vertical-align: bottom;
font-size: 0;
}



div#blog_area dl{
margin-bottom: 14px;
border: solid 4px #e3e2e2;
width: 737px;
background: #fffde8 url(../images/bg_t_blog_area.gif) repeat-y left top;
overflow: hidden;
}

div#blog_area dt{
display: inline;
float: left;
clear: left;
width: 188px;
}

div#blog_area dd{
padding: 13px 0 13px 8px;
margin: 0 10px 0 200px;
background: transparent url(../common/images/arrow_brown.gif) no-repeat left center;
font-size: 114%;
font-weight: bold;
}

div#blog_area dd span{
color: #1e87ae;
font-size: 71%;
font-weight: normal;
}




div#pro_area{

margin-right: -10px;
width: 755px;
overflow: hidden;
}

div#pro_area div.pro_frame{
margin: 0 9px 10px 0;
padding: 8px 12px;
border: solid 1px #ccc;
float: left;
width: 153px;
}

div.pro_frame div.pro_img{

margin-bottom: 4px;
width: 153px;
height: 114px;
background: #f0f0f0;
overflow: hidden;
text-align: center;
}

div.pro_frame div.pro_img img{

}

div.pro_frame p.icon{
margin-bottom: 8px;
}

div.pro_frame p.icon img{
padding-right: 6px;
}

div.pro_frame p.spec{
line-height: 1.33;
font-size: 92%;
text-align: right;
letter-spacing: -1px;
}


div.pro_frame ul li{
line-height: 1.33;
font-size: 92%;
text-align: right;
letter-spacing: -1px;
}


div.pro_frame p.spec span,
div.pro_frame ul span{
color: #ed0606;
font-size: 133%;
font-weight: bold;
}





#voice_area{
margin-right: -8px;
width: 753px;
overflow: hidden;
}

#voice_area p{
margin-right: 8px;
width: 180px;
display: inline;
float: left;
}

#voice_area a{
margin-bottom: 3px;
display: block;
}

#voice_area a.voice_img{
padding: 5px;
border: solid 1px #ccc;
width: 168px;
}




div#condition {
margin-bottom: 5px;
}

div#condition h2{
margin-bottom: 0;
}

div#condition ul{
width: 745px;
background: transparent url(../images/line_condition.gif) repeat-x left 96px;
overflow: hidden;
}

div#condition ul li{
margin: 20px 0 0;
padding-right: 7px;
display: inline;
float: left;
width: 177px;
line-height: 1.5;
font-size: 92%;
letter-spacing: -1px;
}


div#condition ul li a{
padding-left: 79px;
display: block;
min-height:83px;
height: auto !important;
height: 83px;
}


div#ranking h4{
margin: 20px 0 10px;
padding: 0 0 5px 20px;
border-bottom: dotted 1px #ccc;
color: #105890;
background: transparent url(../common/images/arrow_c_blue.gif) no-repeat left 0.2em;
font-weight: bold;
font-size: 107%;
}

div.rank_ttl{
margin: 30px 0 10px;
width: 745px;
overflow: hidden;
}

div.rank_ttl h3{
float: left;
width: 500px;
overflow: hidden;
}

div.rank_ttl p{
float: right;
}

div.rank_ttl a{
padding-right: 20px;
color: #38a2d3;
background: transparent url(../common/images/arrow_c_blue.gif) no-repeat right center;
font-weight: bold;
}


div.rank_sec{

margin: 0 -10px 0 20px;
width: 735px;
overflow: hidden;
}


div.rank_sec div.pro_frame{
margin: 0 20px 10px 0;
padding: 0 0 0 24px;
float: left;
width: 183px;
}

div.rank_sec .rank1{background: #fff url(../common/images/icon_no01.gif) no-repeat left top;}
div.rank_sec .rank2{background: #fff url(../common/images/icon_no02.gif) no-repeat left top;}
div.rank_sec .rank3{background: #fff url(../common/images/icon_no03.gif) no-repeat left top;}
div.rank_sec .rank4{background: #fff url(../common/images/icon_no04.gif) no-repeat left top;}


dl#info dl{
width: 745px;
}

dl#info dt,
dl#info dd{
margin-bottom: 1.0em;
line-height: 1.33;
}

dl#info dt{
width: 9em;
float: left;
clear: left;
color: #105890;
font-weight: bold;
}

dl#info dd{
margin-left: 10em;
}