@charset "UTF-8";
/* CSS Document */
#popularMainImage{
clear:both;
margin-bottom:20px;
background:url(../images/popular_image.jpg) no-repeat 0 0;
width:847px;
height:220px;
}


h3.aperitif{
background:url(../images/title_aperitif.gif) no-repeat 0 0;
width:284px;
height:23px;
margin:0;
padding-bottom:3px;
text-indent:-9999px;
}

h3.asian{
background:url(../images/title_asian.gif) no-repeat 0 0;
width:284px;
height:23px;
margin:0;
padding-bottom:3px;
text-indent:-9999px;
}

h3.cafe{
background:url(../images/title_cafe.gif) no-repeat 0 0;
width:284px;
height:23px;
margin:0;
padding-bottom:3px;
text-indent:-9999px;
}



/*一覧-----------------------*/

.rankingtop{
background:url(../images/bg_ranking.jpg) repeat-x left bottom;
padding-bottom:15px;
}

.rankingtop2{
background:url(../images/bg_ranking.jpg) repeat-x left bottom;
padding-bottom:15px;
margin-top:20px;
}

#popularEngage .rankingLeft{
width:185px;
float:left;
margin:0 5px 0 0;
}


#popularEngage .rankingRight{
width:185px;
float:right;
margin:0 12px 0 0;
}

#popularEngage .photo_a{
border:1px solid #CCC;
padding:1px;
margin:7px 0 15px 0;
}


#popularEngage .texts1{
font-weight:bold;
font-size:1.0em;
line-height:135%;
float:right;
width:405px;
}

#popularEngage .catch1{
color:#CC6699;
margin:0 0 5px 0;
font-size:12px;
font-weight:normal;
}

#popularEngage .ranking_a{
margin:15px 0;
}


#popularEngage .catch2{
color:#CC6699;
margin:0 0 5px 0;
font-size:10px;
font-weight:normal;
line-height:145%;
}


.detailBtn{
margin:6px 0;
}




/*詳細画面-----------------------*/

#popularEngage .photo{
float:right;
width:250px;
margin-bottom:20px;
}

#popularEngage .photo img{
border:1px solid #CCC;
padding:2px;
}

#popularEngage .popularLeft{
float:left;
width:250px;
padding-left:45px;
}

#popularEngage .first{
background:url(../images/icn_1a.gif) no-repeat 0 0;
}

#popularEngage .second{
background:url(../images/icn_2a.gif) no-repeat 0 0;
}

#popularEngage .third{
background:url(../images/icn_3a.gif) no-repeat 0 0;
}

#popularEngage .forth{
background:url(../images/icn_4b.gif) no-repeat 0 0;
}

#popularEngage .fifth{
background:url(../images/icn_5b.gif) no-repeat 0 0;
}



#popularEngage h4{
margin:0 0 0 0;
font-size:16px;
color:#333;
}

#popularEngage .ringName{
font-size:10px;
}

#popularEngage .catch{
color:#CC6699;
margin:5px 0;
border-top:1px solid #CCCCCC;
padding-top:7px;
font-size:12px;
}

#popularEngage dl{
margin:10px 0 10px 0;
}

#popularEngage dt{
float:left;
width:60px;
font-size:0.7em;
margin-bottom:5px;
}

#popularEngage dd{
margin-bottom:5px;
font-size:0.7em;
}

#popularBtns{
margin:15px 0 15px 110px;
}

#popularBtns ul{
list-style-type:none;
margin:0;
padding:0;
}

#popularBtns li{
float:left;
width:108px;
text-indent:-9999px;
}

#popularBtns li a{
width:108px;
height:26px;
display:block;
}

#popularBtns li.catalog{
background:url(../images/btn_catalog.gif) no-repeat 0 0;
width:108px;
height:26px;
margin-right:10px;
}

#popularBtns li.catalog a:hover{
background:url(../images/btn_catalog_on.gif) no-repeat 0 0;
}

#popularBtns li.shop1{
background:url(../images/btn_shop1.gif) no-repeat 0 0;
width:108px;
height:26px;
margin-right:10px;
}

#popularBtns li.shop1 a:hover{
background:url(../images/btn_shop1_on.gif) no-repeat 0 0;
}

#popularBtns li.shop2{
background:url(../images/btn_shop2.gif) no-repeat 0 0;
width:108px;
height:26px;
}

#popularBtns li.shop2 a:hover{
background:url(../images/btn_shop2_on.gif) no-repeat 0 0;
}

#popularEngage .ranking{
background:url(../images/dot_line.gif) repeat-x 0 0;
padding-top:15px;
margin:40px 0 15px 0;
padding-top:20px;
}

#popularEngage .ranking .section, #popularEngage .ranking_a .section{
clear:both;
margin-bottom:18px;
}

#popularEngage .ranking .section .each_l, #popularEngage .ranking_a .section .each_l{
float:left;
width:280px;
}

#popularEngage .ranking .section .each_r, #popularEngage .ranking_a .section .each_r{
float:right;
width:280px;
}

#popularEngage .section .each_l .photo_c, #popularEngage .section .each_r .photo_c{
border:1px solid #CCC;
padding:1px;
float:left;
}

#popularEngage .section .each_l .texts, #popularEngage .section .each_r .texts{
font-weight:bold;
font-size:0.9em;
line-height:135%;
float:right;
width:170px;
}

#popularEngage .disappear, #popularEngage .ranking .section .each_l .disappear, #popularEngage .ranking .section .each_r .disappear{
position:absolute;
left:-9999px;
}

#popularEngage .japanese, #popularEngage .ranking .section .each_l .japanese, #popularEngage .ranking .section .each_r .japanese{
font-size:10px;
font-weight:normal;
}

#popularEngage .ranking1{
background:url(../images/icn_1c.gif) no-repeat 0 0;
padding-top:24px;
}

#popularEngage .ranking2{
background:url(../images/icn_2c.gif) no-repeat 0 0;
padding-top:24px;
}

#popularEngage .ranking3{
background:url(../images/icn_3c.gif) no-repeat 0 0;
padding-top:24px;
}

#popularEngage .ranking4{
background:url(../images/icn_4c.gif) no-repeat 0 0;
padding-top:24px;
}

#popularEngage .ranking5{
background:url(../images/icn_5c.gif) no-repeat 0 0;
padding-top:24px;
}


.mens, .soom, .jungpana, .gielle{
background:url(../images/mens.gif) no-repeat 0 0;
height:11px;
text-indent:-9999px;
margin:8px 0 5px 0;
}

.soom{
background:url(../images/soom.gif) no-repeat 0 0;
}

.jungpana{
background:url(../images/jungpana.gif) no-repeat 0 0;
}

.gielle{
background:url(../images/gielle.gif) no-repeat 0 0;
}

.ladys{
background:url(../images/ladys.gif) no-repeat 0 0;
height:13px;
text-indent:-9999px;
margin:0 0 5px 0;
}

table.detail{
border-collapse:collapse;
width:240px;
margin:0 0 10px 0;
}

table.detail th{
background:url(../images/dot_line.gif) repeat-x left bottom;
font-size:10px;
padding:4px;
text-align:center;
font-weight:normal;
}

table.detail td{
font-size:10px;
padding:4px;
text-align:center;
}

.cautionWd{
clear:both;
font-size:10px;
margin:0 0 8px 45px;
}

.setWicth{
margin:10px 0 0 0;
font-size:10px;
}