/*
===================CONTENTS=======================
▼ last-updated:  2008/03/22;

/*-----------------------------------------------------------
  Waku
-----------------------------------------------------------*/
div#Waku{
	width: 980px;
	margin: 0 auto;
	padding: 0 5px;
	background: url(/img/bg_waku.png) center top repeat-y;
	text-align: left;
	}
div#Waku #bg_white{
	background: #ffffff;
	}

/*-----------------------------------------------------------
  FrameHead
-----------------------------------------------------------*/
#FrameHead{
	position: relative;
	width: 900px;
	height: 112px;
	margin: 0 auto;
	background: url(/img/bg_FrameHead.jpg) 335px -50px no-repeat;
	}
	#FrameHead #Copy{
		position: absolute;
		width: 600px;
		top: 10px;
		left: 0;
		margin: 0;
		padding: 0;
		font-size: 10px;
		color: #45332c;
		letter-spacing: 0;
		line-height: 120%;
		}
	#FrameHead h1{
		position:absolute;
		width: 430px;
		height: 72px;
		margin: 0;
		padding: 0;
		top: 30px;
		left: 0;
		}
		#FrameHead h1 a{
			display: block;
			width: 307px;
			height: 64px;
			background: url(/img/logo.gif) no-repeat;
			text-indent: -10000px;
			text-decoration: none;
			overflow: hidden;
			}
	#FrameHead #HeadUMenu{
		position: absolute;
		top: 10px;
		right: 0;
		margin: 0;
		padding: 0;
		width: 325px;
		list-style:none;
		}
		#FrameHead #HeadUMenu li{
			float: left;
			margin: 0 25px 0 0;
			}
			#FrameHead #HeadUMenu li a{
				color: #757474;
				padding: 0 0 0 15px;
				}
				#FrameHead #HeadUMenu li.HMenu_top a		{ background: url(/img/icon_top.gif) left center no-repeat; }
				#FrameHead #HeadUMenu li.HMenu_inquiry a	{ background: url(/img/icon_inquiry.gif) left center no-repeat; }
				#FrameHead #HeadUMenu li.HMenu_sitemap a	{ background: url(/img/icon_sitemap.gif) left center no-repeat; }
				#FrameHead #HeadUMenu li a:hover{ color: #000000; }

	#FrameHead #HeadShopMenu{
		position: absolute;
		top: 60px;
		right: 0;
		margin: 0;
		padding: 0;
		width: 325px;
		list-style:none;
		}
		#FrameHead #HeadShopMenu li{
			float: left;
			margin: 0;
			}
			#FrameHead #HeadShopMenu li.ShopMenu_flow{ margin: 0 15px 0 0; }
			#FrameHead #HeadShopMenu li a{
				display: block;
				height: 27px;
				text-indent: -10000px;
				overflow: hidden;
				}
				#FrameHead #HeadShopMenu li.ShopMenu_flow a{
					width: 145px;
					background: url(/img/btn_ShopMenu.jpg) 0 0 no-repeat;
					}
					#FrameHead #HeadShopMenu li.ShopMenu_flow a:hover{
						background-position: 0 -27px;
						}
				#FrameHead #HeadShopMenu li.ShopMenu_cart a{
					width: 165px;
					background: url(/img/btn_ShopMenu.jpg) -145px 0 no-repeat;
					}
					#FrameHead #HeadShopMenu li.ShopMenu_cart a:hover{
						background-position: -145px -27px;
						}

/*-----------------------------------------------------------
  MainMenu
-----------------------------------------------------------*/
#MainMenu{
	width: 900px;
	height: 40px;
	margin: 0 auto;
	}
	#MainMenu ul{
		display: block;
		width: auto;
		height: 40px;
		margin: 0;
		padding: 0;
		list-style: none;
		border: none;
		}
		#MainMenu ul li{
			display: block;
			width: 150px;
			float: left;
			margin: 0;
			padding: 0;
			}
			#MainMenu ul li a{
				display: block;
				width: 150px;
				height: 40px;
				margin: 0;
				padding: 0;
				background: url(/img/MainMenu.jpg) no-repeat;
				text-indent: -10000px;
				overflow: hidden;
				}
				#MainMenu ul li a#Menu_ec		{background-position: 0 0;}
				#MainMenu ul li a#Menu_bland	{background-position: -150px 0;}
				#MainMenu ul li a#Menu_tokusan	{background-position: -300px 0;}
				#MainMenu ul li a#Menu_recipe	{background-position: -450px 0;}
				#MainMenu ul li a#Menu_town		{background-position: -600px 0;}
				#MainMenu ul li a#Menu_yaizu100	{background-position: -750px 0;}

				#MainMenu ul li a:hover#Menu_ec			{background-position: 0 -40px;}
				#MainMenu ul li a:hover#Menu_bland		{background-position: -150px -40px;}
				#MainMenu ul li a:hover#Menu_tokusan	{background-position: -300px -40px;}
				#MainMenu ul li a:hover#Menu_recipe		{background-position: -450px -40px;}
				#MainMenu ul li a:hover#Menu_town		{background-position: -600px -40px;}
				#MainMenu ul li a:hover#Menu_yaizu100	{background-position: -750px -40px;}


