@charset "utf-8";
/*

----------------------------------------------------

UpdateHistory
09/0*******

*/

/* default
----------------------------------------------------------------------------*/
div#container{
	width:100%;
}
	#lower div#container{
		background: url(../img/cmn_bg_container.png) 0 152px repeat-x;
	}
	#lower div#container h2{
		width:950px;
		height:172px;
		text-align:left;
		clear:both;
	}
	
/* current
----------------------------------------------------------------------------*/
a.current{
	font-weight:bold!important;
	color:#FFFFFF!important;
	background:#FF9999 url(../../common/img/icon/cmn_icon08.png) 7px 15px no-repeat!important;
}

/* header
----------------------------------------------------------------------------*/
	/* lower header
	----------------------------------------------------------------------------*/
	#lower div#header{
		width:950px;
		height:94px;
		margin:0 auto;
	}
	#lower div#header div#headerMenu{
		clear:both;
	}
	#lower div#header h1 {
		float:left;
		padding:30px 0 0 0;
	}
	#top div#header h1 {
		text-align:center;

	}
	#lower div#header dl#fontSize  {
		width:154px;
		float:right;
		padding:24px 0 0 0;
	}
	#lower div#header dl#fontSize dt {
		width:67px;
		float:left;
		padding:2px 0 0 3px;
	}
	#lower div#header dl#fontSize dd {
		width:25px;
		float:left;
		padding-left:3px;
		cursor:pointer;
		opacity:0.4;
		filter: alpha(opacity=40);
	}
	#lower div#header ul {
		width:102px;
		float:right;
		padding:26px 0 17px 0;
	}
	* html #lower div#header ul {
		padding:26px 0 17px 0;
	}
	#lower div#header ul li {
		float:left;
		padding-left:10px;
	}
	#lower div#header #googleSearch{
		width:270px;
		/*width:412px;オンラインショッピング非掲載
		--------------------*/
		text-align:left;
		float:right;
		clear:right;
	}
	#lower div#header #googleSearch form{
		float:left;
	}
	#lower div#header #googleSearch label img{
		vertical-align:top;
		margin:5px 7px 0 0;
	}
	#lower div#header #search{
		width:134px;
		height:20px;
		padding:0;
		line-height:1;
		vertical-align:top;
		border:#E5E5E5 solid 1px;
		background:#FFF;
	}
	
	* html #lower div#header #search{
		margin-top:-1px;
	}

	#lower div#header p{
		width:142px;
		float:right;
	}
	
	body.fontL div#mainContents{font-size:1.4em;}
	body.fontM div#mainContents{font-size:1.2em;}
	body.fontS div#mainContents{font-size:1em;}
	
	body.fontL #large{
		opacity:1!important;
		filter: alpha(opacity=100)!important;
	}
	body.fontM #medium{
		opacity:1!important;
		filter: alpha(opacity=100)!important;
	}
	body.fontS #small{
		opacity:1!important;
		filter: alpha(opacity=100)!important;
	}
	
/* globalMenu
----------------------------------------------------------------------------*/
div#globalMenu{
	width:950px;
	clear:both;
	margin:0 auto 10px;
}
div#globalMenu ul{
	width:950px;
}
div#globalMenu ul li{
	float:left;
	position:relative;
	line-height:1.5;
}

div#globalMenu ul li ul {
	height:170px;
	display: none; 
	position: absolute;
	top:58px;
	left:0; 
	padding:0;
}

/*a=213px*/

div#globalMenu ul li ul#globalMenu_product{ width:639px;}
div#globalMenu ul li ul#globalMenu_recipe{ width:426px;}
div#globalMenu ul li ul#globalMenu_nutritional{ left:-190px;width:639px;}
div#globalMenu ul li ul#globalMenu_faq{ left:-95px; width:426px;}
div#globalMenu ul li ul#globalMenu_safety{ width:426px;}



