@charset "utf-8";

/* Reset
---------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,th,var { 
	font-style:normal; 
	font-weight:normal; 
}
strong { 
	font-style:normal;
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym { border:0; 
}


/* Common
---------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
p {
	line-height:140%;
}
body {
	background-color:#FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
	font-size:80%;
	color:#333;
}
input,select,textarea{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
	color:#333;
}

a{overflow:hidden;}
a:link{color:#157100;}
a:visited{color:#157100;}
a:hover{color:#25c400;text-decoration:none;}
a:active{color:#25c400;text-decoration:none;}

p.link img{
	margin-right:3px;
}
#main{
	text-align:center;
}
	#main .noflash{
		padding:10px;
		text-align:left;
		color:#666666;
		background-color:#f3ecdb;
		border:solid 1px #ebe1ca;
	}
	#leftMenu .noflash{
		margin-bottom:10px;
	}
#header{
	background:url("/NR/rdonlyres/04EA97E4-9D48-4D24-9437-634116939BDB/0/bg_header.gif") repeat-x 0 0 #fff601;
	text-align:center;
}
#header #hBox{
	margin:0 auto;
	padding-top:12px;
	width:940px;
	height:90px;
	background:url("/NR/rdonlyres/F48812B3-406E-4B13-ADEC-2340337CF807/0/img_main.jpg") no-repeat top right;
	text-align:left;
}
	#header p.copy{
		margin-left:78px;
	}
#search{
	background:url("/NR/rdonlyres/0E20D08A-F09A-402A-8DA0-2ADE4444FB87/0/bg_search.gif") repeat-x 0 0 #FFF;
	text-align:center;
}
	#search #sBox{
		margin:0 auto;
		padding-top:10px;
		padding-bottom:5px;
		width:940px;
		text-align:left;
	}
		#search #sBox p{
			float:left;
		}
	#search input.keyword{
		margin-left:10px;
		padding:5px;
		width:275px;
		height:23px;
		background:url("/NR/rdonlyres/A4B2FAD8-79F4-4C04-B606-9F0588548ECF/0/txtbox_search.gif") no-repeat 0 0;
		border:0;
		color:#999;
	}
	#search select.keywordType{
		margin-top:2px;
		width:150px;
	}
	#search .searchBtn{
		margin-left:5px;
	}
	
#footerBox{
	margin-top:25px;
	margin-bottom:10px;
	padding-top:8px;
	background:url("/NR/rdonlyres/7BBA8A8E-CB87-4881-AD84-5D71E309B5CB/0/line_dot2.gif") repeat-x 0 0;
	text-align:center;
}
	#footerBox p.link{
		margin:0 auto;
		width:940px;
		text-align:right;
	}


/* 既存Footer
---------------------------------------------------------------------------------------*/
#Footer{
	padding-bottom:10px;
}
#Footer table#TableFooterLine{
	background:url("/NR/rdonlyres/3FA416C7-0600-427D-B210-12372F05648B/0/bg_footer.gif") repeat-x 0 0;
}
	#Footer table td{
		text-align:center;
	}
	#Footer div{
		margin:1px auto 0;
		width:940px;
		text-align:left;
	}		
#Footer table#TableFooter{
	margin:0 auto;
	width:940px;
}
	#Footer table#TableFooter td{
		text-align:left;
	}
		#Footer table#TableFooter td #SiteTopFooter_HyperLinkLogo{
			display:block;
			text-align:right;
		}


/* Index
---------------------------------------------------------------------------------------*/
#contents{
	margin:10px auto 0;
	width:940px;
	text-align:left;
}

#leftMenu{
	float:left;
	width:221px;
}
#menuFood ul.iconBox a,
#menuRecipe a,
#menuProduct ul.iconBox a{
	font-size:110%;
	font-weight:bold;
}
#menuFood ul.iconBox a:link,
#menuRecipe a:link,
#menuProduct ul.iconBox a:link{
	color:#000;
}
#menuFood ul.iconBox a:visited,
#menuRecipe a:visited,
#menuProduct ul.iconBox a:visited{
	color:#000;
}
#menuFood ul.iconBox a:hover,
#menuRecipe a:hover,
#menuProduct ul.iconBox a:hover{
	color:#25c400;
	text-decoration:none;
}
menuFood ul.iconBox a:active,
#menuRecipe a:active,
#menuProduct ul.iconBox a:active{
	color:#25c400;
	text-decoration:none;
}
#leftMenu .iconBox{
	padding:5px;
	width:209px;
	background-color:#FFF;
}
#leftMenu .category img{
	vertical-align:middle;
}
#leftMenu .category img.iconImg{
	margin-right:8px;
}

