@charset "UTF-8";

/*-----------------------------------------------*/
/* 商品一覧 */
/*-----------------------------------------------*/

#spList #mainContents h1 { position: relative; top: 0; left: 20px; margin: 10px 0 0 0; width: 690px; }
#spList #mainContents h2 { position: relative; top: 0; left: 20px; width: 690px; }
#spList #mainContents h3 { padding: 6px 0 0 0; text-align: center; }

/**/

.spListBox01 {
	position: relative; top: 0; left: 35px;
	width: 657px;
	background: url(../image/splist_fr01_mdl.gif) repeat-y;
}
.spListBox01Top {
	width: 657px; height: 20px;
	background: url(../image/splist_fr01_top.gif) no-repeat;
}
.spListBox01Btm {
	width: 657px; height: 20px;
	background: url(../image/splist_fr01_btm.gif) no-repeat left bottom;
}

/**/

.spListBox02_top {
	position: relative; top: 0; left: 23px;
	margin: 15px 0 0 0;
	width: 600px;
}

.spListBox02_topL { float: left; width: 335px; }
.spListBox02_topR { float: right; padding: 15px 0 0 0; width: 243px; text-align: center; }
.spListBox02_topL .roll { margin: 10px 0 0 0; width: 325px; text-align: right; }
.spListBox02_topL02 { float: left; width: 345px; }
.spListBox02_topR02 { float: right; padding: 15px 0 0 0; width: 231px; }
.spListBox02_topL02 .roll { margin: 10px 0 0 0; width: 325px; text-align: right; }

/**/

.spListBox02 {
	position: relative; top: 0; left: 23px;
	width: 611px;
}

.spListBox02L { float: left; width: 438px; }
.spListBox02R { float: right; width: 160px; text-align: right; }
.spListBox02R .m10 { text-align: center; }
.spListBox02R .m15 { text-align: center; }



/**/

.spListBox03 {
	width: 306px;
}

.spListBox03L { float: left; width: 148px; }
.spListBox03R { float: right; width: 148px; }

