@charset "Shift_JIS";
/**
 :タイトル "ページ全体レイアウト設定";
 :一行説明 "ページ全体レイアウト設定のスタイルシートです";
 :作成日 "2010-00-00";
 :改訂版 [:版 "1.0.0"; :作成日 "2010-00-00"];
*/

div.helpNav{
	position: absolute;
	overflow: hidden;
	top: -9999px;
	left: 0;
}
/* --------------------------------
   スマートフォン版振り分け
-------------------------------- */	
#spLinkBlockInPc{
	display:none;
	text-align: center;
}
#spLinkBlockInPc a{
	display: block;
	font-size: 300%;
	padding: 0.85em 0;
	border: 3px solid #999;
	font-weight: bold;
	text-decoration:none;
}

#wrapper{
	border-top: 1px solid #E60021;
	background: #f2f2f2 url(../images/bg_body.gif) repeat-x left top;
}
#header{
	position: relative;
	width: 860px;
	height: 111px;
	margin: 0 auto;
	overflow: hidden;
}
#main{
	min-width: 910px;
	background: url(../images/bg_main03.jpg) no-repeat center top;
}
#mainInner{
	width: 910px;
	margin: 0 auto;
}
h1#catTtl,
p#catTtl{
	width: 860px;
	margin: 0;
	padding: 24px 25px 15px;
	background: url(../images/bg_cat-ttl.png) no-repeat left top;
}
* html h1#catTtl{
	behavior: expression(IEPNGFIX.fix(this));
}
* html p#catTtl{
	behavior: expression(IEPNGFIX.fix(this));
}
#content{
	width: 910px;
	background: url(../images/bg_main01.png) repeat-y left top;
}
* html #content{
	behavior: expression(IEPNGFIX.fix(this));
}
#contentInner{
	position: relative;
	zoom: 1;
	width: 910px;
	min-height: 700px;
	padding: 0 0 125px;
	background: url(../images/bg_main02.gif) no-repeat left bottom;
}
#contentInner:after{
	content:'';
	display:block;
	clear:both;
}


#main.main1cl #content{
	width: 910px;
	background: url(../images/bg_main01-02.png) repeat-y left top;
}
* html #main.main1cl #content{
	behavior: expression(IEPNGFIX.fix(this));
}
#main.main1cl #contentInner{
	background: url(../images/bg_main02-02.gif) no-repeat left bottom;
}
#main.main1cl #contentInner2{
	padding: 44px 53px 0;
	background: url(../images/bg_main06.gif) no-repeat left top;
	line-height: 1.75;
}

#primary{
	position: relative;
	float: right;
	/*width: 585px;*/
	width: 587px;
	padding: 0 53px 0 0;
	line-height: 1.75;
	background: url(../images/bg_main05.gif) no-repeat right top;
}
#secondary{
	float: left;
	width: 213px;
	padding-left: 25px;
	background: url(../images/bg_main04.gif) no-repeat left top;
}
#toPageTop{
	position: absolute;
	clear: both;
	right: 55px;
	bottom: 61px;
}
#toPageTop li{
	text-align: right;
	line-height: 1.1;
}
#toPageTop li a{
	padding-left: 15px;
	background: url(../images/icn_link-totop.gif) no-repeat left center;
}
#footer{
	overflow: hidden;
	clear: both;
	width: 860px;
	margin: 0 auto;
	padding-bottom: 15px;
}


/* ▼#header
   --------------------------------------------- */
/* ロゴ */
#header h1#siteTtl,
#header p#siteTtl{
	position: absolute;
	top: 10px;
	left: 0px;
}
#header p#siteLead{
	position: absolute;
	margin: 0;
	top: 80px;
	left: 0px;
}

