@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

 Site URL:       http://
 File name:      comodity.css
   
----------------------------------------------------------- */

/* ----------------------------------------------------------------------
	index
---------------------------------------------------------------------- */

.commodity p.number {
	background: url(../../img/products/pager_bg.gif) repeat-x left top;
	font-size: 108%;
	padding: 10px;
	margin-bottom: 20px;
}
.commodity p.number b { color: #F00; }
.panList {
	padding-top: 10px;
}
.commodity ul.detail { margin-bottom: 50px; }
.detail li {
float: left;
font-size: 100%;
padding: 0 0 0 12px;
margin-right: 25px;
margin-bottom: 10px;
background-image: url(../img/products/icon_a_g.gif);
background-repeat: no-repeat;
background-position: left center;
}

.commodityBox {
	padding: 0 0 27px 6px;
	margin-bottom: 30px;
	border-bottom: dotted 1px #BBB;
}

#commodityBoxBtm {
	margin-bottom: -10px;
	border-bottom: none;
}

.commodityBox .itemBox {
	float: left;
	width: 294px;
}

.commodityBox .itemL { margin-right: 35px; }

.commodityBox .itemBox p.photo{
	float: left;
	margin-right: 10px;
}

.commodityBox .itemBox div {
	float: left;
	width: 194px;
	padding-top: 5px;
}

.commodityBox .itemBox div h4 {
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 10px;
	
}
.commodityBox .itemBox div p {
	font-size: 90%;
	margin-bottom: 10px;
}

.commodityBox .itemBox div p span {
	color: #C00;
	font-size: 140%;
	font-weight: bold;
}

.commodityBox .itemBox div p.btn {
	text-align: right;
	margin-bottom: 4px;
}
.commodityBox .itemBox .itemBoxBtn {
	clear: both;
	width: 295px;
}

.commodityBox .itemBox .itemBoxBtnA {
	float: left;
}
.commodityBox .itemBox .itemBoxBtnB {
	float: right;
}
.commodityBox .itemBox .itemBoxBtnC {
	float: left;
	padding-top: 15px;
	margin-left: 20px;
}
.commodityBox .itemBox .itemBoxBtnD {
	float: right;
}
.catBnr {
	padding-top: 10px;
}
.catBnr li {
	margin-bottom: 25px;
}


/* ----------------------------------------------------------------------
	commodity / detail
---------------------------------------------------------------------- */

.commodity .detail h3 {
	font-size: 123.1%;
	font-weight: bold;
	padding: 8px 10px;
}

.commodity .detail h4 {
	clear: both;
	background: url(../img/sttl_01_bg.gif) 0 0 no-repeat;
	color: #E5280E;
	font-size: 115%;
	font-weight: bold;
	padding: 2px 0 3px 10px;
	margin-bottom: 20px;
	border-bottom: solid 1px #E4E4E4;
}

.commodity .detail h5 {
	margin-bottom: 10px;
}

.commodity .detail dl.pic {
	float: left;
	width: 240px;
}

.commodity .detail dl.pic dt {
	font-size: 0;
	line-height: 0;
	margin-bottom: 10px;
}

.commodity .detail dl.pic dd {
	background: url(../img/icon_a_g.gif) 0 3px no-repeat;
	font-size: 90%;
	padding: 0 0 0 13px;
	margin-left: 60px;
}

.commodity .detail .detailBox {
	float: left;
	width: 470px;
}

.commodity .detail .detailBox dl {
	font-size: 108%;
	line-height: 1.5;
	padding: 0 0 5px;
	margin-bottom: 10px;
	border-bottom: dotted 1px #BBB;
}

.commodity .detail .detailBox dl.quantity { border-bottom: none; }

.commodity .detail .detailBox dl dt {
	width: 135px;
	font-weight: bold;
}

.commodity .detail .detailBox dl dd {
	margin: -1.5em 0 0 140px;
}

.commodity .detail .detailBox dl dd .icon {
	margin: -1.5em 0 0 130px;
	text-align:right;
}

.commodity .detail .detailBox dl.quantity dd input {
	width: 40px;
	margin-right: 20px;
}
.commodity .detail .detailBox dl.quantity dd img { vertical-align: middle; }

.commodity .detail .exposition { margin-bottom: 15px; }

.commodity .detail .exposition p {
	font-size: 90%;
	line-height: 1.5;
	padding: 0 0 10px 3px;
}

.commodity .detail .comment {
	padding: 0 10px 0 0;
	margin-bottom: 10px;
}
.commodity .detail .comment p { font-size: 90%; }
.commodity .detail .comment p a { margin-right: 25px; }

.commodity .detail dl.commentBox {
	background: #F8F8F3;
	font-size: 90%;
	padding: 12px 15px 20px;
	margin-bottom: 15px;
	border: solid 1px #D2D2D2;
}