div#globalMenu ul li ul li a{
	display:block;
	width:162px;
	padding:10px 10px 8px 18px;
	color:#222222;
	text-decoration:none;
	background:#FFFFFF url(../../common/img/icon/cmn_icon02.png) 7px 15px no-repeat;
	text-align:left;
  filter: alpha(opacity=90);
  -moz-opacity:0.90;
  opacity:0.90;
}
div#globalMenu ul li ul li a:hover{
	width:162px;
	padding:9px 9px 7px 17px;
	color:#FFFFFF;
	background:#D8092F url(../../common/img/icon/cmn_icon08.png) 7px 15px no-repeat;
  filter: alpha(opacity=95);
  -moz-opacity:0.95;
  opacity:0.95;
	border:#D8092F solid 1px;
}

/*div#globalMenu ul li ul#globalMenu_product li a{ width:13em;}

div#globalMenu ul li ul#globalMenu_nutritional li a{ width:13em;}
div#globalMenu ul li ul#globalMenu_faq li a{ width:13em;}
div#globalMenu ul li ul#globalMenu_safety li a{ width:162px;}

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



#lower div#globalMenu{
	width:950px;
	clear:both;
	margin:0 auto 10px;
} 

/*パンくず*/

#lower div#globalMenu #crumb{
	font-size:0.8em;
	text-align:left;
	padding:11px 0 0 0;
	font-weight:bold;
	line-height:1;
}
#lower div#globalMenu #crumb span{
	padding:10px;
	color:#CCCCCC;
}
#lower div#globalMenu #crumb a{
	color:#666666;
	text-decoration:none;
	font-weight:normal;
}
#lower div#globalMenu #crumb a:hover{
	color: #990000;
}


/* contents
----------------------------------------------------------------------------*/

div#contents{
	width:100%;
	margin-bottom:50px;
}

	/* mainContents
	----------------------------------------------------------------------------*/
	#lower div#contents{
		width:950px;
		margin:0 auto 50px;
		text-align:center;
	}
	#lower div#contents p.text{
		margin:0 1em 1em;
		line-height:1.8;
	}
	/*subContents*/
	#lower div#subContents{
		width:190px;
		padding:30px 0 0 0;
		float:left;
		text-align:left;
	}
	/*sidemenu*/
	#lower div#subContents #subMenu{
		margin-bottom:30px;
	}
	#lower div#subContents #subMenu li{
		background:url(../img/cmn_line02.png) left bottom no-repeat;
		padding:0 0 4px;		
	}
	#lower div#subContents #subMenu li.select{
		background:none;
		padding:0 0 4px;		
	}
	#lower div#subContents #subMenu li a{
		display:block;
		width:168px;
		padding:9px 5px 5px 17px;
		color:#525552;
		text-decoration:none;
		line-height:1.5;
		background:url(../img/icon/cmn_icon02.png) 6px 14px no-repeat;
	}
	#lower div#subContents #subMenu li a:hover{
		background: url(../img/cmn_bg_sidebtn_hover.png) left top no-repeat;
	}
	/*second*/
	#lower div#subContents #subMenu li ul{
		background:url(../img/cmn_line02.png) left top no-repeat;
		padding:4px 0 0 0;		
	}
	#lower div#subContents #subMenu li ul li{
		background: url(../img/cmn_line01.png) left bottom repeat-x;
		padding:0 0 4px;		
	}
	#lower div#subContents #subMenu li ul li a{
		width:158px;
		padding:9px 5px 5px 27px;
		background:url(../img/icon/cmn_icon04.png) 14px 18px no-repeat;
	}
	#lower div#subContents #subMenu li ul li a:hover{
		background:url(../img/icon/cmn_icon04.png) 14px 18px no-repeat;
		color:#D70930;
	}

	/*sideBnr*/
	
	#lower div#subContents #bnrBox{
		margin-top:15px;
		padding-left:7px;
	}
	#lower div#subContents #bnrBox li{
		margin-bottom:15px;
	}

	/*mainContents*/
	#lower div#mainContents{
		width:720px;
		padding:30px 0 0 0;
		float:right;
		text-align:left;
	}
	#lower div#mainContents h3{
		margin:0 0 30px;
	}
	#lower .columnOne div#mainContents{
		width:950px;
		padding:30px 0 0 15px;
		float:left!important;
		text-align:left;
	}

	/*sideBnrSpecial*/
	#lower div#subContents #sideBnrSpecial{
		width:190px;
		padding:10px 0;
	}
	#lower div#subContents #sideBnrSpecial h3{
		margin-bottom:15px;
	}
	#lower div#subContents #sideBnrSpecial dl{
		width:190px;
		float:left;
		background:url(../img/cmn_line01.png) left bottom repeat-x;
		padding:0 0 5px;
		margin:0 0 5px;
	}
	#lower div#subContents #sideBnrSpecial dl dt{
		float:left;
	}
	#lower div#subContents #sideBnrSpecial dl dt img{
		padding:1px;
	}
	#lower div#subContents #sideBnrSpecial dl dd{
		width:127px;
		margin-left:60px;
		line-height:1.5;
	}
	#lower div#subContents #sideBnrSpecial dl dd a{
		background:url(../img/icon/cmn_icon02.png) 0 0.6em no-repeat;
		padding-left:12px;
		text-decoration:none;
		color:#525552;/**/
		display:block;
	}
	#lower div#subContents #sideBnrSpecial dl dd a:hover{
		color:#D70A30;
	}
	#lower div#subContents #sideBnrSpecial ul{
		width:190px;
		float:left;
	}
	#lower div#subContents #sideBnrSpecial ul li{
		background:url(../img/cmn_line01.png) left bottom repeat-x;
		padding:0 0 5px;
		margin:0 0 5px;
	}
	#lower div#subContents #sideBnrSpecial li a:hover{
		color:#D70A30;
	}
	#lower div#subContents #sideBnrSpecial li a{
		background:url(../img/icon/cmn_icon02.png) 0 0.5em no-repeat;
		padding-left:12px;
		text-decoration:none;
		color:#525552;/**/
		display:block;
		width:175px;
		line-height:1.4;
	}

