@charset "utf-8";
/* ****************************************************

products.css

1: common setting
2: common parts
3: page ditail
99: extra

***************************************************** */

/*1: common setting
=========================================*/



/*2: common parts
=========================================*/

/* ==================================
linkBox02
================================== */
div#contents div.linkBox02 {
	display: block;
	clear: both;
	width: 677px;
	margin-top: 10px;
	padding: 6px;
	border-top: 1px solid #d6b494;
	background: #ffffff;
	overflow: hidden;
}
* thml div#contents div.linkBox02 { /* for IE6 hack */
	width: 715px;
}
div#contents div.linkBox02 .photo {
	float: left;
	width: 110px;
	text-align: center;
}
div#contents div.linkBox02 .detail {
	overflow: hidden;
	zoom: 1;
}
div#contents div.linkBox02 .link10 {
	margin-top: 0;
	font-size: 110%;
	font-weight: bold;
}
div#contents div.linkBox02 .link01 {
	margin-right: -80px;
	overflow: hidden;
}
div#contents div.linkBox02 .link01 li {
	float: left;
	margin-right: 80px;
}


/* ==================================
linkBox03
================================== */
div#contents div.linkBox03 {
	display: block;
	clear: both;
	float: left;
	width: 715px;
	margin-top: 10px;
	margin-right: -15px;
	background: url(/products/images/com_bg001.gif) repeat-y 0 0;
	overflow: hidden;
}
div#contents div.linkBox03 .col {
	width: 208px;
	margin-right: 15px;
	padding: 6px;
}
div#contents div.linkBox03 .photo {
	float: left;
	margin-right: 8px;
}
div#contents div.linkBox03 .detail {
	overflow: hidden;
	zoom: 1;
}
div#contents div.linkBox03 .col .link10 {
	margin-top: 0;
	font-size: 110%;
	font-weight: bold;
}
div#contents div.linkBox03-col2 {
	width: 470px;
}
div#contents div.linkBox03-col1 {
	width: 235px;
}

div#contents div.marudaiBlock {
	margin: 30px 0 0;
	padding: 10px 0 20px;
	background:url(/products/images/com_bg002.gif) no-repeat 0 0;
}
div#contents div.marudaiBlock .heading01 {
	margin: 15px 0 10px;
	color: #000000;
}
div#contents .new {
	display: block;
	margin: 5px 0 0 0;
}


/* ==================================
productBlock
================================== */
div#contents div.productBlock {
	margin-top: 20px;
}

/* productInfo */
div#contents div.productInfo {
	margin-top: 20px;
}
div#contents div.productInfo .photo {
	float: left;
	margin-right: 20px;
}
div#contents div.productInfo .detailInfo {
	float: left;
	width: 410px;
}
div#contents div.productInfo .detailInfo .productName {
	margin-bottom: 20px;
	color: #6a3011;
	font-size: 165%;
	font-weight: bold;
}
div#contents div.productInfo .detailInfo .productName {
	margin-bottom: 20px;
	color: #6a3011;
	font-size: 165%;
	font-weight: bold;
}
div#contents div.productInfo .detailInfo .detail {
	clear: both;
	margin-top: 20px;
	padding: 1px 0 0 0;
	background: url(/common/images/com_hr001.gif) repeat-x 0 0;
}
div#contents div.productInfo .detailInfo .detail dl {
	clear: both;
	padding: 8px 5px;
	background: url(/common/images/com_hr001.gif) repeat-x 0 100%;
}
div#contents div.productInfo .detailInfo .detail dl dt {
	float: left;
	width: 100px;
	margin-right: 25px;
	font-weight: bold;
}
div#contents div.productInfo .detailInfo .detail dl dd {
	float:right;
	width:275px;
	overflow: hidden;
}
* html div#contents div.productInfo .detailInfo .detail dl dd { /* for IE6 hacks */
	zoom: 1;
}

/* productInfo */
div#contents div.productInfo .detailInfo .specialBtn {
	text-align: right;
	margin-top: 20px;
}