/* グローバルナビ */
#header #globalNav{
	position: absolute;
	top: 68px;
	left: 0px;
	vertical-align: top;
}
#header #globalNav dt{
	position: absolute;
	overflow: hidden;
	top: -9999px;
	left: 0;
}
#header #globalNav ul{
	width: 860px;
	height: 43px;
	background: url(../images/bg_globalnav.gif) no-repeat left top;
	list-style: none; 
}
#header #globalNav ul li{
	float: left;
	height: 43px;
	vertical-align: top;
}
#header #globalNav ul li a{
	display: block;
	overflow: hidden;
	height: 0 !important; /*高さを0にする（IE7＆IE以外のモダンブラウザ）*/
	height /**/: 43px; /*ここに画像の高さ　※IE4-5では適用されない（IE6のみ適用）*/
	padding-top: 43px; /*ここにも画像の高さ*/
	text-decoration: none;
	font-size: 8px;
	line-height: 43px;
}
#header #globalNav ul li.nav01,
#header #globalNav ul li.nav01 a{
	width: 161px;
}
#header #globalNav ul li.nav02,
#header #globalNav ul li.nav02 a{
	width: 83px;
}
#header #globalNav ul li.nav03,
#header #globalNav ul li.nav03 a{
	width: 103px;
}
#header #globalNav ul li.nav04,
#header #globalNav ul li.nav04 a{
	width: 97px;
}
#header #globalNav ul li.nav05,
#header #globalNav ul li.nav05 a{
	width: 90px;
}
#header #globalNav ul li.nav06,
#header #globalNav ul li.nav06 a{
	width: 82px;
}
#header #globalNav ul li.nav07,
#header #globalNav ul li.nav07 a{
	width: 83px;
}
#header #globalNav ul li.nav08,
#header #globalNav ul li.nav08 a{
	width: 161px;
}
#header #globalNav ul li.nav01 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat 0px -43px;  
}
#header #globalNav ul li.nav02 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat -161px -43px;  
}
#header #globalNav ul li.nav03 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat -244px -43px;  
}
#header #globalNav ul li.nav04 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat -347px -43px;  
}
#header #globalNav ul li.nav05 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat -444px -43px;  
}
#header #globalNav ul li.nav06 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat -534px -43px;  
}
#header #globalNav ul li.nav07 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat -616px -43px;  
}
#header #globalNav ul li.nav08 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat -699px -43px;  
}

#recipeCat #header #globalNav ul li.nav01 a,
#recipeCat #header #globalNav ul li.nav01 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat 0px -86px;  
}
#productsCat #header #globalNav ul li.nav02 a,
#productsCat #header #globalNav ul li.nav02 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat -161px -86px;  
}
#entertainmentCat #header #globalNav ul li.nav03 a,
#entertainmentCat #header #globalNav ul li.nav03 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat -244px -86px;  
}
#customerCat #header #globalNav ul li.nav04 a,
#customerCat #header #globalNav ul li.nav04 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat -347px -86px;  
}
#safetyCat #header #globalNav ul li.nav05 a,
#safetyCat #header #globalNav ul li.nav05 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat -444px -86px;  
}
#csrCat #header #globalNav ul li.nav06 a,
#csrCat #header #globalNav ul li.nav06 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat -534px -86px;  
}
#companyCat #header #globalNav ul li.nav07 a,
#companyCat #header #globalNav ul li.nav07 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat -616px -86px;  
}
#irCat #header #globalNav ul li.nav08 a,
#irCat #header #globalNav ul li.nav08 a:hover{
	background: url(../images/bg_globalnav.gif) no-repeat -699px -86px;  
}


/* サブナビゲーション */
#header dl#assistNav{
	position: absolute;
	top: 13px;
	left: 361px;
	font-size: 86%;
}
#header dl#assistNav img{
	vertical-align: top;
}
#header dl#assistNav dt{
	position: absolute;
	overflow: hidden;
	top: -9999px;
	left: 0;
}
#header dl#assistNav ul li{
	float: left;
	margin-right: 16px;
}
#header dl#assistNav ul li.nav03,
#header dl#assistNav ul li.nav04{
	float: left;
	padding-right: 13px;
	margin-right: 11px;
	background: url(../images/bg_border-assist.gif) no-repeat right top;
}
#header p.siteTop{
	position: absolute;
	top: 13px;
	left: 169px;
	margin: 0;
}
#header p.siteTop img{
	vertical-align: top;
}


/* 検索 */
#header dl.search{
	zoom: 1;
	position: absolute;
	top: 38px;
	right: 1px;
	background: url(../images/bg_searchbox.gif) no-repeat left center;
}
#header dl.search *{
	vertical-align: top;
}
#header dl.search dt{
	position: absolute;
	overflow: hidden;
	top: -9999px;
	left: 0;
}
#header dl.search input#searchbox{
	zoom: 1;
	overflow: hidden;
	width: 177px;
	height: 20px;
	margin-right: 5px;
	padding: 0 10px;
	border: none;
	line-height: 20px;
	font-size: 12px;
	color: #af712d;
	background: transparent none;
}


