@charset "UTF-8";
/* CSS Document */
/*STYLEトップ----------------*/
#bridalMainImage{
clear:both;
margin-bottom:20px;
background:url(../images/bridal_image.jpg) no-repeat 0 0;
width:847px;
height:300px;
}


#popular{
background:url(../images/popular_bg.gif) no-repeat 0 0;
width:847px;
height:127px;
}

#popular .btns{
float:right;
margin:6px 8px 0 0;
width:720px;
}

* html #popular .btns{
margin:6px 5px 0 0;
}

#popular .engage{
width:230px;
height:115px;
background:url(../images/top/popular_engage.gif) no-repeat 0 0;
float:left;
margin-right:12px;
}

#popular .marriage{
width:230px;
height:115px;
background:url(../images/top/popular_marriage.gif) no-repeat 0 0;
float:left;
margin-right:12px;
}

#popular .set{
width:230px;
height:115px;
background:url(../images/top/popular_set.gif) no-repeat 0 0;
float:left;
}

#popular .engage2{
width:170px;
height:115px;
background:url(../images/top/popular_engage2.gif) no-repeat 0 0;
float:left;
margin-right:12px;
}

#popular .marriage2{
width:170px;
height:115px;
background:url(../images/top/popular_marriage2.gif) no-repeat 0 0;
float:left;
margin-right:12px;
}

#popular .set2{
width:170px;
height:115px;
background:url(../images/top/popular_set2.gif) no-repeat 0 0;
float:left;
margin-right:12px;
}

#popular .new{
width:170px;
height:115px;
background:url(../images/top/popular_new.gif) no-repeat 0 0;
float:left;
}


#popular .engage a, #popular .marriage a, #popular .set a{
display:block;
width:230px;
height:115px;
}

#popular .engage2 a, #popular .marriage2 a, #popular .set2 a,
#popular .new a{
display:block;
width:170px;
height:115px;
}

#popular .engage span, #popular .marriage span, #popular .set span{
position:absolute;
left:-9999px;
}

#popular .engage2 span, #popular .marriage2 span, #popular .set2 span,
#popular .new span{
position:absolute;
left:-9999px;
}

#popular .moreBtn{
float:left;
margin:92px 0 0 8px;
}

#leftContents{
width:490px;
float:left;
margin-top:30px;
}


#rightContents{
float:right;
width:320px;
margin-top:30px;
}

#rightMenu{
background-color:#F9EAEF;
text-align:center;
padding:7px 0;
}


/*BRIDAL STYLE----------------------*/
#bridalStyle{
width:490px;
text-align:left;
}

#bridalStyle h3{
background:url(../images/top/tit_style.gif) no-repeat 8px 3px;
padding:3px 0 3px 0;
border:1px solid #CCC;
height:11px;
margin:0px 0 10px 0;
}


#bridalStyle h3 span, #bridalStyle h4 span{
position:absolute;
left:-9999px;
}

#bridalStyle .photo{
float:left;
margin:0 10px 0 0;
}

#bridalStyle h4.style1{
background:url(../images/top/title_ringselect.gif) no-repeat 0 0;
width:233px;
height:19px;
margin:0 0 5px 105px;
}

#bridalStyle p{
font-size:10px;
line-height:135%;
margin:0 0 0 0;
}

#bridalStyle h4.style2{
background:url(../images/top/title_star.gif) no-repeat 0 0;
width:159px;
height:19px;
margin:0 0 5px 105px;
}

#bridalStyle h4.style3{
background:url(../images/top/title_secret.gif) no-repeat 0 0;
width:99px;
height:19px;
margin:0 0 5px 105px;
}

/*よくある質問----------------------*/
#faq{
margin-top:20px;
text-align:left;
}

#faq h3{
background:url(../images/top/tit_faq.gif) no-repeat 8px 3px;
padding:3px 0 5px 0;
border:1px solid #CCC;
height:11px;
margin:0 0 10px 0;
}

#faq .faqLeft{
float:left;
width:226px;
margin-right:10px;
}

#faq .faqRight{
float:right;
width:226px;
}

#faq h3 span, #faq h4 span{
position:absolute;
left:-9999px;
}

#faq .photo{
width:80px;
float:left;
margin:0 10px 0 0;
}

#faq .faqContents1{
width:226px;
background:url(../images/top/p_faq1.jpg) no-repeat 0 0;
}