/* 食材から探す
---------------------------------------------*/

#menuFood{
	margin-bottom:10px;
}
#menuFood ul{
	overflow:hidden;
}
#menuFood .bg{
	background-color:#f1ffcf;
}
	#menuFood ul.iconBox,
	#menuFood .categoryList{
		border-left:solid 1px #7dd154;
		border-right:solid 1px #7dd154;
	}
		#menuFood ul.iconBox li.category{
			float:left;
			width:190px;
		}
		#menuFood ul.iconBox li.iconOpen{
			float:right;
			padding:8px 5px 10px 0;
			text-align:right;
		}
	#menuFood .categoryList{
		padding:0 5px 10px;
	}
		#menuFood .categoryList dt{
			padding:3px 0 3px 10px;
			background:url("/NR/rdonlyres/BF33051C-3E46-4FFF-97A9-95D552084187/0/icon_arrow3.gif") no-repeat left center;
			font-weight:bold;
		}
		#menuFood .categoryList dd{
			margin-left:10px;
			padding:3px 0 3px 13px;
			background:url("/NR/rdonlyres/99903CC7-6E8B-4BB9-A07C-C9083A319302/0/icon_list1.gif") no-repeat left center;
		}
		#menuFood .categoryList dd.last{
			background:url("/NR/rdonlyres/1B58F9C2-3CF8-4954-8805-98C734B2AEBC/0/icon_list2.gif") no-repeat left center;
		}

/* レシピから探す
---------------------------------------------*/
	
#menuRecipe{
	margin-bottom:10px;
}
#menuRecipe .iconBox{
	border-left:solid 1px #f4a2a2;
	border-right:solid 1px #f4a2a2;
}
#menuRecipe .bg{
	background-color:#ffebeb;
}

/* 製品から探す
---------------------------------------------*/

#menuProduct{
	margin-bottom:10px;
}
#menuProduct ul{
	overflow:hidden;
}
#menuProduct ul.iconBox,
#menuProduct .categoryList{
	border-left:solid 1px #fabb23;
	border-right:solid 1px #fabb23;
}
#menuProduct ul.bg{
	background-color:#fff0cc;
}
	#menuProduct ul.iconBox li{
		float:left;
	}
	#menuProduct ul.iconBox li.iconImg{
		width:40px;
	}
	#menuProduct ul.iconBox li.maggiProduct{
		width:160px;
	}
		#menuProduct ul.iconBox li.maggiProduct img{
			margin-left:5px;
		}
	#menuProduct ul.iconBox li.single{
		margin-top:8px;
	}
	
/* 091030追加分 -----------------------------*/

	#menuProduct ul.iconBox li.category{
		float:left;
		width:190px;
	}
	#menuProduct ul.iconBox li.iconOpen{
		float:right;
		padding:8px 5px 10px 0;
		text-align:right;
	}
	#menuProduct .categoryList{
		padding:0 5px 10px;
	}
		#menuProduct .categoryList dt{
			padding:3px 0 3px 10px;
			background:url("/NR/rdonlyres/BF33051C-3E46-4FFF-97A9-95D552084187/0/icon_arrow3.gif") no-repeat left center;
			font-weight:bold;
		}
		#menuProduct .categoryList dd{
			margin-left:10px;
			padding:3px 0 3px 13px;
			background:url("/NR/rdonlyres/99903CC7-6E8B-4BB9-A07C-C9083A319302/0/icon_list1.gif") no-repeat left center;
		}
		#menuProduct .categoryList dd.last{
			background:url("/NR/rdonlyres/1B58F9C2-3CF8-4954-8805-98C734B2AEBC/0/icon_list2.gif") no-repeat left center;
		}	
	

/* マギー製品プレゼントバナー
---------------------------------------------*/

