@charset "shift_jis";

/* ======================================================
 * quality.css
 * ------------------------------------------------------
 * /quality/index.html
 * /quality/sukoyaka/以下共通
 * /quality/sukoyaka/natural.html
 * /quality/sukoyaka/body.html
 * /quality/sukoyaka/what.html
 * /quality/sukoyaka/taste.html
 * /quality/sukoyaka/make.html
 * /quality/sukoyaka/generation.html
 * clearFix
====================================================== */

/* /quality/index.html
------------------------------------------------------ */
/*----- sukoyakaIndexBlock01 -----*/
.mainContents .sukoyakaIndexBlock01 {
	position: relative;
	width: 780px;
	height: 562px;
	margin: 20px auto 0;
	background: url(../../../quality/images/index_bg01.jpg) no-repeat 0 0;
}
.mainContents .sukoyakaIndexBlock01 .head {
	position: absolute;
	left: 37px;
	top: 38px;
}
.mainContents .sukoyakaIndexBlock01 .lead {
	position: absolute;
	left: 59px;
	top: 225px;
}
/*** sukoyakaIndexNav ***/
.mainContents .sukoyakaIndexBlock01 .sukoyakaIndexNav .menu01 {
	position: absolute;
	left: 55px;
	top: 384px;
}
.mainContents .sukoyakaIndexBlock01 .sukoyakaIndexNav .menu02 {
	position: absolute;
	left: 55px;
	top: 448px;
}
.mainContents .sukoyakaIndexBlock01 .sukoyakaIndexNav .menu03 {
	position: absolute;
	left: 415px;
	top: 320px;
}
.mainContents .sukoyakaIndexBlock01 .sukoyakaIndexNav .menu04 {
	position: absolute;
	left: 415px;
	top: 384px;
}
.mainContents .sukoyakaIndexBlock01 .sukoyakaIndexNav .menu05 {
	position: absolute;
	left: 415px;
	top: 448px;
}

/* /quality/sukoyaka/以下共通
------------------------------------------------------ */
/*----- sukoyakaBlock -----*/
.mainContents .sukoyakaBlock {
	width: 780px;
	margin: 20px auto 0;
}
.mainContents .sukoyakaBlock.type01 {
	height: 573px;
	background: url(../../../quality/sukoyaka/images/sukoyaka_bg01.gif) no-repeat 0 0;
}
.mainContents .sukoyakaBlock.type02 {
	height: 613px;
	background: url(../../../quality/sukoyaka/images/sukoyaka_bg02.gif) no-repeat 0 0;
}
.mainContents .sukoyakaBlock.type03 {
	height: 613px;
	background: url(../../../quality/sukoyaka/images/sukoyaka_bg03.gif) no-repeat 0 0;
}
.mainContents .sukoyakaBlock .sukoyakaBlockInner {
	padding: 28px 30px 51px 0;
}
/*** sukoyakaContents ***/
.mainContents .sukoyakaBlock .sukoyakaContents {
	position: relative;
	float: right;
	width: 561px;
}
.mainContents .sukoyakaBlock.type01 .sukoyakaContents {
	height: 494px;
}
.mainContents .sukoyakaBlock.type02 .sukoyakaContents,
.mainContents .sukoyakaBlock.type03 .sukoyakaContents {
	height: 555px;
}
/* sukoyakaColumn01 */
.mainContents .sukoyakaBlock .sukoyakaContents .sukoyakaColumn01 {
	clear: both;
	margin: 31px 41px 0 31px;
}	
.mainContents .sukoyakaBlock .sukoyakaContents .sukoyakaColumn01 .colType01 {
	float: right;
}
.mainContents .sukoyakaBlock .sukoyakaContents .sukoyakaColumn01 .colType01 .figure {
	padding-bottom: 10px;
}
* html .mainContents .sukoyakaBlock .sukoyakaContents .sukoyakaColumn01 .colType02 {
	float: right;
}
.mainContents .sukoyakaBlock .sukoyakaContents .sukoyakaColumn01 .colType03 {
	overflow: hidden;
	_zoom: 1;
}
* html .mainContents .sukoyakaBlock .sukoyakaContents .sukoyakaColumn01 .colType03 {
	float: right;
}
.mainContents .sukoyakaBlock .sukoyakaContents .sukoyakaColumn01 .textBlock {
	margin-top: 25px;
	font-size: 12px;
	line-height: 2.0;
}
* html .mainContents .sukoyakaBlock .sukoyakaContents .sukoyakaColumn01 .textBlock {
	line-height: 1.8;
}
.mainContents .sukoyakaBlock .sukoyakaContents .sukoyakaColumn01 .textBlock dl dt {
	font-size: 14px;
	font-weight: bold;
}
/* sukoyakaSection */
.mainContents .sukoyakaBlock .sukoyakaContents .sukoyakaSection {
	clear: both;
	margin: 31px 37px 0 31px;
}
.mainContents .sukoyakaBlock .sukoyakaContents .sukoyakaSection .head {
	text-align: center;
}
.mainContents .sukoyakaBlock .sukoyakaContents .sukoyakaSection .textBlock {
	margin-top: 10px;
}
/* banner01 */
.mainContents .sukoyakaBlock .sukoyakaContents .banner01 {
	position: absolute;
	left: 313px;
	top: 368px;
}
/* pageNav */
.mainContents .sukoyakaBlock .sukoyakaContents .pageNav .prev {
	position: absolute;
	left: 82px;
	bottom: 35px;
}
.mainContents .sukoyakaBlock .sukoyakaContents .pageNav .next {
	position: absolute;
	left: 398px;
	bottom: 35px;
}
/*** sukoyakaNav ***/
.mainContents .sukoyakaBlock .sukoyakaNav {
	overflow: hidden;
	_zoom: 1;
}
* html .mainContents .sukoyakaBlock .sukoyakaNav {
	float: right;
}
.mainContents .sukoyakaBlock .sukoyakaNav dl dd {
	padding: 0 15px;
}
.mainContents .sukoyakaBlock .sukoyakaNav dl dd ul li {
	margin-bottom: 4px;
	font-size: 0;
}
.mainContents .sukoyakaBlock.type01 .sukoyakaNav .illust {
	padding-top: 12px;
}
.mainContents .sukoyakaBlock.type02 .sukoyakaNav .illust,
.mainContents .sukoyakaBlock.type03 .sukoyakaNav .illust {
	padding-top: 68px;
}



/* clearFix
------------------------------------------------------ */
.mainContents .sukoyakaBlock .sukoyakaBlockInner:after,
.mainContents .sukoyakaBlock .sukoyakaContents .sukoyakaColumn01:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.mainContents .sukoyakaBlock .sukoyakaBlockInner,
.mainContents .sukoyakaBlock .sukoyakaContents .sukoyakaColumn01 { /* IE6,IE7 hack */
	zoom: 1;
}