#faq .faqContents2{
width:226px;
background:url(../images/top/p_faq2.jpg) no-repeat 0 0;
}

#faq .faqContents3{
width:226px;
background:url(../images/top/p_faq3.jpg) no-repeat 0 0;
}

#faq .faqContents4{
width:226px;
background:url(../images/top/p_faq4.jpg) no-repeat 0 0;
}

#faq h4.faq1{
background:url(../images/top/tit_faq1.gif) no-repeat 0 0;
width:95px;
height:11px;
margin:0 0 5px 90px;
}

#faq h4.faq2{
background:url(../images/top/tit_faq2.gif) no-repeat 0 0;
width:95px;
height:12px;
margin:0 0 5px 90px;
}

#faq h4.faq3{
background:url(../images/top/tit_faq3.gif) no-repeat 0 0;
width:95px;
height:11px;
margin:0 0 5px 90px;
}

#faq h4.faq4{
background:url(../images/top/tit_faq4.gif) no-repeat 0 0;
width:95px;
height:12px;
margin:0 0 3px 90px;
}

#faq ul{
margin:0 0 0 90px;
padding:0;
list-style-type:none;
}

#faq li{
font-size:10px;
background:url(../images/top/list_maker_faq.gif) no-repeat 0 6px;
padding-left:7px;
margin-bottom:1px;
_background:url(../images/top/list_maker_faq.gif) no-repeat 0 10px;
}

*+html #faq li{
font-size:10px;
line-height:140%;
background:url(../images/top/list_maker_faq.gif) no-repeat 0 8px;
padding-left:7px;
margin-bottom:1px;
}

.btn_detail{
margin:5px 0 8px 90px;
_margin:5px 0 0 90px;
}

*+html .btn_detail{
margin:5px 0 0 90px;
}


/*お客様からのお声----------------------*/
#voice{
margin-top:20px;
text-align:left;
}

#voice h3{
background:url(../images/top/title_voice.gif) no-repeat 8px 3px;
padding:3px 0 5px 0;
border:1px solid #CCC;
height:11px;
margin:0px 0 10px 0;
font-size:10px;
text-align:right;
font-weight:normal;
color:#CC3366;
}

#voice .text{
background:url(../images/top/p_voice.jpg) no-repeat 0 0;
}

#voice h3 span{
position:absolute;
left:-9999px;
}

#voice ul{
margin:0 0 0 110px;
padding:0;
list-style-type:none;
}

#voice li{
font-size:10px;
line-height:140%;
background:url(../images/top/list_maker_voice.gif) no-repeat 0 3px;
padding-left:15px;
margin-bottom:3px;
_background:url(../images/top/list_maker_voice.gif) no-repeat 0 5px;
}

*+html #voice li{
font-size:10px;
line-height:140%;
background:url(../images/top/list_maker_voice.gif) no-repeat 0 5px;
padding-left:15px;
margin-bottom:3px;
}

/*雑誌掲載商品----------------------------------*/
#magazine{
width:295px;
margin:0 auto;
text-align:left;
font-size:0.68em;
line-height:148%;
}

#magazine h3{
background:url(../images/top/title_magazine.gif) no-repeat 0 0;
width:71px;
height:13px;
margin:0px 0 7px 0;
}

#magazine h3 span{
position:absolute;
left:-9999px;
}

#magazine .each{
background-color:#FFF;
padding:4px 4px 0 0;
}

#magazine .photo{
float:left;
margin:0 3px 4px 4px;
}

#magazine p {
margin-top:20px;
}

/*バナー------------------------------*/
#banners{
margin:20px auto 0 auto;
width:295px;
text-align:left;
}

#banners img{
margin-bottom:7px;
}


/*右側コンテンツ--------------*/

#conteRight{
width:220px;
float:right;
}

#bridalRight{
width:220px;
float:right;
text-align:left;
background-color:#F9EAEF;
text-align:center;
padding:10px 0;
}

#bridalRight h4{
width:204px;
margin:0 auto 10px auto;
}

#bridalRight h4.rPopular{
background:url(../images/r_m_tit_popular.gif) no-repeat 0 0;
height:19px;
font-size:12px;
text-indent:-9999px;
}


#bridalRight ul{
width:204px;
list-style-type:none;
margin:0 auto;
padding:0;
}

#bridalRight li{
text-align:left;
font-size:0.8em;
}