#maggiPresent{
	margin-bottom:10px;
}
#maggiPresent .link{
	padding:5px 8px 0px 5px;
	background-color:#FFF;
	border-left:solid 1px #fabb23;
	border-right:solid 1px #fabb23;
	text-align:right;
	vertical-align:middle;
}

#mainContents{
	float:left;
	margin-left:17px;
	margin-right:18px;
	width:463px;
}
#mainContents #specialBanner{
	margin-bottom:10px;
}
	#specialBanner p{
		margin-bottom:5px;
	}
#mainContents #today{
	margin-bottom:20px;
}
#today #todayBox{
	padding-top:8px;
	padding-left:15px;
	padding-bottom:8px;
	background:url("/NR/rdonlyres/387522BC-A0C5-45B6-94EF-AF9B551A3D1D/0/today_bg1.jpg");
}
	#todayBox .recipeImg{
		float:left;
		padding:5px;
		width:178px;
		height:178px;
		background:url("/NR/rdonlyres/28DF6949-4734-429F-A7A7-07E9C2985470/0/today_img.jpg") no-repeat 0 0;
	}
	#todayBox .recipeData{
		float:left;
		width:250px;
	}
		#todayBox .recipeData .recipeName{
			margin-top:8px;
			margin-bottom:10px;
			margin-left:8px;
			padding-left:12px;
			background:url("/NR/rdonlyres/59369EBA-6D23-42D8-A238-2E5BAC6A5646/0/today_recipebar.jpg") no-repeat 0 0;
		}
		#todayBox .recipeData .recipeName a{
			font-size:110%;
			font-weight:bold;
		}
		#todayBox .recipeData .recipeName a:link{
			color:#000;
		}
		#todayBox .recipeData .recipeName a:visited{
			color:#000;
		}
		#todayBox .recipeData .recipeName a:hover{
			color:#25c400;
			text-decoration:none;
		}
		#todayBox .recipeData .recipeName a:active{
			color:#25c400;
			text-decoration:none;
		}
		#todayBox .recipeData table{
			margin-left:8px;
			background-color:#FFF;
			border:solid 5px #FFF;
		}
			#todayBox .recipeData table tr{
				background:url("/NR/rdonlyres/461EDD52-DD00-4C88-B0AF-D77054FD13C2/0/line_dot1.gif") repeat-x left bottom;
			}
			#todayBox .recipeData table tr.none{
				background:none;
			}
			#todayBox .recipeData table td{
				padding:3px;
			}
#today #commentBox{
	background:url("/NR/rdonlyres/24797B3C-02D4-4477-B6F6-EEEF853F9019/0/today_bg3.gif") 0 0;
}
	#commentBox .txt{
		padding:8px 8px 0 8px;
	}
#mainContents #other{
	margin-bottom:10px;
}
	#other dl{
		padding:0 10px 15px 10px;
		background-color:#FFF;
		border-right:solid 1px #ecd900;
		border-bottom:solid 1px #ecd900;
		border-left:solid 1px #ecd900;
	}
	#other dt{
		margin-bottom:5px;
		padding-top:25px;
		font-size:110%;
		font-weight:bold;
		color:#157100;
	}
	#other dt.top{
		padding-top:15px;
	}
		#other dt img{
			margin-right:5px;
		}
	#other dd{
		margin-bottom:10px;
		padding-left:10px;
		display:inline;
		line-height:160%;
	}

#subContents{
	float:left;
	width:221px;
}
	#subContents h3{
		margin-bottom:8px;
	}
	#subContents div,#subContents .subBanner{
		margin-bottom:10px;
		text-align:center;
	}
	#subContents .lineCross{
		margin-bottom:0;
		background:url("/NR/rdonlyres/6E1CA661-80EC-4D1D-9769-6E72EDDCEEC5/0/line_cross.gif") repeat-x 0 3px;
	}
	#subContents #point{
		border:solid 1px #72bd54;
	}
	#subContents #point p.link{
		margin-bottom:0;
		padding:5px;
		background-color:#e6fbe1;
		text-align:right;
	}
	#subContents #shun p{
		margin-bottom:0;
	}


/* Clearfix
---------------------------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }
.clearfix {display:block;}
/* end MacIE5 */