/* ==================================
materialInfo
================================== */
div#contents div.materialInfo {
	clear: both;
	margin-top: 20px;
}
div#contents div.materialInfo .searchBtn {
	margin-top: 20px;
	text-align: right;
}

/* table */
div#contents div.materialInfo .caption {
	margin-left: 5px;
	font-weight: bold;
}
div#contents div.materialInfo .table01 th {
	border-right: none;
}


/* ==================================
relatedProducts
================================== */
div#contents div.relatedProducts {
	clear: both;
}
div#contents div.relatedProducts ul {
	width: 690px;
	margin-right: -12px;
	overflow: hidden;
}
div#contents div.relatedProducts ul li {
	float: left;
	width: 160px;
	margin: 0 12px 0 0;
}


/* ==================================
shopItemText
================================== */
ul.itemText {
	margin: 15px 0 0;
	font-weight: bold;
	color: #6a3011;
}
ul.itemText li {
	display: block;
	clear: both;
}
ul.itemText .itemCap {
	display: block;
	float: left;
	width: 4em;
}
ul.itemText .itemDetail {
	display: block;
	float: left;
}
ul.itemText select {
	vertical-align: middle;
}

p.itemButton {
	padding: 20px 0 0 0;
	display: block;
}


/* ==================================
foodservice
================================== */
.foodCol {
	background: url(/products/foodservice/images/index_bg001.gif) no-repeat 0 100%;
	zoom: 1;
}
.foodCol .subCol {
	padding: 1px;
}
.foodCol .photo {
	float: left;
	width: 174px;
}
.foodCol .foodText {
	float: left;
	width: 240px;
	padding: 20px 0 15px;
}


/*3: page ditail
=========================================*/

/* ==================================
special/mutenka_okaasan/index.html
================================== */
body#special .okaasan .subSection {
	width: 860px !important;
	margin: 0 -35px 0 40px;
	overflow: hidden;
}
body#special .okaasan .imageBlockLeft .imageBox {
	margin: 40px 15px 0 0;
}
body#special .okaasan .imageBlockLeft .textBox .introduction {
	margin: 20px 0 0 30px;
}

/* leadImage */
body#special .okaasan #leadImage img {
	display: inline;
}

/* cmBox */
body#special .okaasan #cmBox {
	width: 570px;
	margin: 25px 0 0 30px;
	padding-top: 22px;
	background: url(/products/special/mutenka_okaasan/images/index_hr001.gif) no-repeat 0 0;
}
body#special .okaasan #cmBox .imageBox {
	margin: 0 15px 0 0;
}
body#special .okaasan #cmBox .textBox {
	margin-top: 27px;
}
* html body#special .okaasan #cmBox .textBox { /* for IE6 hack */
	padding-top: 27px;
}
*:first-child+html body#special .okaasan #cmBox .textBox { /* for IE7 hack */
	padding-top: 27px;
}
body#special .okaasan #cmBox .textBox .actressName {
	color: #bb1111;
}

/* point */
body#special .okaasan .point {
	margin: 18px 0 0 13px;
}
body#special .okaasan .point li {
	float: left;
	margin: 0 35px 0 0;
}


/* ==================================
special/tashitemiso/point1～2.html
================================== */
body#special .chiebukuro h1 {
	margin-top: 25px;
}
body#special .chiebukuro .subSection {
	width: 820px !important;
	margin: 0 -35px 0 40px;
	overflow: hidden;
}