#bridalRight li span{
position:absolute;
left:-9999px;
}

#bridalRight li.popular1{
background:url(../images/r_m_engage.gif) no-repeat 0 0;
height:44px;
margin-bottom:8px;
}

#bridalRight li.popular1 a:hover{
background:url(../images/r_m_engage.gif) no-repeat -204px 0;
height:44px;
}

#bridalRight li.popular1on{
background:url(../images/r_m_engage.gif) no-repeat -204px 0;
height:44px;
margin-bottom:8px;
}


#bridalRight li.popular1 a, #bridalRight li.popular2 a, #bridalRight li.popular3 a, #bridalRight li.popular1on a, #bridalRight li.popular2on a, #bridalRight li.popular3on a{
display:block;
width:204px;
height:44px;
}


#bridalRight li.popular2{
background:url(../images/r_m_marriage.gif) no-repeat 0 0;
height:44px;
margin-bottom:8px;
}

#bridalRight li.popular2 a:hover{
background:url(../images/r_m_marriage.gif) no-repeat -204px 0;
height:44px;
}

#bridalRight li.popular2on{
background:url(../images/r_m_marriage.gif) no-repeat -204px 0;
height:44px;
margin-bottom:8px;
}

#bridalRight li.popular3{
background:url(../images/r_m_setrings.gif) no-repeat 0 0;
height:44px;
}

#bridalRight li.popular3 a:hover{
background:url(../images/r_m_setrings.gif) no-repeat -204px 0;
height:44px;
}

#bridalRight li.popular3on{
background:url(../images/r_m_setrings.gif) no-repeat -204px 0;
height:44px;
}


#bridalRight h4.rStyle{
background:url(../images/r_m_tit_style.gif) no-repeat 0 0;
height:19px;
font-size:12px;
text-indent:-9999px;
margin-top:8px;
}


#bridalRight ul.style{
background:url(../images/r_m_dotline.gif) repeat-x left bottom;
width:204px;
padding-bottom:10px;
}


#bridalRight li.select{
background:url(../images/r_m_select.gif) no-repeat 0 0;
height:44px;
margin-bottom:8px;
}

#bridalRight li.select a:hover{
background:url(../images/r_m_select.gif) no-repeat -204px 0;
height:44px;
}

#bridalRight li.selectOn{
background:url(../images/r_m_select.gif) no-repeat -204px 0;
height:44px;
margin-bottom:8px;
}

#bridalRight li.select a, #bridalRight li.star a, #bridalRight li.secret a, #bridalRight li.selectOn a, #bridalRight li.starOn a, #bridalRight li.secretOn a{
display:block;
width:204px;
height:44px;
}

#bridalRight li.star{
background:url(../images/r_m_star.gif) no-repeat 0 0;
height:44px;
margin-bottom:8px;
}

#bridalRight li.star a:hover{
background:url(../images/r_m_star.gif) no-repeat -204px 0;
height:44px;
}

#bridalRight li.starOn{
background:url(../images/r_m_star.gif) no-repeat -204px 0;
height:44px;
margin-bottom:8px;
}

#bridalRight li.secret{
background:url(../images/r_m_secret.gif) no-repeat 0 0;
height:44px;
}

#bridalRight li.secret a:hover{
background:url(../images/r_m_secret.gif) no-repeat -204px 0;
height:44px;
}

#bridalRight li.secretOn{
background:url(../images/r_m_secret.gif) no-repeat -204px 0;
height:44px;
}


#bridalRight ul.otherContents{
background:url(../images/r_m_dotline.gif) repeat-x left bottom;
width:204px;
padding-bottom:2px;
margin:10px auto 0 auto;
}

#bridalRight ul.otherContents li{
background:url(../images/r_m_marker.gif) no-repeat 0 5px;
padding-left:12px;
margin-bottom:8px;
}

.banners{
margin:2px auto 2px auto;
}

.banners img{
margin-top:10px;
}


/*左側コンテンツ共通--------------*/

#bridalLeft{
width:580px;
float:left;
text-align:left;
}

#bridalLeft .title{
background:url(../images/title_dotline.gif) no-repeat left bottom;
width:580px;
padding-bottom:5px;
margin:20px 0 20px 0;
}

#bridalLeft p{
font-size:0.8em;
line-height:160%;
margin:0 0 30px 0;
}

.toprRightBunners{
margin:3px 0 10px 0;
}