@charset "UTF-8";
/* デフォルトCSS */

html {
	/* background:transparent url(/shared/img/bg_main.gif) repeat scroll left center; */
	background:#F8F5ED;
	}


body{
	margin: 0;
	padding: 0;
	color:#000000;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,th,td{
	font-size:1em;
	margin:0;
	padding:0;
	}
img {
	border: none;
	}

/* リンク用カラー */
a:link   { text-decoration: none }
a:visited  { text-decoration: none }
a:active   { text-decoration: none }
a:hover   { color: #f00; text-decoration: underline }

/* 下付き文字 */
sub {
	font-size:0.75em;
	vertical-align:baseline;}

/* 共用クラス */
.clear {clear: both;}
.hdn {display:none;}

/* clear FIX */
.pkg:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.pkg{display:inline-table;zoom:1;}
/* ¥*/
* html .pkg{height:1%;}
.pkg{display:block;}
/* */


#Wrap {}
#WrapInner {}

#Header{
	width:858px;
	margin:0 auto;
	background:url(/shared/img/bg_cntr-noborder.gif) repeat-y left top;
	}

#HeaderInner {
	padding:15px 0 5px 15px;
	position:relative;
	/* border-left:solid 1px #625A5A; */
	
	/* 季節のイラスト */
	background:url(/shared/kisetu-img/bg_kisetu.gif) no-repeat 170px 35px;
	/* 季節のイラスト */
	}
	




#GHLogo{}
#GCopy{	display:none; }

#OrderInfo{
	position:absolute;
	_top:30px;
	bottom:12px;
	left:300px;
	_left:280px;
	float:right;
	margin:7px 7px 0 0;
	font-size:0.8em;
	}

#OrderInfo p{
	text-align:right;
	font-size:0.9em;
	font-weight:bold;
	color:#F00;
}

#OrderInfo ul{
list-style:none;
}

#OrderInfo li{
	display: inline;
	font-weight:bold;
	color:#5A3D1B;
	padding:0 8px 0 8px;
	border-left:solid 3px #5A3D1B;
	}
	
#OrderInfo li a{ color:#5A3D1B; }

#HdTelInfo{
	position:absolute;
	_top:5px;
	bottom:5px;
	right:27px;
	color:#2A1205;
	font-size:0.75em;
	text-align:right;
}	

#Gnavi {
	height:53px;
	overflow:hidden;	
	clear:both;
	}

#GnaviInner{
	width:858px;
	margin:0 auto;
	}

#Gnavi li{
	height:53px;
	float:left;
	list-style:none;
	text-indent:-5000em;
	}

#Gnavi li a{
	height:100%;
	display:block;
	background-repeat:no-repeat;
	}
	
#Gnavi li a:hover{
background-position:0 -53px;
}

#GnInfo a{
	width:173px;
	background:url(/shared/img/gnav_info.gif);
	}
#GnKodawari a{
	width:174px;
	background:url(/shared/img/gnav_kodawari.gif);
	}
#GnKnow a{
	width:140px;
	background:url(/shared/img/gnav_know.gif);
	}
#GnCampaign a{
	width:134px;
	background:url(/shared/img/gnav_campaign.gif);
	}
#GnBasket a{
	width:237px;
	background:url(/shared/img/gnav_cage.gif);
	}

/* body#Pinformation #GnInfo a{
background-position:0 -53px;
} */

/* /Header関連 */

/* mainimg pagebody内 */
#Mainimg{
	width:848px;
	margin:6px auto 2px auto;
}

#PageBody{
	clear:both;
	width:858px;
	margin:0 auto;
	padding:18px 0 0 0;
	background:#FFF url(/shared/img/bg_top.gif) no-repeat left top;
	}

#PageBodyInner {
	background:url(/shared/img/bg_btm.gif) no-repeat left bottom;
	padding:0 0 18px 0;
	}
	
#PageBodyCntr{
	background:url(/shared/img/bg_cntr.gif) repeat-y left top;
	padding:0px 25px;
}