/* orderArea */
body#special .chiebukuro .orderArea {
	margin-top: 30px;
	padding: 0 0 24px 0;
	background: url(/products/special/mutenka_okaasan/images/com_bg002.gif) no-repeat 0 100%;
	zoom: 1;
}
body#special .chiebukuro .orderAreaInner {
	margin-bottom: -20px;
	padding: 19px 10px 0 21px;
	background: url(/products/special/mutenka_okaasan/images/com_bg001.gif) no-repeat 0 0;
}
body#special .chiebukuro .orderArea .order {
	margin: 0 0 20px;
}
body#special .chiebukuro .orderArea .order h3 {
	margin-bottom: 3px;
	text-align: center;
}
body#special .chiebukuro .orderArea .order .col {
	width: 222px;
	margin-right: 3px;
	padding-right: 35px;
	background: url(/products/special/mutenka_okaasan/images/com_ic001.gif) no-repeat 100% 106px;
}
body#special .chiebukuro .noTitle .order .col {
	background: url(/products/special/mutenka_okaasan/images/com_ic001.gif) no-repeat 100% 70px;
}
body#special .chiebukuro .orderArea .order .wideCol {
	width: 482px;
}
body#special .chiebukuro .orderArea .order .col div {
	padding: 4px;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
}
body#special .chiebukuro .orderArea .order .col .text {
	margin-top: 5px;
}
body#special .chiebukuro .orderArea .order .col .note {
	display: block;
}
body#special .chiebukuro .orderArea .order .last {
	background: none;
}

/* 3つ下線ありパターン */
body#special .chiebukuro .orderArea .col3 {
	padding-bottom: 4px;
	background: url(/products/special/mutenka_okaasan/images/com_bg003.gif) no-repeat 0 100%;
}

/* 右2つ下線ありパターン */
body#special .chiebukuro .orderArea .col2-1 {
	padding-bottom: 4px;
	background: url(/products/special/mutenka_okaasan/images/com_bg004.gif) no-repeat 260px 100%;
}

/* 左2つ下線ありパターン */
body#special .chiebukuro .orderArea .col2-2 {
	padding-bottom: 4px;
	background: url(/products/special/mutenka_okaasan/images/com_bg004.gif) no-repeat 0 100%;
}

/* 左2つ分下線ありパターン */
body#special .chiebukuro .orderArea .col2-3 {
	padding-bottom: 4px;
	background: url(/products/special/mutenka_okaasan/images/com_bg008.gif) no-repeat 0 100%;
}

/* 1つ下線ありパターン */
body#special .chiebukuro .orderArea .col1 {
	padding-bottom: 4px;
	background: url(/products/special/mutenka_okaasan/images/com_bg005.gif) no-repeat 0 100%;
}

/* chiebukuroNav */
body#special .chiebukuro .chiebukuroNav {
	clear: both;
	margin-top: 20px;
}
body#special .chiebukuro .chiebukuroNav li {
	float: left;
}
body#special .chiebukuro .chiebukuroNav li.right {
	float: right;
}

/* materialBox */
body#special .chiebukuro .materialBox {
	width: 330px;
	padding-bottom: 13px;
	background: #f3e3ab url(/products/special/mutenka_okaasan/images/com_bg007.gif) no-repeat 0 100%;
}
body#special .chiebukuro .materialBox dl dt {
	min-height: 28px;
	padding: 15px 20px 0 64px;
	background: url(/products/special/mutenka_okaasan/images/com_bg006.gif) no-repeat 0 0;
}
* html body#special .chiebukuro .materialBox dl dt { /* for IE6 hack */
	height: 28px;
}
body#special .chiebukuro .materialBox dl dt span {
	margin: 20px 0 0 43px;
	font-weight: bold;
	font-size: 115%;
	color: #6a3011;
	line-height: 1;
}
body#special .chiebukuro .materialBox dl dt img {
	vertical-align: top;
}
body#special .chiebukuro .materialBox dl dd {
	clear: both;
	margin: 0 20px;
	padding: 8px 15px 6px 15px;
	background: #ffffff url(/products/special/mutenka_okaasan/images/com_bg009.gif) repeat-x 0 0;
}
* html body#special .chiebukuro .materialBox dl dd span { /* for IE6 hack */
	float: left;
}
*:first-child+html body#special .chiebukuro .materialBox dl dd span { /* for IE7 hack */
	float: left;
}
body#special .chiebukuro .materialBox dl dd .volume {
	float: right !important;
	margin-left: 15px;
	white-space: nowrap;
}