/* 文字サイズ切り替え */
#header dl.fontResize{
	position: absolute;
	top: 10px;
	right: -3px;
}
#header dl.fontResize dt{
	float: left;
	margin: 3px 4px 0 0;
}
#header dl.fontResize dt img{
	vertical-align: top;
}
#header dl.fontResize dd{
	float: left;
	height: 18px;
	overflow: hidden;
	background: url(../images/bg_btn-fontsize.gif) no-repeat left top;
}
#header dl.fontResize li{
	float: left;
	width: 19px;
	height: 18px;
	margin-right: 4px;
	vertical-align: bottom;
	font-size: 6px;
}
#header dl.fontResize li a{
	display: block;
	overflow: hidden;
	width: 19px;
	height: 0 !important;
	height /**/: 18px;
	padding-top: 18px;
	text-decoration: none;
	vertical-align: bottom;
	line-height: 18px;
}
#header dl.fontResize li.fontS a{
	background: url(../images/bg_btn-fontsize.gif) no-repeat 0px -18px;
}
#header dl.fontResize li.fontS a:hover{
	background: url(../images/bg_btn-fontsize.gif) no-repeat 0px -18px;
}
#header dl.fontResize li.fontM a:hover{
	background: url(../images/bg_btn-fontsize.gif) no-repeat -23px -18px;
}
#header dl.fontResize li.fontL a:hover{
	background: url(../images/bg_btn-fontsize.gif) no-repeat -46px -18px;
}



/* ▼#topicpath
   --------------------------------------------- */
#topicpath{
	zoom: 1;
	overflow: hidden;
	margin-right: 135px;
	padding: 1.25em 0 2.5em;
	font-size: 86%;
	line-height: 1.35;
}
#topicpath dt{
	position: absolute;
	overflow: hidden;
	top: -9999px;
	left: 0;
	margin: 0;
	padding: 0;
}
#topicpath dd{
	margin: 0;
	padding: 0;
}
#topicpath ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#topicpath ul li{
	float: left;
	margin: 0;
	padding: 0;
}
* html #topicpath ul li{
	float: none;
	display: inline;
}/* IE6 */
*:first-child+html #topicpath ul li{
	float: none;
	display: inline;
}/* IE7 */
#topicpath ul li a,
#topicpath ul li span.none{
	display: block;
	margin-right: 5px;
	padding-right: 10px;
	background: url(../images/icn_topicpath.gif) no-repeat right center;
}
* html #topicpath ul li a,
* html #topicpath ul li span.none{
	display: inline;
}/* IE6 */
*:first-child+html #topicpath ul li a,
*:first-child+html #topicpath ul li span.none{
	display: inline;
}/* IE7 */


/* ▼#primary
   --------------------------------------------- */
#primary p.print{
	position: absolute;
	top: 0px;
	right: 30px;
	margin: 0;
}


/* ▼#secondary
   --------------------------------------------- */
/* ローカルナビ */
#secondary #localNav{
	margin-bottom: 1.5em;
	font-size: 86%;
	line-height: 1.35;
}
#secondary #localNav a{
	text-decoration: none;
}
#secondary #localNav a:visited{
	color: #842424;
}
#secondary #localNav a:hover{
	color: #ed5f00;
}
#secondary #localNav dt.category{
	background: url(../images/bg_ttl-category.gif) no-repeat left top;
}
#secondary.nav00 #localNav dt.category{
	padding: 0.85em 0 0.65em;
	background: url(../images/bg_ttl-category.gif) no-repeat right top;
}
#secondary #localNav dt.category a{
	display: block;
	padding: 1.35em 10px 1.15em 13px;
	font-weight: bold;
}
#secondary.nav00 #localNav dt.category a{
	padding: 0.5em 10px 0.5em 10px;
	border-left: 3px solid #d9001c;
}
#secondary #localNav dd.catNav{
	zoom: 1;
	border-top: 1px solid #ededed;
}
#secondary #localNav li{
	border-bottom: 1px solid #ededed;
}
#secondary #localNav li a{
	cursor: pointer;
	zoom: 1;
	display: block;
	margin-right: 3px;
	background: #fff url(../images/bg_localnav01.gif) repeat-x left bottom;
}
#secondary #localNav li a span{
	zoom: 1;
	display: block;
	padding: 1em 10px 1em 31px;
	font-weight: bold;
	background: url(../images/icn_link01.gif) no-repeat 13px 1.17em;
}
#secondary #localNav li a:hover span{
	background: url(../images/icn_link01_on.gif) no-repeat 13px 1.17em;
}
#secondary #localNav li.open a,
#secondary #localNav li.open.crt li a{
	display: block;
	margin-right: 3px;
	border-left: 4px solid #c3bcb1;
	background: #fff url(../images/bg_localnav03.gif) repeat-x left bottom;
}
#secondary #localNav li.crt a,
#secondary #localNav li.open.crt a{
	display: block;
	margin-right: 0;
	border-left: 4px solid #db001c;
	background: #fff url(../images/bg_localnav02.gif) no-repeat left bottom;
}

