@charset "utf-8";

/**********************************
	common.css

		-cssReset
		-gNavi
		-footer
		-siteStyle
			#pageHeadArea


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

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

	cssReset

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	/zoom:1;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*clearfix*/
#contentsWrapper:after,
.clearfix:after {  
  content: "";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden; 
  line-height:0;
}  
  
#contentsWrapper,
.clearfix { display: inline-table; /zoom:1;}  
  
/* Hides from IE-mac \*/  
* html #contentsWrapper,
* html .clearfix { height: 1%; }  

#contentsWrapper,
.clearfix { display: block;  }  
/* End hide from IE-mac */  


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

	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;
}

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

	footer
		/common/html/footer.html

-------------------*/
#footer { margin-top: 0 }

/*
#footer{
	font-size:85%;
	color:#3e3026;
	background:#f5eedf url(../images/bg_footer_top.jpg) repeat-x;
}

#footer a{
	color:#3e3026;
	text-decoration:none;
}

#footer a:hover{
	color:#ca2a06;
}


#footer #footerArea{
	position:relative;
	width:1001px;
	margin:0 auto;
	padding-bottom:61px ;
}

p.gotop{
	text-align:center;
}

#footer #footerArea h2{
	position:absolute;
	margin-top:-89px;
	top:50%;
	left:0;
}	


#footer #footerContents{
	margin-left:171px;
}

#footer #footerContents div.row {
	margin-bottom:24px;
	padding-bottom:24px;
	border-bottom:1px solid #e7e0d2;
}

#footer #footerContents dl{
	position:relative;
	float:left;
	margin-bottom:-5px;
	padding:10px 0 0 14px;
	border-left:1px solid #e7e0d2;
}

#footer #footerContents dt{
	margin-bottom:13px;
	font-weight:bold;
}

#footer #footerContents dd{
	margin-bottom:-5px;
}

#footer #footerContents dl ul{
	float:left;
}

#footer #footerContents dl ul li{
	margin-bottom:13px;
	padding-left:1em;
}


#footer #footerContents dl.products{
	border:none;
	width:195px;
}

#footer #footerContents dl.tofu{
	width:97px;
}

#footer #footerContents dl.recipe{
	width:186px;
}

#footer #footerContents dl.fun{
	width:293px;
}

#footer #footerContents dl.campaign{
	border:none;
	width:115px;
}

#footer #footerContents dl.kodawari{
	width:404px;
}

#footer #footerContents dl.company {
	border:none;
	width:223px;
	background:#e7e0d2;
	overflow:hidden;
}

#copyrightWrapper{
	background:url(../images/bg_copyright.jpg) repeat-x;
}

#copyright{
	height:96px;
	background:url(../images/bg_footer_bottom.jpg) top center no-repeat;
}

#copyright #copyrightArea{
	position:relative;
	width:1000px;
	margin:0 auto;
	padding-top:41px;
}

#copyright #copyrightArea li{
	display:inline;
}

#copyright #copyrightArea li a{
	display:inline-block;
	/display:inline;
	/zoom:1;
	height:11px;
	background:url(../images/footer.png) no-repeat;
	text-indent:-9999px;
	margin-right:10px;
}

#copyright #copyrightArea li.sitemap a{width:90px; background-position:0 0;}
#copyright #copyrightArea li.policy a{width:132px; background-position:-90px 0;}

#copyright #copyrightArea li.sitemap a:hover{background-position:0 -12px;}
#copyright #copyrightArea li.policy a:hover{background-position:-90px -12px;}


#copyright #copyrightArea li.copyright{
	position:absolute;
	top:41px;
	right:0;
	width:320px;
	height:12px;
	text-indent:-9999px;
	background:url(../images/footer.png) -223px 0 no-repeat;
}
*/


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

	siteStyle

-------------------*/
/*
body{
	line-height:1.4;
	font-size:85%;
	color:#333333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background:#fcfaf6;
}
*/


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

		#pageHeadArea

=================================*/
#pageHeadWrapper{
	margin-top:-193px;
	height:457px;
	overflow:hidden;
}

#pageHead{
	position:relative;
	background:url(../images/bg_subVisual.jpg) repeat-x;
}

#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;
}

/*---------------------------------
		#pageHead > #pankuzu
---------------------------------*/
#pageHead #pankuzu{
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -819px;
	width:1584px;
	height:362px;
	z-index:10;
}

#pageHead #pankuzu ul{
	margin:189px 0 0 355px;
}

#pageHead #pankuzu ul li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	font-size:78%;
	color:#f0c8bd;
}

#pageHead #pankuzu ul li a{	color:#aca6a1;}
#pageHead #pankuzu ul li a:hover{ color:#aca6a1;}

#pageHead #goCategoryTop{
	position:absolute;
	top:218px;
	left:863px;
	z-index:2500;
}



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

		#contentsWrapper

=================================*/
#contentsWrapper{
	position:relative;
	width:1000px;
	margin:-193px auto 10px auto;
	z-index:1100;
}



/*--------------------------------		#sideContentsArea -*/
#mainContentsAreaWrapper{
	position:relative;
	float:left;
	margin:0 5px 0 3px;
	width:717px;
}

#mainContensArea{
	position:relative;
}

div.bg_wrapper{background:url(../images/bg_mainContentsAreaTop.png) no-repeat; 	padding-top:20px !important;}
div.bg_area{background:url(../images/bg_mainContentsAreaBtm.png) left bottom no-repeat;  margin-top:-5px; padding-bottom:20px;}
div.bg_contents{background:url(../images/bg_mainContentsArea.png) repeat-y;	padding-left:9px;}


/*--------------------------------		#sideContentsArea -*/
#sideContentsArea{
	float:left;
}

/*---------------------#sidecontents--*/
#sideContents #freewordSearch{
	margin-bottom:12px;
	padding-bottom:12px;
	width:265px;
	height:148px;
	background:url(../images/bg_recipe_freewordsearchBtm.gif) left bottom no-repeat;
}

#sideContents #freewordSearch .freewordSearchArea{
	background:#ffffff;
}

#sideContents #freewordSearch p{
	padding:4px 0;
	text-align:center;
	
}

#sideContents #freewordSearch form{
	margin:0 auto;	
	width:209px;
	padding-bottom:12px;
	background:url(../images/bg_recipe_search.gif) no-repeat;
}

#sideContents #freewordSearch form input.searchBox{
	margin:5px 17px 13px 17px;
	border:none;
	width:175px;
	vertical-align:14px;
	background:#f3f3f3;
}

#sideContents #freewordSearch form input.btn{
	vertical-align:top;
}

#sideContents #categorySearch{
	margin:0 auto 12px auto;
	height:136px;
	overflow:hidden;
}

#sideContents #categorySearch ul{
	margin-top:-1px;
}

#sideContents #categorySearch li{
	border-top:1px solid #eeece8;
	line-height:0;
}

#bannerArea{
	margin-top:12px;
}

#bannerArea ul{
	line-height:0;
}

#bannerArea ul li{
	margin-bottom:10px;
}


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

		#contentsAreaWide

=================================*/
#contentsAreaWideWrapper{
	position:relative;
	margin:-193px auto 15px auto;
	padding-bottom:11px;
	width:978px;
	background:url(../images/bg_contentsBtm_Wide.gif) left bottom no-repeat;
	z-index:1100;
}

#contentsAreaWide{
	background:url(../images/bg_contentsTop_Wide.png) left top no-repeat;
	padding-top:22px;;
}

#mainContentsWide{
	background:url(../images/bg_contents_Wide.png) repeat-y;
}