.pan{ background:#FFF; }

#Pan{
padding:0 0 10px 0;
font-size:10px;
}

	
	
/* Footer関連 */
#Footer{
	clear:both;
	background:#FFF url(/shared/img/bg_cntr-noborder.gif) repeat-y left top;
	padding:30px 0;
	}
#FooterInner{ padding:0 4px 0 6px; }

#FootNavi{
	border-top:solid 1px #DBD3CB;
	border-bottom:solid 1px #DBD3CB;
	margin:0 0 15px 0;
	padding:5px 0;
}

#FNvleft{
	width:420px;
	float:left;
	padding-left:9px;
}
#FNvleft li{
float:left;
background:url(/shared/img/bg_yazi-brown.gif) no-repeat left;
padding:0 0 0 13px;
margin:0 0 0 10px;
text-align:left;
font-size:0.88em;
_font-size:0.8em;
}

#FNvright{
	width:400px;
	float:right;
	padding-right:15px;
}
#FNvright li{
float:right;
background:url(/shared/img/bg_yazi-brown.gif) no-repeat left;
padding:0 0 0 13px;
margin:0 0 0 10px;
text-align:left;
font-size:0.8em;
}


#FNvleft ul ,#FNvright ul{
list-style:none;
}
#FNvleft li a ,#FNvright li a{
	color:#5A5A5A;
	text-decoration:none;
}
#FNvleft li a:hover ,#FNvright li a:hover{
color:#C97740; }

#Rights{
width:372px;
float:left;
padding-left:10px;
}
#Impressive{ padding:3px 0 10px 0; }
#Produce{
margin:0px 0 0 5px;
color:#999999;
display:block;
font-size:10px;
text-align:right;
}

#GS{
width:auto;
margin:0;
padding-right:15px;
float:right;
}

#Footlogo{
float:right;
padding:10px 0 0 0;
font-size:10px;
line-height:1.2em;
text-align:right;
}
#gslogo{
float:left;
margin:0 10px 0 0;
}
#Members { color:#AAAAAA; padding:3px 0; }


/* MainClm SubClm関連 */
/* 1 colomn Css */
body.OneClm #PageBodyInner {}
body.OneClm #PageBodyCntr{
	background:url(/shared/img/bg_cntr-noborder.gif) repeat-y left top;
}
body.OneClm #MainClm {
	width:564px;
	margin:0 auto;
	float:none;
}

/* 2 colomn Css */

body.TwoClm {}
body.TwoClm #MainClm {
	width:564px;
	float:right;
}
body.TwoClm #MainClmInner {}

body.TwoClm #SubClm {
	width:231px;
	float:left;
}
body.TwoClm #SubClmInner {
	background:url(/shared/img/bg_side-cntr.gif) repeat-y;
}
body.TwoClm #SubClmInner h3{ margin:15px 0 0 0; }
body.TwoClm #SubClm li{
	list-style:none;
	margin:0;
	}

/*.sidetxtarea{ padding:0 28px 0 0; margin-top:15px; }*/
.sidetxtarea{ padding:0 30px 0 0; /* margin-top:15px; */ }

.side-sttl{
	background:#E7E8D7;
	border-bottom:solid 1px #D8D7C7;
	color:#80807E;
	padding:0 0 0 8px;
}
#SubTitleTop{ margin:0 !important; }

.sublist{}
.sublist li{
	line-height:1.2em;
	vertical-align:baseline;
	border-left:solid 1px #D8D7C7;
	border-right:solid 1px #D8D7C7;
	border-bottom:solid 1px #D6D2CB;
}

.sublist li a{
	height:100%;
	display:block;
	color:#2A1205;
	padding:12px 10px 0 8px;
	text-decoration:none;
}
.line1 a{
}
.sublist li a:hover ,.line1 a:hover{ /* background:#E8E1DC; */ color:#C97740; }


/* ▼商品ページ以外の商品サイドナビリスト */
body#Pteiki #Extract-Fast,
body#Ppay #Extract-Fast,
body#Porder #Extract-Fast,
body#Pseibun #Extract-Fast,
body#Pfaq #Extract-Fast,
body#Pshoppingguide #Extract-Fast,
body#Phistory #Extract-Fast,
body#Pmake #Extract-Fast,
body#Pmaterial #Extract-Fast,
body#Pdesire #Extract-Fast{
	margin-top:15px;
}
/*  */
/* ▼黒豆商品バナーと定期バナー関係 */
.kuromame-items{
	padding:20px 0 23px 0;
}

