@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.engage{
background:url(../images/title_engage.gif) no-repeat 0 0;
width:284px;
height:23px;
margin:0;
padding-bottom:3px;
text-indent:-9999px;
}

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

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

.renewalDate{
float:right;
margin-right:10px;
margin-top:8px;
font-size:10px;
_margin-right:5px;
}

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

#popularEngage .rankingLine{
background:url(../images/bg_ranking.jpg) repeat-x left bottom;
padding:0 0 20px 0;
margin:30px 0 8px 0;
}


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


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

.name_a{
margin:8px 0 5px 0;
}

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

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

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

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

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

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

#popularEngage .third{
background:url(../images/icn_3b.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 .sixth{
background:url(../images/icn_6b.gif) no-repeat 0 0;
}

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

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

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

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

#popularEngage h4{
margin:0 0 0 0;
font-size:18px;
color:#666;
font-family:"Times New Roman", Times, serif;
}

#popularEngage .ringName{
font-size:12px;
color:#666;
font-family:"ＭＳ Ｐ明朝", "ＭＳ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro", serif;
}

#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;*/
margin:40px 0 0 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:190px;
}

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

#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.75em;
line-height:135%;
float:right;
width:90px;
}

#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;
font-family:"ＭＳ Ｐ明朝", "ＭＳ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro", serif;
}

#popularEngage .ranking .section .each_l .name_c, #popularEngage .ranking .section .each_r .name_c{
font-family:"Times New Roman", Times, serif;
}

#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;
}

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

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

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

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

#popularEngage .ranking10{
background:url(../images/icn_10c.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:0 0 5px 0;
font-size:10px;
}

.btnDetail{
margin-top:5px;
}

.rightBunner{
width:220px;
padding:15px 0;
float:right;
}

.toPrev{
margin:0;
padding:0;
}

/*インデックスページ追加------------------*/
.ind1{
background:url(../images/ind_1st.jpg) no-repeat 0 0;
height:172px;
text-align:center;
}

.ind2{
background:url(../images/ind_2nd.jpg) no-repeat 0 0;
height:172px;
text-align:center;
}

.ind3{
background:url(../images/ind_3rd.jpg) no-repeat 0 0;
height:172px;
text-align:center;
}

.ind4{
background:url(../images/ind_4th.jpg) no-repeat 0 0;
height:132px;
text-align:center;
}

.ind5{
background:url(../images/ind_5th.jpg) no-repeat 0 0;
height:132px;
text-align:center;
}

.ind6{
background:url(../images/ind_6th.jpg) no-repeat 0 0;
height:132px;
text-align:center;
}

.ind7{
background:url(../images/ind_7th.jpg) no-repeat 0 0;
height:132px;
text-align:center;
}

.ind8{
background:url(../images/ind_8th.jpg) no-repeat 0 0;
height:132px;
text-align:center;
}

.ind9{
background:url(../images/ind_9th.jpg) no-repeat 0 0;
height:132px;
text-align:center;
}

.indPhoto{
margin-top:23px;
}

.ind1 img.indPhoto, .ind2 img.indPhoto, .ind3 img.indPhoto{
margin-top:40px;
}