#secondary #localNav li.crt a span,
#secondary #localNav li.open a span{
	padding: 1em 10px 1em 27px;
	background: url(../images/icn_link01.gif) no-repeat 9px 1.17em;
}
#secondary #localNav li.crt a:hover span,
#secondary #localNav li.open a:hover span{
	background: url(../images/icn_link01_on.gif) no-repeat 9px 1.17em;
}
#secondary #localNav li.open ul li{
	border-top: 1px solid #ededed;
	border-bottom: none;
}
#secondary #localNav li.open li a{
	margin-right: 3px;
	border-left: 4px solid #c3bcb1;
	background: #fff url(../images/bg_localnav03.gif) repeat-x left bottom;
}
#secondary #localNav li.open li.crt a{
	display: block;
	margin-right: 0;
	border-left: 4px solid #db001c;
	background: #fff url(../images/bg_localnav02.gif) no-repeat left bottom;
}
#secondary #localNav li.open li a span{
	padding: 0.65em 10px 0.65em 27px;
	font-weight: normal;
	background: url(../images/icn_link02.gif) no-repeat 14px 1.08em;
}
#secondary #localNav li.open li a:hover span{
	background: url(../images/icn_link02_on.gif) no-repeat 14px 1.08em;
}
/*
#secondary.nav01 #localNav li.nav01 a,
#secondary.nav02 #localNav li.nav02 a,
#secondary.nav03 #localNav li.nav03 a,
#secondary.nav04 #localNav li.nav04 a,
#secondary.nav05 #localNav li.nav05 a,
#secondary.nav06 #localNav li.nav06 a,
#secondary.nav07 #localNav li.nav07 a,
#secondary.nav08 #localNav li.nav08 a,
#secondary.nav09 #localNav li.nav09 a,
#secondary.nav10 #localNav li.nav10 a{
	display: block;
	margin-right: 0;
	border-left: 4px solid #db001c;
	background: #fff url(../images/bg_localnav02.gif) no-repeat left bottom;
}*/


/* 関連項目 */
#secondary #relatedNav{
	width: 196px;
	margin: 0 0 1em 18px;
	font-size: 86%;
	line-height: 1.35;
}
#secondary #relatedNav a{
	text-decoration: none;
}
#secondary #relatedNav a:visited{
	color: #842424;
}
#secondary #relatedNav a:hover{
	color: #ed5f00;
}
#secondary #relatedNav dt{
	margin-bottom: 5px;
}
#secondary #relatedNav ul{
	border-top: 1px solid #d5d5d5;
}
#secondary #relatedNav li{
	border-bottom: 1px solid #d5d5d5;
}
#secondary #relatedNav li a{
	display: block;
	padding: 0.65em 10px 0.65em 11px;
	background: url(../images/icn_link02.gif) no-repeat 0px 1.08em;
}
#secondary #relatedNav li a:hover{
	background: url(../images/icn_link02_on.gif) no-repeat 0px 1.08em;
}



/* ▼#footer
   --------------------------------------------- */
#footer dl.assistNav{
	float: left;
}
#footer dl.assistNav dt{
	position: absolute;
	overflow: hidden;
	top: -9999px;
	left: 0;
}
#footer dl.assistNav li{
	float: left;
	margin-right: 15px;
}
#footer p.copyright{
	float: right;
	margin: 2px 0 0;
}
#footer p.copyright span{
	overflow: hidden;
	display: block;
	height: 0 !important; /*高さを0にする（IE7＆IE以外のモダンブラウザ）*/
	height /**/: 11px; /*ここに画像の高さ　※IE4-5では適用されない（IE6のみ適用）*/
	padding-top: 11px; /*ここにも画像の高さ*/
	background: url(../images/txt_copyright.gif) no-repeat right top;
	vertical-align: top;
}