/* footer
----------------------------------------------------------------------------*/

div#footer{
	width:100%;
	color:#FFF;
	clear:both;
	border-top:#E5E5E5 solid 1px;
	text-align:center;
}
div#footer p#pagetop{
	margin:-40px 0 0 0;
	z-index:10px;
	float:right;
	position: relative;
}
div#footer div#footerInner{
	width:950px;
	margin:20px auto;
	text-align:left;
}
div#footer div#footerInner a{
	color:#666666;
	text-decoration: none;
}
div#footer div#footerInner a:hover{
	color:#D70930;
	text-decoration: underline;
}
div#footer div#footerInner li span{
	color:#D70930;
	font-weight:bold;
	font-size:1.1em;
	padding-right:0.4em;
	margin-left:-1em;
}
div#footer div#footerInner .extraMenu{
	width:186px;
	background:url(../img/cmn_bg_pattern01.png);
	float:left;
	line-height:1.5;
	margin:0 5px 5px 0;
}
div#footer div#footerInner .end{
	margin-right:0!important;
}
div#footer div#footerInner .extraMenu ul{
	width:163px;
	padding:5px 13px 3px 10px;
}
div#footer div#footerInner .extraMenu ul.line{
	border-bottom:#FFF solid 5px;
}
div#footer div#footerInner .extraMenu ul ul{
	font-size:0.8em;
	width:153px;
	margin:0;
	padding:5px 0 0 10px;
	float:none;
	border:none;
}
div#footer div#footerInner .extraMenu ul ul li{
	margin-bottom:2px;
}

div#footer div#footerInner dl{
	margin-right:5px;
	float:left;
}
div#footer div#footerInner dl dt,
div#footer div#footerInner dl dd,
div#footer div#footerInner #companyMenu li{
	float:left;
}

div#footer div#footerInner div#copyRight{
	width:950px;
	float:left;
	padding:10px 0 9px;
	margin:20px 0;
	border-top:#E5E5E5 solid 1px;
	border-bottom:#E5E5E5 solid 1px;
}
div#footer div#footerInner div#copyRight p{
	float:left;
}
div#footer div#footerInner div#copyRight address{
	float:right;
}