@charset "Shift_JIS";
/* CSS Document */

body{
-webkit-text-size-adjust: 100%;	
}

#contentsArea{
	width:100%;
	margin-bottom:0;
	padding-bottom:2em;
}
#Wrap{
	width:100%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ", Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.4;
	font-size:13px;
	color:#3F1000;
	margin-top:10px;
}
#p_header{
	width:100%;
	height:162px;
	background:url(../img/p_headerwrap_bg.jpg) repeat-x left top;
}
#p_header .innerWrap,
#root{
	width:950px;
	margin:0 auto;
}
#p_header .innerWrap .txt1{
	padding-top:7px;
	padding-bottom:27px;
	*padding-top:2px;
}
#p_header .innerWrap .leftBox{
	width:262px;
	float:left;
	padding-right:51px;
}
#p_header .innerWrap ul{
	width:637px;
	height:90px;
	float:left;
	background:url(../img/p_header_attention_bg.gif) no-repeat;
}
#p_header .innerWrap ul li{
	padding:9px 10px 0 47px;
	display:block;
	font-size:12px;
	text-indent:-1.2em;
	color:#000;
}
#p_header .innerWrap ul li a{
	text-decoration:underline;
	color:#3F1000;
}
#p_header .innerWrap ul li a:hover{
	text-decoration:none;
}

#pNavi{
	width:908px;
	margin:20px auto 0;
	padding:12px 20px;
	background:#FDFBF9;
	border:1px solid #FDBB80;
	border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	
}
#pNavi ul{
	width:908px;
	margin-right:-45px;
}
#pNavi ul li{
	float:left;
	margin:5px 18px 5px 0;
	display:block;
	white-space:nowrap;
	
}
#pNavi ul li a{
	color:#333;
	padding-left:18px;
	background:url(../img/pnavi_icon.gif) no-repeat left center;
	font-size:14px;
	text-decoration:none;
}
#pNavi ul li a:hover{
	text-decoration:underline;
}

#sectionWrap{
	width:950px;
	margin:0 auto;
}
#sectionWrap .hgroup{
	width:950px;
	height:47px;
	margin-top:60px;
	background:url(../img/section_ttl_bg.gif) no-repeat;
}
#sec1 .hgroup{
	margin-top:40px;
}
#sectionWrap .hgroup h2{
	font-size:20px;
	color:#FFF;
	padding-top:10px;
	padding-left:21px;
	float:left;
	font-weight:bold;
}
#sectionWrap .hgroup p{
	font-size:16px;
	color:#1cba44;
	padding-top:14px;
	float:right;
	font-weight:bold;
}
.guidetxt {
	padding: 7px 7px 0
}
.color-title1 {
	width:950px;
	height:36px;
	margin-top:15px;
	background:url(../img/ttl_choco_bg.gif) no-repeat;
}
.color-title2 {
	width:950px;
	height:36px;
	margin-top:40px;
	background:url(../img/ttl_banana_bg.gif) no-repeat;
}
.color-title3 {
	width:950px;
	height:36px;
	margin-top:40px;
	background:url(../img/ttl_cocoa_bg.gif) no-repeat;
}
.color-title4 {
	width:950px;
	height:36px;
	margin-top:40px;
	background:url(../img/ttl_caramel_bg.gif) no-repeat;
}
.color-title5 {
	width:950px;
	height:36px;
	margin-top:40px;
	background:url(../img/ttl_orange_bg.gif) no-repeat;
}
.color-title6 {
	width:950px;
	height:36px;
	margin-top:40px;
	background:url(../img/ttl_peach_bg.gif) no-repeat;
}
.color-title7 {
	width:950px;
	height:36px;
	margin-top:40px;
	background:url(../img/ttl_mint_bg.gif) no-repeat;
}
.color-title8 {
	width:950px;
	height:36px;
	margin-top:40px;
	background:url(../img/ttl_melon_bg.gif) no-repeat;
}
.color-title9 {
	width:950px;
	height:36px;
	margin-top:40px;
	background:url(../img/ttl_natural_bg.gif) no-repeat;
}
.color-title10 {
	width:950px;
	height:36px;
	margin-top:40px;
	background:url(../img/ttl_ocher_bg.gif) no-repeat;
}
.color-title11 {
	width:950px;
	height:36px;
	margin-top:40px;
	background:url(../img/ttl_beige_bg.gif) no-repeat;
}
.color-title1 p,
.color-title2 p,
.color-title3 p,
.color-title4 p,
.color-title5 p,
.color-title6 p,
.color-title7 p,
.color-title8 p,
.color-title9 p,
.color-title10 p,
.color-title11 p {
	font-size:16px;
	font-weight:bold;
	color:#FFF;
    padding-top:8px;
	padding-left:21px;
}
#sectionWrap .productWrap{
	margin-left:-10px;
	zoom:1;
}
#sectionWrap .productWrap li{
	width:182px;
	float:left;
	padding-left:10px;
	margin-top:24px;
}
#sectionWrap .productWrap li .productBox{
	width:178px;
	padding:1px;
	border:1px solid #CCC;
	position:relative;
}
#sectionWrap .productWrap li .productBox .icon{
	position:absolute;
	right:1px;
	top:1px;
	z-index:1;
}
#sectionWrap .productWrap li .productBox h3{
	width:164px;
	padding:12px 7px 8px;
	border-top:1px solid #CCC;
}
#sectionWrap .productWrap li .productBox h3 span,
#sec3 h4 span{
	color:#B20000;
}
#sectionWrap .productWrap li .productBox .code,
#sectionWrap .productWrap li .productBox .stock,
#sectionWrap .productWrap li .productBox .cntBox{
	width:164px;
	padding-left:7px;
	padding-right:7px;
}