/*-----------------------------------------------------------
  FrameMain
-----------------------------------------------------------*/
div#FrameMain{
	margin: 0 auto;
	padding: 0;
	width: 900px;
	}

#Contents{
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	width: 670px;
	zoom: 1;
position: relative;
	}

#Sidemenu{
	float: right;
	margin: 20px 0 0 0;
	padding: 0;
	width: 200px;
	zoom: 1;
position: relative;
	}
	.BnrArea{
		margin: 0 0 20px 0;
		padding: 0;
		}

	.SearchKeyword{
		margin: 0 0 10px 0;
		padding: 0;
		background: url(/img/bg_Search.gif) left bottom no-repeat;
		}
		.SearchKeyword .SearchKeywordT{
			margin: 0;
			height: 40px;
			background: url(/img/t_SearchKeyword.gif) 0 0 no-repeat;
			text-indent: -10000px;
			}
		.SearchKeyword form{
			margin: 0;
			padding: 0 15px 7px 15px;
			}
			.SearchKeyword form input{
				vertical-align: middle;
				border: 1px solid #d4d3d3;
				}
			.SearchKeyword form p{
				margin: 7px 0 0 0;
				font-size: 10px;
				}

	.SearchCategory{
		margin: 0 0 20px 0;
		padding: 0;
		background: url(/img/bg_Search.gif) left bottom no-repeat;
		}
		.SearchCategory .SearchCategoryT{
			margin: 0;
			height: 40px;
			background: url(/img/t_SearchCategory.gif) 0 0 no-repeat;
			text-indent: -10000px;
			}
		.SearchCategory ul{
			margin: 0 15px;
			padding: 0 0 15px 0;
			list-style: none;
			}
			.SearchCategory ul li{
				margin: 0;
				padding: 3px 0;
				}
				.SearchCategory ul li a{
					margin: 0;
					padding: 0 0 0 10px;
					background: url(/img/listmark02.gif) 0 5px no-repeat;
					}

	.Ranking{
		margin: 0 0 20px 0;
		padding: 0;
		}
		.Ranking .RankingT{
			margin: 0;
			padding: 0;
			background: url(/img/t_Ranking.jpg) 0 0 no-repeat;
			height: 33px;
			text-indent: -10000px;
			}
		.Ranking .RankingC{
			margin: 0;
			padding: 10px 10px 7px 10px;
			border-right: 1px solid #bb9887;
			border-bottom: 1px solid #bb9887;
			border-left: 1px solid #bb9887;
			}
			.Ranking .RankingC dl{
				margin: 0 0 7px 0;
				padding: 0 0 8px 0;
				background: url(/img/dotline.gif) left bottom repeat-x;
				/zoom: 1;
				}
				.Ranking .RankingC dl:after{
					content: '';
					display: block;
					clear: both;
					}
				.Ranking .RankingC dl dt{
					margin: 0;
					padding: 0;
					float: left;
					width: 15px;
					height: 40px;
					text-indent: -10000px;
					}
					.Ranking .RankingC dl.rank1 dt{background: url(/img/rank1.gif) 0 0 no-repeat;}
					.Ranking .RankingC dl.rank2 dt{background: url(/img/rank2.gif) 0 0 no-repeat;}
					.Ranking .RankingC dl.rank3 dt{background: url(/img/rank3.gif) 0 0 no-repeat;}
					.Ranking .RankingC dl.rank4 dt{background: url(/img/rank4.gif) 0 0 no-repeat;}
					.Ranking .RankingC dl.rank5 dt{background: url(/img/rank5.gif) 0 0 no-repeat;}
				.Ranking .RankingC dl dd.image{
					margin: 0 0 0 7px;
					padding: 0;
					float: left;
					height: 40px;
					width: 50px;
					overflow: hidden;
					}
					.Ranking .RankingC dl dd.image img{
						width: 50px;
						}
				.Ranking .RankingC dl dd.title{
					margin: 0 0 0 10px;
					padding: 0;
					float: left;
					font-size: 10px;
					width: 95px;
					}

	.Information{
		margin: 0 0 20px 0;
		padding: 0;
		}
		.Information .InformationT{
			margin: 0;
			padding: 0;
			background: url(/img/t_information.gif) 0 0 no-repeat;
			height: 25px;
			text-indent: -10000px;
			}
			.Information ul{
				margin: 0;
				padding: 7px 10px;
				list-style: none;
				border-right: 1px solid #bb9887;
				border-bottom: 1px solid #bb9887;
				border-left: 1px solid #bb9887;
				}
				.Information ul li{
					margin: 0;
					padding: 3px 0;
					}
					.Information ul li a{
						margin: 0;
						padding: 0 0 0 10px;
						background: url(/img/listmark02.gif) 0 5px no-repeat;
						}

	.Sponsor{
		margin: 0 0 20px 0;
		padding: 0;
		}
		.Sponsor .SponsorT{
			margin: 0;
			padding: 0;
			background: url(/img/t_sponsor.gif) 0 0 no-repeat;
			height: 25px;
			text-indent: -10000px;
			}
			.Sponsor ul{
				margin: 0;
				padding: 7px 10px;
				list-style: none;
				border-right: 1px solid #bb9887;
				border-bottom: 1px solid #bb9887;
				border-left: 1px solid #bb9887;
				}
				.Sponsor ul li{
					margin: 0;
					padding: 3px 0;
					}
					.Sponsor ul li a{
						margin: 0;
						padding: 0;
						}

	.List{
		margin: 0 0 20px 0;
		padding: 0;
		}

	.TopPickupe{
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		}
		.TopPickupe .TopPickupeT{
			margin: 0 0 20px 0;
			height: 32px;
			background: url(/img/t_pickupe.jpg) 0 0 no-repeat;
			text-indent: -10000px;
			}
		.TopPickupe .TopPickupeList{
			margin: 0;
			padding: 0;
			background: url(/img/dotline_bg_Pickupe.gif) right top repeat-y;
			}
			.TopPickupe .TopPickupeList dl{
				margin: 0 0 20px 0;
				padding: 0 20px;
				width: 183px;
				float: left;
				background: url(/img/dotline_bg_Pickupe.gif) left top no-repeat;
				overflow: hidden;
				_height: 250px;
				}
				.TopPickupe .TopPickupeList dt{
					margin: 0 0 10px 0;
					padding: 0;
					width: 180px;
					height: 140px;
					overflow: hidden;
					}
					.TopPickupe .TopPickupeList dt img{
						display: block;
						margin: 0 auto;
						padding: 0;
						height: 140px;
						width: auto;
						}
				.TopPickupe .TopPickupeList dd.title{
					margin: 0 0 5px 0;
					padding: 0;
					}
				.TopPickupe .TopPickupeList dd.money{
					margin: 0 0 5px 0;
					padding: 0;
					color: #ff0000;
					text-align: right;
					}
				.TopPickupe .TopPickupeList dd.cart	{background: url(/img/Ec/icon_cart.jpg) left center no-repeat;}
				.TopPickupe .TopPickupeList dd.tenpo{background: url(/img/Ec/icon_tenpo.jpg) left center no-repeat;}
				.TopPickupe .TopPickupeList dd.comment{
					margin: 0 0 5px 0;
					padding: 0;
					height: 47px;
					overflow: hidden;
					}
				.TopPickupe .TopPickupeList dd.bland{
					margin: 0 0 5px 0;
					text-align: left;
					font-size: 12px;
					}
				.TopPickupe .TopPickupeList dd.bland img{
					float: left;
					margin-right: 5px;
					}
				.TopPickupe .TopPickupeList dd.bland span{
					display: block;
					color: #ff0000;
					}

		/* お中元パターン */
		h2.chugen{
			background: url(/img/ct_chugen.gif) 0 0 no-repeat !important;
			}
		.TopPickupe .TopPickupeList2{
			margin: 40px 0 0 0;
			padding: 0;
			background: url(/img/dotline_bg_Pickupe2.gif) right top repeat-y;
			}
			.TopPickupe .TopPickupeList2 dl{
				margin: 0 0 20px 0;
				padding: 0 30px;
				width: 275px;
				float: left;
				background: url(/img/dotline_bg_Pickupe2.gif) left top no-repeat;
				overflow: hidden;
				_height: 390px;
				}
				.TopPickupe .TopPickupeList2 dt{
					margin: 0 0 10px 0;
					padding: 0;
					width: 275px;
					height: 255px;
					overflow: hidden;
					}
					.TopPickupe .TopPickupeList2 dt img{
						display: block;
						margin: 0 auto;
						padding: 0;
						height: 255px;
						width: auto;
						}
				.TopPickupe .TopPickupeList2 dd.title{
					margin: 0 0 5px 0;
					padding: 0;
					}
				.TopPickupe .TopPickupeList2 dd.money{
					margin: 0 0 5px 0;
					padding: 0;
					color: #ff0000;
					text-align: right;
					font-size: 14px;
					font-weight: bold;
					}
				.TopPickupe .TopPickupeList2 dd.comment{
					margin: 0 0 5px 0;
					padding: 0;
					height: 49px;
					_height: 55px;
					overflow: hidden;
					}