.teikibnr{
	/* padding:0 0 18px 0; */
}

.voicebnr{
	padding:18px 0 0 0;
}

.cambnr{
	padding:18px 0 0 0;
}

body#Pitemlist .kuromame-items,
body#Pitemlist .teikibnr,
body#Phokuhoku-kuromame .kuromame-items,
body#Phokuhoku-kuromame .teikibnr,
body#Pkuromame-box .kuromame-items,
body#Pkuromame-box .teikibnr,
body#Pyogurt .kuromame-items,
body#Pyogurt .teikibnr,
body#Pkankuro .kuromame-items,
body#Pkankuro .teikibnr{
	display:none;
}

/* ▲黒豆商品バナーと定期バナー関係 */
	

/* よくあるご質問・こだわり */
.sublist2 li{
	line-height:1.2em;
	vertical-align:baseline;
	border-bottom:solid 1px #D6D2CB;
}

.sublist2 li a{
	height:100%;
	display:block;
	color:#150102;
	padding:8px 10px 8px 12px;
	text-decoration:none;
	background:url(/shared/img/bg_snavi_faq.gif) left 18px no-repeat;
}
.sublist2 .line1 a{
	background:url(/shared/img/bg_snavi_faq.gif) left 14px no-repeat;
}

.sublist2 li a:hover ,.line1 a:hover{ /* background:#E8E1DC; */ color:#C97740; }



	
.kuromame ,.seibun{ background:url(/shared/img/snavi_kuromame.gif) no-repeat left center; }
.order{ background:url(/shared/img/snavi_cage.gif) no-repeat left center; }
.payment{ background:url(/shared/img/snavi_payment.gif) no-repeat left center; }
.teiki{ background:url(/shared/img/snavi_teiki.gif) no-repeat left center; }
.question{ background:url(/shared/img/snavi_question.gif) no-repeat left center; }

#ItemsBnr{ padding:67px 0 17px 0; }



/* デザイン共通クラス */
.pictL {
	float:left;
	margin:0 7px 7px 0;
	}

.pictR {
	float:right;
	margin:0 0 7px 7px;
	}

.hr{
clear:both;
width:100%;
height:50px;
background:url(/shared/img/bg_border.gif) no-repeat center center;
text-indent:-1000px;
}

.hr hr{
	display:none;
	}
	
.thispage-top{
	margin:10px 0 40px 0;
	text-align:right;
}

.subttl{
	color:#704F30;
	font-weight:bold;
	font-size:1.16em;
	margin-bottom:15px;
}

/* */
#PageBody  {
	font-size:0.8em;
	/* line-height:1.8em; */
	line-height:1.4em;
	}
/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0.1em;
}
/* IE 7 and MacIE*/
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac */
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
  clear: both;
}
.clearfix img {
  vertical-align: bottom;
}

/*お電話・FAXお問い合わせ関連*/
#contactArea{
	background:url(/faq/img/bg_faq_order.jpg) left top no-repeat;
	width: 565px;
	height:170px;
	overflow:hidden;
	position:relative;
	margin-top:120px;
}
#contactArea #sendMail{
	position:absolute;
	top:115px;
	left:33px;
}
#contactArea #orderFax{
	position:absolute;
	top:135px;
	left:369px;
}

.pageTop {
	text-align:right;
}

/* メンテナンス */

.maintenance{
	width:800px;
	background:#FFF;
	border:solid 2px red;
	margin:15px auto;
	padding:12px 15px;
}

.maintenance p{
	padding-bottom:8px;
	font-size:12px;
	font-weight:bold;
}