.splBtn01 { width: 148px; height: 37px; background: url(../navi-img/bt_bg01_on.gif) no-repeat; }
.splBtn01 a { display: block; width: 148px; height: 37px; background: url(../navi-img/bt_bg01.gif) no-repeat; color: #572c00; font-size: 16px; font-weight: bold; text-decoration: none; text-indent: 15px; line-height: 38px; }
.splBtn01 a:hover { background-image: none; }
.splBtn01 a.fsize12 { font-size: 12px; line-height: 40px; }

.splBtn02 { width: 170px; height: 37px; background: url(../navi-img/bt_bg02_on.gif) no-repeat; }
.splBtn02 a { display: block; width: 170px; height: 37px; background: url(../navi-img/bt_bg02.gif) no-repeat; color: #572c00; font-size: 16px; font-weight: bold; text-decoration: none; text-indent: 15px; line-height: 38px; }
.splBtn02 a:hover { background-image: none; }
.splBtn02 a.fsize12 { font-size: 12px; line-height: 40px; }

/**/
.spListBox04 {
	width: 435px;
}

.spListBox04L { float: left; }
.spListBox04R { float: right; }
.spListBox04 table * { font-size: 12px; line-height: 1.6; letter-spacing: 0.07em; }
.spListBox04 p { padding: 0 0 2px 0; font-size: 12px; line-height: 1.6; letter-spacing: 0.05em; }
.spListBox04Line01 { padding: 0 0 10px 0; border-bottom: 1px dotted #999; }
.spListBox04 th { width: 70px; }

/**/
.spListBox05 {
	position: relative; top: 0; left: 35px;
	width: 657px;
}

/**/

.spListBox06 {
	padding: 13px 0;
	width: 655px;
	border: 1px solid #e5d2c0;
}

.spListBox06In {
	position: relative; top: 0; left: 10px;
	width: 634px;
}

.spListBox06In * { font-size: 12px; }

.spListBox06InL {
	position: relative; top: 0; left: 3px;
	float: left;
	width: 275px;
}

.spListBox06InR {
	float: right;
	width: 330px;
}

/**/

.spListBox07 {
	position: relative; top: 0; left: 23px;
	width: 625px;
}

.spListBox07L { float: left; padding: 15px 0 0 0; width: 415px; }
.spListBox07R {
	position: relative; top: 0; left: 0;
	float: right; width: 173px; height: 490px;
	background: url(../image/spl_mochi.jpg) no-repeat;
}

.splMochi01 { position: absolute; top: 71px; left: 0; width: 67px; height: 67px; }
.splMochi02 { position: absolute; top: 237px; left: 0; width: 67px; height: 67px; }
.splMochi03 { position: absolute; top: 414px; left: 0; width: 67px; height: 67px; }


/**/

.spListBox08 {
	position: relative; top: 0; left: 35px;
	width: 657px;
}


/*-----------------------------------------------*/
/* 商品詳細 */
/*-----------------------------------------------*/

#shop #mainContents h1 { position: relative; top: 0; left: 20px; margin: 10px 0 0 0; width: 690px; }

.shopBox01 {
	position: relative; top: 0; left: 30px;
	margin: 15px 0 0 0;
    width: 660px;
}

.shopBox01 h3 { font-weight: bold; }

/**/

.shopBox02 { width: 657px; }
.shopBox02L { float: left; width: 300px; }
.shopBox02R { float: right; width: 300px; }
.shopBox02R p { line-height: 1.6; }

.shopBox02Ti { margin: 20px 0 0 0; padding: 0 0 5px 0; width: 300px; font-weight: bold; background: url(../image/line01.gif) repeat-x left bottom; }

.shopBox02 table { width: 300px; }
.shopBox02 th { padding: 8px 5px 5px 5px; width: 80px; background: url(../image/line01.gif) repeat-x left bottom; }
.shopBox02 td { padding: 8px 5px 5px 5px; width: 200px; background: url(../image/line01.gif) repeat-x left bottom; }
* html .shopBox02 th { width: 90px; }
* html .shopBox02 td { width: 210px; }
.shopBox02 th.shopBox02Txt01 { padding-top: 14px; line-height: 1; }

.shopBox02 .price { color: #c00; font-size: 26px; font-weight: bold; line-height: 1; }

/**/

.shopBox03 { margin: 15px 0 0 0; padding: 10px 20px; width: 260px; height: 82px; background: url(../image/sp_img05.gif) no-repeat; }
.shopBox03 .select01 { margin: 5px 0 0 0; width: 50px; }
* html .shopBox03 { width: 300px; height: 102px; }

/**/

.shopBox04 { margin: 30px 0 0 0; padding-bottom: 20px; width: 657px; }

/**/

.shopBox05 { margin: 5px 0 0 0; width: 657px; }
.shopBox05A { float: left; width: 164px; }
.shopBox05B { float: left; width: 164px; }
.shopBox05C { float: left; width: 164px; }
.shopBox05D { float: left; width: 164px; }
.shopBox05 p { margin: 3px 0 0 0; width: 150px; text-align: center; }

/* 詳細コラム部分 */
.shopBox02 strong { font-weight: bold; }
.shopBox02 span strong { font-weight: bold; }
.shopBox02 strong span { font-weight: bold; }
.shopBox02 strong a { font-weight: bold; }
.shopBox02 a strong { font-weight: bold; }

.optionTxt01 { padding: 15px; border: 1px solid #e5d2c1; width: 625px; }
* html .optionTxt01 { width: 657px; }

.optionBox01 { width: 657px; }
.optionBox01L { float: left; width: 210px; }
.optionBox01R { float: right; width: 365px; }
.optionBox01 * { font-size: 12px; line-height: 1.7; }
.optionBox01R p { line-height: 1.4; }

.optionBox01In { width: 365px; }
.optionBox01InL { float: left; width: 175px; }
.optionBox01InR { float: left; width: 150px; }

.itemsRice01 { float: right; margin: 0 0 0 15px; }
.itemsTxt01 { text-align: right; font-size: 0.8em; }
.itemsTxt02 { margin: 10px 0 0 0; font-size: 12px; padding: 0 0 10px 0; }

.spCenter { text-align: center; }

/*--------------------------------------
 プレビュー
--------------------------------------*/

#previewmsg {
	padding: 5px;
	background: #333;
	color: #fff; font-weight: bold; text-align: center;
}

#previewmsg input {
	width: 100px;
}