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

#headSec {
	background-image: url("/img/headSec_index_bg.jpg");
}

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

#titleSec {
	height: 306px;
	background-image: url("/img/index_main3.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px solid #877671;
}

/* 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("/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("/img/globalNavi1.gif");
}

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

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

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

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

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

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


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

#bodySec {
	padding: 20px 0px 0px 0px;
}

#bodySec div.contentsArea {
	float: left;
	width: 520px;
	background-image: url("/img_common/mainContents_bgCorner.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* topics */

#bodySec div.contentsArea div.topics {
	margin: 0px 0px 20px 0px;
	padding: 0px 10px 5px 15px;
	border-bottom: 1px solid #877671;
}

#bodySec div.contentsArea div.topics div.title h2 {
	float: left;
	width: 372px;
	height: 25px;
	margin: 0px 0px 10px 0px;
	background-image: url("/img/topics_title.gif");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
	line-height: 100%;
	text-indent: -9999px;
}

#bodySec div.contentsArea div.topics div.title p {
	float: right;
	width: 123px;
	height: 25px;
	margin: 0px 0px 10px 0px;
}

#bodySec div.contentsArea div.topics div.title p a {
	display: block;
	width: 123px;
	height: 25px;
	background-image: url("/img/topics_btn_list.gif");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
	line-height: 100%;
	text-indent: -9999px;
	text-decoration: none;
}

#bodySec div.contentsArea div.topics div.title p a:link {
	text-decoration: none;
}

#bodySec div.contentsArea div.topics div.title p a:visited {
	text-decoration: none;
}

#bodySec div.contentsArea div.topics div.title p a:hover {
	text-decoration: none;
}

#bodySec div.contentsArea div.topics ul li {
	padding: 0px 0px 15px 0px;
	font-size: 80%;
}

#bodySec div.contentsArea div.topics ul li span.date {
	display: block;
	float: left;
	width: 110px;
}

#bodySec div.contentsArea div.topics ul li span.letter {
	display: block;
	float: right;
	width: 370px;
}

/**
	index.css
**/

#bodySec div.contentsArea div.topics div.banner {
	
}

/* -- Hack WinIE & MacIE --*/
* html #bodySec div.contentsArea div.topics div.banner {
	/* Hides from IE5-Mac ¥*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/

#bodySec div.contentsArea div.topics div.banner ul {
	padding: 0px 0px 10px 0px;
}

/* -- Hack WinIE & MacIE --*/
* html #bodySec div.contentsArea div.topics div.banner ul {
	/* Hides from IE5-Mac ¥*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/

#bodySec div.contentsArea div.topics div.banner ul li {
	float: left;
	width: 165px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-size: 1px;
}

/* product */
#bodySec div.contentsArea div.product {
	margin: 0px 10px 20px 15px;
	background-image: url("/img/index_productBg.gif");
	background-repeat: no-repeat;
	background-position: 57px 6px;
}

#bodySec div.contentsArea div.product h2 {
	margin: 0px 0px 9px 0px;
}

#bodySec div.contentsArea div.product h2 a {
	display: block;
	width: 86px;
	height: 21px;
	background-image: url("/img/index_btnProduct.gif");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
	line-height: 100%;
	text-decoration: none;
	text-indent: -9999px;
}

#bodySec div.contentsArea div.product h2 a:link {
	text-decoration: none;
}

#bodySec div.contentsArea div.product h2 a:visited {
	text-decoration: none;
}

#bodySec div.contentsArea div.product h2 a:hover {
	background-position: left bottom;
	text-decoration: none;
}

/* product category btn common */

#bodySec div.contentsArea div.product ul li {
	float: left;
	width: 165px;
	height: 40px;
	margin: 0px 0px 5px 0px;
}

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

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

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

#bodySec div.contentsArea div.product ul li a:hover {
	background-position: left bottom;
	text-decoration: none;
}


/* product category btn individual */

#bodySec div.contentsArea div.product ul li#productNavi01mugi a {
	background-image: url("/img/index_priduct_categoryMugi.gif");
}

#bodySec div.contentsArea div.product ul li#productNavi02noodles a {
	background-image: url("/img/index_priduct_categoryNoodles.gif");
}

#bodySec div.contentsArea div.product ul li#productNavi03flour a {
	background-image: url("/img/index_priduct_categoryFlour.gif");
}

#bodySec div.contentsArea div.product ul li#productNavi04tea a {
	background-image: url("/img/index_priduct_categoryTea.gif");
}

/* recipeLibrary */

#bodySec div.contentsArea div.recipeLibrary {
	margin: 0px 10px 0px 15px;
	padding: 0px 0px 70px 0px;
	background-image: url("/img/index_recipeLibraryBg.gif");
	background-repeat: no-repeat;
	background-position: 57px 6px;
}