.commodity .detail dl.commentBox dt {
	color: #63A51B;
	font-weight: bold;
	margin-bottom: 10px;
}

.commodity .detail .voice {
	font-size: 90%;
	padding: 10px 0 10px;
}

/* -- 201311 -- */
.itemList {
width: 710px;
margin-bottom: 30px;
border-bottom: 1px #CCCCCC dotted;
}
.itemList table,
.itemList tr,
.itemList td {
border: none!important;
text-align: center!important;
}
.itemListPh {
border: 1px #EEEEEE solid;
}
.itemListImg {
width: 140px;
float: left;
}
.itemListImg td {
text-align: center;
}
.itemListInfo {
width: 530px;
float: right;
}
.itemListInfoTit {
font-size: 14px;
margin-bottom: 15px;
}
.itemListInfoSub {
margin-bottom: 15px;
}
.itemListInfoPri {
width: 510px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
margin-bottom: 20px;
border: 1px #CCCCCC dotted;
}
.itemListInfoPri table {
margin-bottom: 0px!important;
}	
.itemListInfoPriTab {
width:500px;
margin-right: auto;
margin-left: auto;
}
.itemPrice {
font-size: 16px;
color: #E5280E;
font-weight: bold;
}
.itemListInfoPri td {
padding: 0!important;
}
.itemListInfoBtn {
width: 522px;
text-align: right;
}
.itemListInfoBtn img {
margin-left: 15px;
}


/* -- end -- */

/* ↓20131126定期購入商品一覧 */
.prdcTkList {
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #bbb;
margin-bottom: 30px;
}
.prdcTkList li {
padding-top: 25px;
padding-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #bbb;
padding-right: 4px;
padding-left: 8px;
}
.prdcTkPh {
float: left;
width: 130px;
}
.prdcTkPh div {
margin-bottom: 15px;
}
.prdcTkPh p {
text-align: center;
}
.prdcTkInfo {
float: right;
width: 544px;
}
.prdcTkTit {
font-size: 108%;
margin-bottom: 8px;
}
.prdcTkTxt {
font-size: 93%;
margin-bottom: 10px;
}
#contents .prdcTkPrice {
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #aaa;
border-right-color: #aaa;
border-bottom-color: #aaa;
border-left-color: #aaa;
border-width: 1px;
width: 100%;
margin-bottom: 15px;
}
#contents .prdcTkPrice tr td {
border-right-style: none;
border-bottom-style: none;
font-size: 93%;
vertical-align: middle;
}
#contents .prdcTkPrice tr td span {
font-size: 125%;
color: #E5280E;
}
#contents .prdcTkOrder {
margin-left: auto;
border-top-style: none;
border-left-style: none;
margin-bottom: 0;
}
#contents .prdcTkOrder td {
padding: 0;
border-right-style: none;
border-bottom-style: none;
}
#contents .prdcTkOrder td.prdcTkSelect {
padding-top: 8px;
padding-right: 17px;
}
#contents .prdcTkOrder td img {
margin-bottom: 10px;
}

/* -- 20131204 -- */
.proDetImg {
width: 240px;
float: left;
text-align: center;
padding-top: 20px;
}
.proDetImgPh {
margin-bottom: 10px;
}
.proDetBtn {
width: 450px;
}
.proDetBtn,
.proDetBtn tr,
.proDetBtn td {
border: none !important;
}
.proDetBtn tr,
.proDetBtn td {
vertical-align: middle !important;
}
.proDetBtn .proDetLine {
border-bottom: 1px #CCCCCC dotted!important;
}
.proDetBtnTit {
font-weight: bold;
font-size: 116%;
}
.proDetCot {
font-weight: bold;
font-size: 131%;
color: #E5260C;
}
.proDetCol01 {
font-weight: bold;
color: #E5260C;
}
.subtext {
margin-bottom: 20px;
}
.proDetBtnInp input {
width: 60px;
padding: 5px;
}
.whoboughtblock {
text-align: center;
}
.whoboughtleft {
width: 150px;
float: left;
padding-right: 25px;
}
.whoboughtblock img {
margin-bottom: 15px;
}
.whoboughtblock h3 {
text-align: left;
font-size: 100%!important;
border-top: 1px dotted #BBBBBB;
padding: 15px 0 0 0 !important;
}
.whoboughtblock p {
text-align: left;
}
.whoboughtBtn {
padding-top: 10px;
margin-bottom: 10px;
}
.price {
font-size: 123.1%;
font-weight: bold;
color: #e5280e;
}

/* -- 20131206 カテゴリー -- */
.catHonPurTxt {
width: 290px;
line-height: 1.6;
}

/* product id="11" 果汁蜜 */
.prdcFruitBtn {
margin-left: 25px;
margin-right: -55px;
width: 714px;
}
.prdcFruitBtn li {
float: left;
margin-right: 55px;
width: 183px;
margin-bottom: 40px;
}

