@charset "utf-8";

/*-------------------

	gNavi
		/common/html/gNavi.html

-------------------*/

#gNavi{
	position:relative;
	background:url(../images/bg_gNavi.png) top left  repeat-x;
	z-index:1100;
}

#gNaviArea{
	background:url(../images/bg_gNaviIndex.png) top center no-repeat;
	height:130px;
}

#gNaviBox{
	position:relative;
	margin:0 auto;
	padding-top:20px;
	width:1000px;
	height:102px;
	_height:122px;
}

h1 a{
	display:block;
	width:249px;
	height:39px;
	text-indent:-9999px;
	background:url(../images/h1.png) no-repeat;
}

#gNaviBtn li a,
#gSupport a.inquiry,
#toCompany a{
	display:block;
	background:url(../images/gNavi.png) no-repeat;
	text-indent:-9999px;
}

/* gNaviBtn*/
#gNaviBtn {
	position:absolute;
	top:72px;
	width:1000px;
	overflow:hidden;
	height:30px;
}

#gNaviBtn li{ display:inline;}

#gNaviBtn li a{
	float:left;
	height:30px;
}

#gNaviBtn li a.products{width:110px; background-position:0 0;}
#gNaviBtn li a.tofu {width:122px; background-position:-110px 0;}
#gNaviBtn li a.recipe{width:135px; background-position:-232px 0;}
#gNaviBtn li a.fun{width:134px; background-position:-367px 0;}
#gNaviBtn li a.campaign{width:151px; background-position:-501px 0;}
#gNaviBtn li a.kodawari{width:149px; background-position:-652px 0;}
#gNaviBtn li a.shopping{width:199px; background-position:-801px 0;}

#gNaviBtn li a.products:hover {background-position:0 -30px;}
#gNaviBtn li a.tofu:hover {background-position:-110px -30px;}
#gNaviBtn li a.recipe:hover {background-position:-232px -30px;}
#gNaviBtn li a.fun:hover{background-position:-367px -30px;}
#gNaviBtn li a.campaign:hover{background-position:-501px -30px;}
#gNaviBtn li a.kodawari:hover{background-position:-652px -30px;}
#gNaviBtn li a.shopping:hover{background-position:-801px -30px;}

#gNaviBtn li.hover a.products {background-position:0 -30px;}
#gNaviBtn li.hover a.tofu {background-position:-110px -30px;}
#gNaviBtn li.hover a.recipe {background-position:-232px -30px;}
#gNaviBtn li.hover a.fun{background-position:-367px -30px;}
#gNaviBtn li.hover a.campaign {background-position:-501px -30px;}
#gNaviBtn li.hover a.kodawari {background-position:-652px -30px;}
#gNaviBtn li.hover a.shopping{background-position:-801px -30px;}

/* gSupport */
#gSupport{
	position:absolute;
	top:33px;
	right:100px;
	height:30px;
}

#gSupport a.inquiry{
	position:relative;
	float:left;
	width:130px;
	height:30px;
	background-position:-125px -60px;
	/margin-right:-285px;
}

#gSupport a.inquiry:hover{
	background-position:-258px -60px;
}

#gSupport form#yjSsFrm{
	width:180px;
	margin-left:143px !important;
	background:url(../images/bg_siteSearch.png) 0 1px no-repeat;	
}

#gSupport #yjSsMod_1{
	width:300px;
}


#gSupport form#yjSsFrm #yjSsTxt{
	margin:5px 15px 0 29px !important;
	border:none;
	width:136px !important;
	height:12px !important;
	vertical-align:10px !important;
	color:#777777;
	background-color:#f3f3f3;
	font-size:10px;
}

#gSupport form#siteSearch #yjSsBtn{
	position:relative;
	margin-top:-5px;
	vertical-align:top;
}


/* toCompany */
#toCompany{
	position:absolute;
	top:0;
	right:-3px;
}

#toCompany a{
	background-position:-394px -60px;
	width:162px;
	height:22px;
}

#toCompany a:hover{
	background-position:-556px -60px;
}


/*=================================

		#pageHeadArea

=================================*/
#pageHeadWrapper{
	margin-top: -130px;
	height:184px;
	overflow:hidden;
	background:url(../images/bg_subVisual.jpg) repeat-x;
}

#pageHead{
	position:relative;
}

#pageHeadArea{
	position:relative;
	width:1040px;
	margin:0 auto;
	position:relative;
}


#pageHead #pageHeadArea h2{
	position:relative;
	margin:0 auto;
	width:1001px;
	height:297px;
}

#pageHead #pageHeadArea h2 img{
	display:block;
	position:absolute;
	top:218px;
	left:36px;
}

#pageHead p.bg_btm{
	position:absolute;
	bottom:-83px;
	left:50%;
	margin:0 0 0 -792px;
	width:1584px;
	z-index:500;
}