@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
body { background:url(../images/bg001.jpg) repeat-x 0 0 #FEEDF4;}

/*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/

img{ vertical-align:bottom;}


/*基本の設定*/
dt{ font-weight:bold;}
dd{ padding:0;}
ul,li{ margin:0; padding:0; text-indent:0;}



/*リンク色*/

/**/
.main{ width:930px; margin:0 auto;}
.top{ height:514px; background:url(../images/top_bg.jpg) no-repeat 0 0; position:relative;}
.content{ background:url(../images/main_bg.jpg) 0 0 repeat-y;}
.section{ padding:0 15px 0 15px;}

#fotter{ background:url(../images/main_bottom.jpg) no-repeat 0 0 #FEEDF4; position:relative;}
#foot_menu{ width:890px; padding:15px 20px 15px 20px; text-align:right;}
#foot_menu li{ display:inline; border-right:1px solid #CCC; font-size:11px; padding:0 5px;}
#foot_menu li a:link{ color:#666; text-decoration:underline;}
#foot_menu li a:visited{ color:#666; text-decoration:underline;}
#foot_menu li a:hover{ color:#333; text-decoration:underline;}

address{ font-size:11px; text-align:center; padding:5px 0 15px 0; color:#666; }


/*ヘッダ*/
h1{ position:absolute; top:15px; left:23px; font-size:12px; color:#666; }
#no1{ width:474px; height:108px; position:absolute; top:189px; left:73px;}
#top_btn{ width:480px; height:160px; position:absolute; top:354px; left:450px;}

/*ナビゲーション*/
#navigation{ padding:0 0 0 15px;}
#navigation li{ display:inline;}
/*#bg002{ width:100%; background:url(../images/bg002.jpg) repeat-x 0 0;}
*/
#menu{ width:29px; height:90px; position:absolute; top:500px; right:0}

/*コンテンツ*/
.box001{ padding-top:5px; width:480px; float:left;}
.box001 h3{ font-size:24px; line-height:130%; padding:0 0 15px 25px; color:#B80C4B;}

.box001 p{ font-size:12px; line-height:125%; padding:0 0 15px 25px; color:#666;}
#ball{ width:300px; float:right; padding-top:10px; padding-right:65px;}
.momoeri{ position:relative; width:900px; clear:both; background:url(../images/momoeri.jpg) no-repeat 0 100%;
  min-height:505px;
  height: auto !important;
  height: 505px;
}
#voice{ width:548px; position:absolute; left:329px; background:url(../images/voice_middle.png) 0 0 repeat-y;}
#voice p{ font-size:12px; color:#333; padding:0 25px 20px 25px; line-height:140%;}
#voice h3{ font-size:18px; color:#B80C4D; padding:0 25px 20px 25px; line-height:110%;}
#voice_list{ width:220px; float:right; padding:0 25px 15px 25px;}

#survey_text{ width:430px; padding:25px 25px 0 0; float:right;}
#survey_text p{ padding:0 0 25px 0; font-size:12px; line-height:150%; color:#333;}
#surver_002{ padding:0 0 0 20px;}
#surver_002 p{ padding-top:15px; font-size:12px; line-height:150%; color:#333;}

#middle_btn{ padding-top:15px; width:100%; background:url(../images/btn_buy_bg.jpg) repeat-x 0 15px; clear:both;}
#middle_btn_inner{ width:930px; margin:0 auto;}

.cap{ font-size:13px; color:#505050; text-align:right; border-right: 3px solid #CCC; line-height:2em; padding-right:10px; margin-right:10px;}

#taste{ border-collapse:collapse; margin-left:30px;}
#taste td{ vertical-align:top; width:430px; padding-bottom:25px;}

.tobuy{ text-align:right; margin-right:25px;}

#explain{ text-align:left; background:url(../images/taste_middle.jpg) repeat-y 0 20px; width:420px;}
#explain p{font-size:12px; color:#5E5E5E; line-height:135%; padding:0 20px 0 20px;}

#test_group{ padding:0 0 0 29px;}
.test_voice{ float:left; margin-right:16px;}
.test_voice p{font-size:12px; color:#333; line-height:135%; padding:0 0 15px 0;}
.name{ font-size:11px !important; color:#666 !important; text-align:right;}

#faq{ width:842px; padding:0 0 0 29px;}
#faq dt{ padding-top:15px;}
#faq dd{ padding:0 21px 15px 21px; font-size:14px; color:#666; line-height:1.5em; width:798px; border-left:1px solid #FC6; border-right:1px solid #FC6; border-bottom:1px solid #FC6;
  border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

#product_box{ padding:0 0 0 20px;}
.product{ width:420px; float:left; padding-right:20px; margin-bottom:20px;}
.product h4{ background:url(../images/lineup_dot.gif) no-repeat 0 0; color:#B80C4D; padding:0 0 5px 10px;}
.product h4 a{ display:block;}
.product h4 a:link{ color:#B80C4D; text-decoration:none;}
.product h4 a:visited{ color:#B80C4D; text-decoration:none;}
.product h4 a:hover{ color:#B80C4D; text-decoration:underline; background:none;}


.product p{ font-size:11px; color:#666; padding-bottom:18px}
.product ul{ padding-top:5px; padding-bottom:18px;}
.product li{ font-size:12px; color:#333;}
.product_inner{ padding:5px; border:1px solid #CCC;
  min-height:114px;
  height: auto !important;
  height: 114px;
}

.bl-hover { border:1px solid #B80C4D;}
.bl-hover a:link{}
.bl-hover a:visited{}

.pro_img{ float:left; padding-right:15px;}
.price{ font-weight:bold; color:#F00;}
.tocart{ padding:0 !important; text-align:right;}


.box001 strong{ font-weight:bold; color:#F3518E;}
#survey_text strong,#explain strong{ font-weight:bold; color:#A60D34;}

.test_voice{ width:248px; padding:20px 11px 0 11px;}
.pink{ background:#FEEDF4;}
.gray{ background:#EFEFEF;}


/*privacy*/
#privacy h3{ font-size:16px; font-weight:bold; color:#333; }
#privacy p{ font-size:14px;}

#chandan{ width:180px; height:38px; position:absolute; bottom:3px; right:20px;}



/*以下EC-CUBE用*/

body#ec{ background-color:#FEEDF4;}
div#container{ width:884px !important;}
#undercolumn{ width:700px !important; padding-left:18px;}
#ec-wrap{ width:930px; margin:0 auto; background:url(../images/main_bg.jpg) repeat-y 0 0; position:relative;}

#shop_navi{ position:absolute; top:15px; right:10px; z-index:9999;}
#shop_navi li{ display:inline;}

#detail_note h4{ font-size:20px; line-height:130%; padding:15px 0 15px 0; color:#B80C4B;}
#detail_note p{ padding-bottom:10px;}
#detail_note strong{font-weight:bold; color:#F3518E;}
#detail_note{ border-bottom:1px dotted #CCC;}

.tblareabtn img{ vertical-align:top;}