/* commentBox */
body#special .chiebukuro .commentBox {
	clear: both;
	width: 94%;
	margin: 30px 0 20px 0;
	padding: 15px;
	border: 1px solid #bbaa77;
}
body#special .chiebukuro .order .commentBox {
	width: 85%;
}


/* ==================================
special/tashitemiso/index.html
================================== */
body#special .tashitemiso {
	text-align: center;
}
body#special .tashitemiso .subSection {
	width: 820px !important;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

/* mainVisual */
body#special .tashitemiso #mainVisual {
	min-height: 331px;
	padding: 0 0 20px 0;
	background: url(/products/special/tashitemiso/images/index_bg002.gif) repeat-y 0 100%;
	text-align: left;
	font-size: 115%;
}
* html body#special .tashitemiso #mainVisual { /* for IE6 hack */
	height: 331px;
}
body#special .tashitemiso #mainVisual h1 {
	float: left;
}
body#special .tashitemiso #mainVisual .introduction {
	min-height: 285px;
	padding: 35px 20px 0 0;
	background: url(/products/special/tashitemiso/images/index_bg001.gif) no-repeat 0 0;
	overflow: hidden;
	font-family: "HGP創英角ｺﾞｼｯｸUB";
}
* html body#special .tashitemiso #mainVisual .introduction { /* for IE6 hack */
	float: left;
	height: 285px;
	padding: 35px 30px 0 0;
	overflow: visible;
	zoom: 1;
}
body#special .tashitemiso #mainVisual .introduction h2 {
	color: #ffffff;
	font-size: 125%;
	font-weight: bold;
}
body#special .tashitemiso #mainVisual .introduction dl {
	width: 314px;
	margin-bottom: 30px;
	color: #ffffff;
}
body#special .tashitemiso #mainVisual .introduction dl dt {
	margin-top: 20px;
}
body#special .tashitemiso #mainVisual .introduction dl dd {
	margin-left: 1em;
}

/* point */
body#special .tashitemiso .point {
	margin: 10px 0 0 6px;
}
body#special .tashitemiso .point li {
	float: left;
	width: 270px;
	text-align: center;
}
body#special .tashitemiso .point li .note {
	display: block;
	margin-top: 5px;
	font-size: 83%;
	text-align: left;
}

/* type */
body#special .tashitemiso #type .col4 {
	width: 841px;
	margin: 15px -21px 0 0;
	background: url(/products/special/tashitemiso/images/index_bg003.gif) repeat-y 199px 0;
}
body#special .tashitemiso #type .col h3 {
	height: 51px;
	text-align: center;
}
body#special .tashitemiso #type .col {
	width: 190px;
	padding-right: 10px;
}
body#special .tashitemiso #type .col dt {
	margin-top: 10px;
}

/* announceBox */
body#special .tashitemiso #announceBox {
	margin-top: 35px;
}
body#special .tashitemiso #announceBox .imageBox {
	margin-top: 5px;
}

/*99: extra
=========================================*/

/* ==================================
clear fix
================================== */
body#special .chiebukuro .materialBox dl dd:after,
body#special .tashitemiso #mainVisual:after,
div#contents div.linkBox03:after,
div#contents div.marudaiBlock:after,
div#contents div.relatedProducts ul:after,
div#contents div.productInfo .detailInfo dl:after,
div#contents div.productInfo:after,
div#contents div.productBlock .detailInfo .detail:after,
div#contents ul.itemText:after,
div#contents .foodCol .subCol:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

body#special .chiebukuro .materialBox dl dd,
body#special .tashitemiso #mainVisual,
div#contents div.linkBox03,
div#contents div.marudaiBlock,
div#contents div.relatedProducts ul,
div#contents div.productInfo .detailInfo dl,
div#contents div.productInfo,
div#contents div.productBlock .detailInfo .detail,
div#contents ul.itemText,
div#contents .foodCol .subCol {
	zoom: 1;
}