@charset "UTF-8";
/* CSS Document */
/*STYLEトップ----------------*/
#fashionMainImage{
clear:both;
margin-bottom:20px;
background:url(../images/fashion_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;
}

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

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

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


#popular .aperitif a, #popular .asian a, #popular .cafe a{
display:block;
width:230px;
height:115px;
}

#popular .aperitif span, #popular .asian span, #popular .cafe 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;
}


/*FASHION STYLE----------------------*/
#fashionStyle{
width:490px;
text-align:left;
}

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


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

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

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

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

/*よくある質問----------------------*/
#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;
}

#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:10px;
line-height:145%;
}

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

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

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


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

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

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

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


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

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

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

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

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

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


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


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

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

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

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

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

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


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


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


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

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

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

#fashionRight li.anniversary a, #fashionRight li.anniversaryOn a{
display:block;
width:204px;
height:44px;
}



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

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


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

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

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

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