/*
	bace id [#headSec] >> layoutBase.css
*/

#headSec {
	background-color: #F5F5F7;
}

/*
	bace id [#titleSec] >> layoutBase.css
*/

#titleSec {
	background-color: #F5F5F7;
	background-image: url("/product/img/product_title_bg.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* global navi */

#titleSec div.naviBlock {
	height: 44px;
}

#titleSec div.naviBlock ul {
	float: right;
	width: 561px;
}

/* global navi common */

#titleSec div.naviBlock ul li {
	float: left;
	margin: 12px 0px 0px 0px;
}

#titleSec div.naviBlock ul li a {
	display: block;
	height: 17px;
	background-image: url("/product/img/globalNavi1.gif");/* default */
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
	line-height: 100%;
	text-indent: -9999px;
	text-decoration: none;
}

#titleSec div.naviBlock ul li a:link {
	text-decoration: none;
}

#titleSec div.naviBlock ul li a:visited {
	text-decoration: none;
}

#titleSec div.naviBlock ul li a:hover {
	background-position: left bottom;
	text-decoration: none;
}

/* global navi individual */

#titleSec div.naviBlock ul li.globalNavi1 {
	width: 104px;
}

#titleSec div.naviBlock ul li.globalNavi1 a {
	width: 80px;
	background-image: url("/product/img/globalNavi1.gif");
	background-position: left bottom;
}

#titleSec div.naviBlock ul li.globalNavi2 {
	width: 169px;
}

#titleSec div.naviBlock ul li.globalNavi2 a {
	width: 144px;
	background-image: url("/product/img/globalNavi2.gif");
}

#titleSec div.naviBlock ul li.globalNavi3 {
	width: 158px;
}

#titleSec div.naviBlock ul li.globalNavi3 a {
	width: 133px;
	background-image: url("/product/img/globalNavi3.gif");
}

#titleSec div.naviBlock ul li.globalNavi4 {
	width: 115px;
}

#titleSec div.naviBlock ul li.globalNavi4 a {
	width: 115px;
	background-image: url("/product/img/globalNavi4.gif");
}


#titleSec h2 {
	float: left;
	width: 496px;
	height: 31px;
	margin: 39px 0px 0px 0px;
	background-image: url("/product/img/product_title.gif");
	background-repeat: no-repeat;
	background-position: right top;
	text-indent: -9999px;
}

#titleSec p.charge {
	float: right;
	width: 115px;
	height: 107px;
	background-image: url("/product/img/product_charge.gif");
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	padding-right:20px;
	_padding-right:15px;
}

/*
	bace id [#bodySec] >> layoutBase.css
	bace class [div.naviArea] >>designBody.css
*/

#bodySec div.naviArea h3 {
	margin: 15px 15px 10px 15px;
}

#bodySec div.naviArea h3 a {
	display: block;
	width: 81px;
	height: 17px;
	background-image: url("/product/img/categoryNavi_top.gif");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
	line-height: 100%;
	text-indent: -9999px;
}

#bodySec div.naviArea h3 a:link {
	text-decoration: none;
}

#bodySec div.naviArea h3 a:visited {
	text-decoration: none;
}

#bodySec div.naviArea h3 a:hover {
	background-position: left bottom;
	text-decoration: none;
}

#bodySec div.naviArea ul {
	margin: 0px 15px;
}

#bodySec div.naviArea ul li {
	margin: 0;
	padding: 10px 0px;
	border-top: 1px solid #C9BBAC;
}


/* default */

#bodySec div.naviArea ul li a {
	display: block;
	height: 13px;
	background-image: url("/product/img/categoryNavi1.gif");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
	line-height: 100%;
	text-indent: -9999px;
}

#bodySec div.naviArea ul li a:link {
	text-decoration: none;
}

#bodySec div.naviArea ul li a:visited {
	text-decoration: none;
}

#bodySec div.naviArea ul li a:hover {
	text-decoration: none;
}

#bodySec div.naviArea ul li#product01mugi a {
	background-image: url("/product/img/categoryNavi1.gif");
}

#bodySec div.naviArea ul li#product02noodles a {
	background-image: url("/product/img/categoryNavi2.gif");
}

#bodySec div.naviArea ul li#product03flour a {
	background-image: url("/product/img/categoryNavi3.gif");
}

#bodySec div.naviArea ul li#product04tea a {
	background-image: url("/product/img/categoryNavi4.gif");
}