#sectionWrap .code,
#sectionWrap .stock{
	font-size:11px;
	color:#555;
}
#sectionWrap .productWrap li .productBox .cntBox{
	background:url(../img/section_pricebox_bg.gif) repeat;
	padding-bottom:12px;
	margin-top:10px;
}
#sectionWrap .priceBox{
	font-size:12px;
	padding-top:12px;
	padding-bottom:4px;
	color:#D80000;
}
#sectionWrap .priceBox strong,
#sectionWrap .priceBox span{
	line-height:1;
}
#sectionWrap .priceBox strong{
	font-size:21px;
}
#sectionWrap .priceBox span{
	font-size:12px;
}
#sectionWrap .point{
	padding-left:17px;
	font-size:11px;
	background:url(../img/icon_point.gif) left center no-repeat;
	line-height:14px;
}
#sectionWrap .btnBox{
	padding-top:12px;
	text-align:center;
	position:relative;
	_zoom:1;
}

/* ------------------------#sec3------------------------ */

#sec3 .cntWrap{
	margin-top:24px;
}
#sec3 .cntWrap .leftBox{
	width:390px;
	height:300px;
	float:left;
	margin-right:24px;
}
#sec3 .cntWrap .rightBox{
	width:536px;
	float:left;
}
#sec3 .cntWrap .rightBox h3{
	font-size:18px;
	padding-bottom:3px;
	border-bottom:1px solid #D0A073;
	margin-bottom:20px;
}
#sec3 .cntWrap .rightBox h3 p{
	padding-left:14px;
	background:url(../img/sec3_icon1.gif) no-repeat left center;
}
#sec3 .cntWrap .rightBox ul{
	width:308px;
	float:left;
}
#sec3 .cntWrap .rightBox .cntBox{
	width:228px;
	float:left;
	padding-top:12px;
	background:url(../img/sec3_cntbox_bg_top.gif) no-repeat left top;
}
#sec3 .cntWrap .rightBox .cntBox .priceWrap{
	width:208px;
	padding:0 10px 12px;
	background:url(../img/sec3_cntbox_bg_m.gif) no-repeat left bottom;
}
#sec3 .cntWrap .rightBox .cntBox .priceWrap h4{
	padding-bottom:6px;
}
#sec3 .cntWrap .rightBox .cntBox .cnt1{
	color:#D80000;
	font-size:12px;
	padding-top:10px;
}

/* ------------------------popup------------------------ */

#sectionWrap .popup{
	width:130px;
	height:52px;
	padding:10px 10px 24px 8px;
	background:url(../../../img/cart/popup_bg.png) no-repeat;
	display:none;
	position:absolute;
	left:35px;
	bottom:44px;
	z-index:1;
}