#bodySec div.contentsArea div.recipeLibrary h2 {
	margin: 0px 0px 9px 0px;
}

#bodySec div.contentsArea div.recipeLibrary h2 a {
	display: block;
	width: 166px;
	height: 21px;
	background-image: url("/img/index_btnRecipe.gif");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
	line-height: 100%;
	text-decoration: none;
	text-indent: -9999px;
}

#bodySec div.contentsArea div.recipeLibrary h2 a:link {
	text-decoration: none;
}

#bodySec div.contentsArea div.recipeLibrary h2 a:visited {
	text-decoration: none;
}

#bodySec div.contentsArea div.recipeLibrary h2 a:hover {
	background-position: left bottom;
	text-decoration: none;
}

/* product recipeLibrary btn common */

#bodySec div.contentsArea div.recipeLibrary ul {
	margin: 0;
	padding: 0;
}

#bodySec div.contentsArea div.recipeLibrary ul li#recipeLibrary0200library {
	padding: 6px 0px 0px 0px;
	background-image: url("/img/index_recipeDotline.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

#bodySec div.contentsArea div.recipeLibrary ul li ul {
	margin: 0;
	padding: 0;
}

/* -- Hack WinIE & MacIE --*/
* html #bodySec div.contentsArea div.recipeLibrary ul li  {
	/* Hides from IE5-Mac ¥*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/

#bodySec div.contentsArea div.recipeLibrary ul li ul li {
	float: left;
	width: 165px;
	height: 40px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	background-image: none;
}

#bodySec div.contentsArea div.recipeLibrary ul li ul li a {
	display: block;
	width: 160px;
	height: 40px;
	background-image: url("/img/index_priduct_categoryMugi.gif");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
	line-height: 100%;
	text-decoration: none;
	text-indent: -9999px;
}

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

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

#bodySec div.contentsArea div.recipeLibrary ul li ul li a:hover {
	background-position: left bottom;
	text-decoration: none;
}

#bodySec div.contentsArea div.recipeLibrary ul li ul li a span {
	margin: 0;
	padding: 0;
}

#bodySec div.contentsArea div.recipeLibrary ul li ul li a span.categorySummary {
	display: none;
}

#bodySec div.contentsArea div.recipeLibrary ul li ul li a:link span.categorySummary {
	display: none;
}

#bodySec div.contentsArea div.recipeLibrary ul li ul li a:visited span.categorySummary {
	display: none;
}

#bodySec div.contentsArea div.recipeLibrary ul li ul li a:hover span.categorySummary {
	display: none;
}

#bodySec div.contentsArea div.recipeLibrary ul li ul li a:hover span.categorySummary {
	display: none;
}

/* product recipeLibrary btn individual */

#bodySec div.contentsArea div.recipeLibrary ul li ul li#recipeLibrary0101mugi a {
	background-image: url("/img/index_recipeMugi.gif");
}

#bodySec div.contentsArea div.recipeLibrary ul li ul li#recipeLibrary0102zakkoku a {
	background-image: url("/img/index_recipeZakkoku.gif");
}

#bodySec div.contentsArea div.recipeLibrary ul li ul li#recipeLibrary0103noodles a {
	background-image: url("/img/index_recipeNoodles.gif");
}

#bodySec div.contentsArea div.recipeLibrary ul li ul li#recipeLibrary0104flour a {
	background-image: url("/img/index_recipeFlouer.gif");
}

#bodySec div.contentsArea div.recipeLibrary ul li ul li#recipeLibrary0105tea a {
	background-image: url("/img/index_recipeTea.gif");
}

#bodySec div.contentsArea div.recipeLibrary ul li ul li#recipeLibrary0201secret a {
	background-image: url("/img/index_libraryWork.gif");
}
 
 
/* ad area */

#bodySec div.adArea {
	float: right;
	width: 218px;
}

#bodySec div.adArea ul.banner {
	padding: 0px 0px 10px 0px;
	font-size: 1px;
	line-height: 100%;
}

#bodySec div.adArea ul.banner li {
	margin: 0px 0px 8px 0px;
	padding: 0px;
	text-align: center;
}

#bodySec div.adArea ul.links {
	margin: 0px 0px 0px 17px;
	font-size: 1px;
	line-height: 100%;
}

#bodySec div.adArea ul.links li {
	margin: 0px;
	padding: 11px 0px 9px 0px;
	background-image: url("/img/adArea_dotline.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

#bodySec div.adArea ul.links li.firstChild {
	padding: 0px 0px 9px 0px;
	background-image: none;
}