/* products id="57" スイーツ */
.prdcSweetsList {
margin-left: 10px;
width: 711px;
margin-right: -10px;
margin-bottom: 10px;
}
.prdcSweetsList li {
float: left;
width: 217px;
margin-right: 20px;
margin-bottom: 20px;
}

/* products id="29" 十七雑穀米 */
.prdcTxtCtrl {
float: right;
width: 430px;
font-size: 108%;
line-height: 1.5em;
}

/* products id="12" 健やか恵美茶 */
.prdcEmiMainImg {
float: left;
padding-left: 30px;
margin-bottom: 27px;
}
.prdcEmiDescription {
font-size: 108%;
margin-bottom: 27px;
width: 420px;
float: right;
line-height: 1.5em;
}
.prdcEmiMaterial {
margin-left: 30px;
width: 693px;
margin-right: -43px;
}
.prdcEmiMaterial li {
float: left;
margin-right: 43px;
margin-bottom: 20px;
width: 188px;
}

/* products id="67" いもの葉青汁 */
.prdcImonohaTxtCtrl {
float: right;
width: 470px;
line-height: 1.5em;
}

/* products id="10" 漬け蜜 */
.prdcSoaksList {
margin-left: 30px;
width: 700px;
margin-right: -30px;
}
.prdcSoaksList li {
width: 300px;
float: left;
margin-bottom: 70px;
margin-right: 50px;
}
.prdcSoaksList li div {
margin-bottom: 5px;
}
.prdcSoaksList li p {
line-height: 140%;
}

/* products id="6" プロポリス */
.prdcPropList {
margin-left: 10px;
margin-bottom: 43px;
}
.prdcPropList li {
float: left;
margin-right: 10px;
}

/* products id="55" 健やか応援食品 */
.prdcSkoenImg {
margin-bottom: 25px;
}

/* products id="15" ギフトセット */
div#contents .prdcGift h3 {
margin-bottom: 0;
}
.prdcGiftBg {
background-image: url(../img/products/15/frame_bg.gif);
background-repeat: repeat-y;
padding-bottom: 16px;
}
.prdcGiftMtit {
width: 620px;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
padding-top: 10px;
}
.prdcGiftCtrl {
width: 620px;
margin-left: auto;
margin-right: auto;
}
.prdcGiftTxtCtrl {
width: 460px;
float: left;
}
.prdcGiftBg .prdcGiftTxtCtrl p {
width: auto;
}
.prdcGiftImg01 {
float: right;
}
.prdcGiftBg p {
width: 620px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
line-height: 1.6em;
}
.prdcGiftBg p.prdcGiftCatch {
width: auto;
margin-bottom: 0;
}
.prdcGiftStit {
width: 620px;
margin-left: auto;
margin-right: auto;
margin-bottom: 7px;
}
.prdcGiftImg {
text-align: center;
margin-bottom: 30px;
}
.prdcGiftRoundCap {
margin-bottom: 40px;
}

/* products id="2" ローヤルゼリー */
.prdcRoyalList {
width: 705px;
margin-left: 10px;
margin-right: -5px;
margin-bottom: 43px;
}
.prdcRoyalList li {
float: left;
margin-right: 15px;
}

/* products id="14" 酒類 */
.prdcSakeTxtCtrl {
float: right;
width: 460px;
font-size: 108%;
line-height: 1.5em;
}
.prdcSakeTxtCtrl p span {
color: #B81F1F;
}
/* products id="52" はちみつ入り化粧品 */
.prdcCosmeMenu {
margin-bottom: 40px;
}
.prdcCosmeMenu li {
float: left;
}

.prdcCosmeApiTxt01 {
width: 650px;
margin-right: auto;
margin-left: auto;
line-height: 1.6;
font-size: 108%;
}
.prdcCosmeApiImg01 {
text-align: center;
}
.prdcCosmeApiTxt02 {
width: 290px;
float: left;
padding-left: 30px;
line-height: 1.6;
font-size: 108%;
}
.prdcCosmeApiImg02 {
float: right;
padding-right: 30px;
}
.prdcCosmeApiItem {
width: 710px;
margin-bottom: 30px;
}
.prdcCosmeApiItem li {
float: left;
}
.prdcCosmeApiFbtn {
text-align: right;
margin-bottom: 30px;
}
.prdcCosmeApiFbtn img {
padding-left: 20px;
}

/* はちみつ入り化粧品　下層 */
.prdcCosUndLis {
width: 710px;
margin-bottom: 30px;
}
.prdcCosUndLis li {
width: 190px;
float: left;
padding-left: 35px;
}
.prdcCosUndLis li p {
font-size: 93%;
line-height: 1.6;
}
.prdcCosUndTxt {
font-size: 93%;
line-height: 1.6;
margin-bottom: 30px;
}