/*-----------------------------------------------------------
  pankuzu
-----------------------------------------------------------*/
div#Pankuzu{
	font-size:90%;
	margin: 0 0 20px 0;
	padding:5px;
	border-top: 1px solid #e7e6e4;
	}
div#Pankuzu a{
	text-decoration:none;
	}

/*-----------------------------------------------------------
  GotoTop
-----------------------------------------------------------*/
#GotoTop{
	width: 900px;
	margin: 0 auto 20px auto;
	padding: 10px 0 0 0;
	text-align: right;
	border-top: 1px solid #f3ede7;
	}
	#GotoTop a{
		padding: 0 0 0 10px;
		background: url(/img/bg_GotoTop.gif) 0 5px no-repeat;
		font-size: 10px;
		}


/*-----------------------------------------------------------
  FrameFoot
-----------------------------------------------------------*/
div#FrameFoot{
	width: 900px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	}

	/*== FootIndex ========================================▼==*/
	#FootIndex{
		display: block;
		width: auto;
		margin: 0 0 15px 0;
		padding: 0;
		border: 1px solid #e8e8e3;
		}
		#FootIndex #IndexArea{
			display: block;
			width: auto;
			margin: 0;
			padding: 20px 0 20px 20px;
			border: 1px solid #ffffff;
			background: #faf6f6;
			}
			#FootIndex #IndexArea dl{
				float: left;
				margin: 0 20px 15px 0;
				width: 155px;
				}
			#FootIndex #IndexArea dt{
				display: block;
				margin: 0 0 5px 0;
				padding: 0 0 5px 0;
				font-weight: bold;
				font-size: 12px;
				border-bottom: 1px solid #44332c;
				}
			#FootIndex #IndexArea dd{
				display: block;
				margin: 0 0 0 3px;
				padding: 1px 0;
				background: url(/img/listmark02.gif) 0 8px no-repeat;
				font-size: 12px;
				}
				#FootIndex #IndexArea dd a{
					padding: 1px 1px 1px 9px;
					text-decoration: none;
					font-size: 10px;
					}
	/*=====================================================▲==*/

	/*== FootProfile ========================================▼==*/
	#FootProfile{
		margin: 0;
		padding: 0;
		font-size: 10px;
		width: 450px;
		float: left;
		}
		#FootProfile #FootLogo{
			margin: 0 10px 0 0;
			padding: 0;
			width: 56px;
			height: 35px;
			float: left;
			}
			#FootProfile #FootLogo a{
				display: block;
				margin: 0;
				padding: 0;
				width: 56px;
				height: 35px;
				background: url(/img/logo_foot.gif) 0 0 no-repeat;
				text-indent: -10000px;
				overflow: hidden;
				}

	/*=====================================================▲==*/

	/*== FootUMenu ========================================▼==*/
	#FootUMenu{
		width: 320px;
		margin: 0;
		padding: 0;
		float: right;
		}
		#FootUMenu ul{
			display: block;
			list-style-type: none;
			text-align: left;
			margin: 0;
			padding: 0;
			}
			#FootUMenu ul li{
				display: inline;
				float: left;
				margin: 0 15px 0 0;
				padding: 0;
				text-align: left;
				border-right: 1px solid #44332c;
				background: none;
				line-height: 1em;
				}
				#FootUMenu ul li a{
					margin: 0 15px 0 0;
					padding: 0;
					letter-spacing: 1px;
					font-size: 10px;
					}
				#FootUMenu ul li.End{
					margin-right: 0;
					border-right: 0;
					}
	/*=====================================================▲==*/

	/* コピーライト */
	div#FrameFoot div#CopyRight{
		height: 2em;
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 20px 0px;
		background: url(/img/FrameFoot.jpg) top no-repeat;
		}
		div#FrameFoot div#CopyRight div#CopyRightC{
			z-index: 1;
			position: absolute;
			width: 870px;
			text-align: center;
			margin: 5px auto;
			}
		div#FrameFoot div#CopyRight span{
			z-index: 2;
			position: absolute;
			width: 870px;
			margin: 5px 0px;
			text-align: right;
			}
