/*===================CONTENTS=======================

last-updated: 14:26 2008/2/25 mami;

MenuTitle
├Category
├Cyun
├h3
└h4
MenuText
├PRCopy
├Order
├Package
├Nutrient
└ShopingMemo
MenuPhoto
RecipeMemo
├Zairyou
└Tsukurikata


/*-----------------------------------------------------------
  基本
-----------------------------------------------------------*/

div#item{
	padding: 20px 0 0 0;
	}

div#item div.AreaBox{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 20px 0;
	}

/*-----------------------------------------------------------
  商品検索条件エリア（SearchArea）
-----------------------------------------------------------*/
div#item div.SearchArea{
	display: block;
	margin: 0 10px 0 10px;
	padding: 0;
	background: url(/img/item/bg_SearchArea.jpg);
	}
	div#item div.SearchArea div.SearchAreaT{
		display: block;
		position: relative;
		width: 660px;
		height: 55px;
		margin: 0;
		padding: 0;
		background: url(/img/item/bg_SearchAreaTitle.jpg) top;
		}
			div#item div.SearchArea div.SearchAreaT span{
				position: absolute;
				padding: 2px;
				top: 18px;
				left: 172px;
				text-align: right;
				font-size: 12px;
				color: #b26750;
				}
			div#item div.SearchArea div.SearchAreaT input{
				position: absolute;
				padding: 2px;
				top: 20px;
				left: 150px;
				text-align: right;
				font-size: 12px;
				}
			div#item div.SearchArea div.SearchAreaT div.accordionHeader a{
				display: block;
				width: 150px;
				height: 26px;
				overflow: hidden;
				text-indent: -10000px;
				color: #FFFFFF;
				background: #cdcdcd;
				}
	div#item div.SearchArea table.tbl{
		border-top: solid 1px #e8e1d8;
		}
	div#item div.SearchArea table.tbl th{
		padding: 6px 40px 6px 6px;
		border-bottom: solid 1px #e8e1d8;
		color: #E96800;
		}
	div#item div.SearchArea table.tbl td.normal{
		padding: 6px;
		border-bottom: solid 1px #e8e1d8;
		}
		div#item div.SearchArea td table	{border: none;}
		div#item div.SearchArea td table#chkGnereList td	{border: none; padding: 3px 15px 3px 3px;}
		div#item div.SearchArea td table#chkMenuList td		{border: none; padding: 3px 15px 3px 3px;}
		div#item div.SearchArea td table#rdbCalorie td		{border: none; padding: 3px 15px 3px 3px;}
div#item div.SearchFoot{
	display: block;
	margin: 0 10px 30px 10px;
	padding: 15px 10px 15px 10px;
	text-align: center;
	background: url(/img/item/bg_SearchAreaFoot.jpg) bottom;
	}

/*-----------------------------------------------------------
  商品検索結果一覧（SearchListArea）
-----------------------------------------------------------*/
div#item div.SearchListArea{
	margin: 0;
	padding: 10px 0;
	}
	div#item div.SearchListArea td.ItemView{
		width: 160px;
		margin: 0;
		padding: 3px 0 0 0;
		background: #F6F3EE;
		/*background: #F6F3EE url(/img/item/bg_ItemView.gif);
		border-bottom: solid 1px #dfdfdf;*/
		}
	div#item div.SearchListArea td.Itemhi	{background: url(/img/item/bg_ItemViewhi.jpg) top no-repeat; border-bottom: solid 1px #ffd570;}
	div#item div.SearchListArea td.Itemtei	{background: url(/img/item/bg_ItemViewtei.jpg) top no-repeat; border-bottom: solid 1px #86c5ff;}
		div#item div.SearchListArea td.ItemView td.Cate{
			height: 40px;
			text-align: right;
			font-size: 11px;
			}
			div#item div.SearchListArea td.ItemView td.Cate span{
				display: block;
				margin: 0;
				padding: 3px 0 0 0;
				font-weight: bold;
				font-size: 12px;
				letter-spacing: -1px;
				}
		div#item div.SearchListArea td.ItemView td.Img{
			height: 146px;
			background: #ffffff;
			border: solid 1px #dfdfdf;
			text-align: center;
			}
			div#item div.SearchListArea td.ItemView td.Price span{
				display: block;
				padding: 3px 3px 3px 30px;
				text-align: right;
				font-size: 12px;
				}
				div#item div.SearchListArea td.ItemView td.Price span.for1	{background: url(/img/item/bg_for1.jpg) no-repeat left center;}
				div#item div.SearchListArea td.ItemView td.Price span.for2	{background: url(/img/item/bg_for2.jpg) no-repeat left center;}
				div#item div.SearchListArea td.ItemView td.Price span.for3	{background: url(/img/item/bg_for3.jpg) no-repeat left center;}
		div#item div.SearchListArea td.ItemView td.Title span{
			display: block;
			font-size: 11px;
			}
		div#item div.SearchListArea td.ItemView td.Title a{
			font-weight: bold;
			}
div#item div.ListTitle{
	margin: 5px 10px;
	padding: 10px 10px 5px 10px;
	border-bottom: solid 1px #c7b09a;
	}
	div#item div.ListTitle strong{
		font-size: 16px;
		color: #72532b;
		}
	div#item div.ListTitle span{
		font-weight: bold;
		}
div#item div.ListPageCount{
	padding: 10px;
	}
	div#item div.ListPageCount td{
		padding: 5px;
		}

/*-----------------------------------------------------------
  商品タイトル（MenuTitle）
-----------------------------------------------------------*/
div#item div.MenuTitle{
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
	padding: 5px 0;
	border-top: solid 2px #cbc2b2;
	border-bottom: solid 1px #cbc2b2;
	}
	div#item div.MenuTitle h3{
		float: right;
		width: 510px;
		margin: 0;
		padding: 5px 0 0 0;
		background: none;
		border: none;
		font-size: 16px;
		line-height: 110%;
		color: #000000;
		}
	div#item div.MenuTitle h4{
		float: right;
		width: 510px;
		margin: 0 0 5px 0;
		padding: 0;
		background: none;
		border: none;
		font-size: 13px;
		line-height: 110%;
		color: #b09d85;
		}

	/*== Category・Cate1・Cate2 ===========================▼==*/
	div#item div.MenuTitle div.Category{
		float: left;
		width: 160px;
		height: 60px;
		margin: 0;
		padding: 0;
		}
		div#item div.MenuTitle div.Category div.Cate1{
			float: left;
			width: 85px;
			height: 60px;
			margin: 0 5px 0 0;
			padding: 0;
			}
		div#item div.MenuTitle div.Category div.Cate2{
			float: left;
			width: 60px;
			height: 60px;
			margin: 0 10px 0 0;
			padding: 0;
			}
	/*=====================================================▲==*/

	/*== Icon =============================================▼==*/
	div#item div.MenuTitle div.Icon{
		display: block;
		float: right;
		width: 510px;
		margin: 0;
		padding: 3px 0 0 0;
		text-align: left;
		font-size: 12px;
		font-weight: bold;
		line-height: 110%;
		}
		div#item div.MenuTitle div.Icon span.Osusume{
			padding: 5px 0 2px 0;
			color: #f29512;
			}
		div#item div.MenuTitle div.Icon span.Syun{
			padding: 5px 0 2px 0;
			color: #5aa00d;
			}
			div#item div.MenuTitle div.Icon span.Osusume img,
			div#item div.MenuTitle div.Icon span.Syun img{
				margin: -3px 3px 0 0;
				vertical-align: middle;
				}
	/*=====================================================▲==*/

/*-----------------------------------------------------------
  商品基本情報（MenuText）
-----------------------------------------------------------*/
div#item div.MenuText{
	float: right;
	width: 340px;
	margin: 0;
	padding: 0;
	}

	/*== PRCopy ===========================================▼==*/
	div#item div.MenuText div.PRCopy{
		float: left;
		margin: 0;
		padding: 0 0 10px 0;
		width: 340px;
		text-align: left;
		font-weight: bold;
		color: #af7747;
		}
	/*=====================================================▲==*/

	/*== Order ============================================▼==*/
	div#item div.MenuText div.Order{
		float: right;
		margin: 0;
		padding: 0 0 5px 0;
		width: 250px;
		}
		div#item div.MenuText div.Order div.Delivery span{
			display:block;
			clear: both;
			text-align: left;
			font-size: 12px;
			font-weight: bold;
			color: #b99f7a;
			}
		div#item div.MenuText div.Order div.Delivery span.Day{
			display:block;
			clear: both;
			padding: 2px 5px 2px 2px;
			background: url(/img/item/bg_Delivery.jpg) no-repeat left center;
			text-align: right;
			font-size: 16px;
			font-weight: bold;
			color: #000000;
			}
		div#item div.MenuText div.Order div.Cooking{
			text-align: right;
			font-size: 11px;
			}
			div#item div.MenuText div.Order div.Cooking table{
				margin: 0;
				padding: 0;
				border: none;
				}
			div#item div.MenuText div.Order div.Cooking td{
				padding: 0;
				border: none;
				}
			div#item div.MenuText div.Order div.Cooking td.Time{
				padding: 0;
				background: url(/img/item/bg_CookingC.jpg) repeat-x;
				text-align: right;
				font-size: 15px;
				font-weight: bold;
				}
		div#item div.MenuText div.Order table{
			margin: 5px 0;
			}
			div#item div.MenuText div.Order td{
				text-align: right;
				}
				div#item div.MenuText div.Order td.Day{
					text-align: center;
					font-size: 14px;
					font-weight: bold;
					}
			div#item div.MenuText div.Order th,
			div#item div.MenuText div.Order td{
				margin: 0;
				padding: 1px;
				border-bottom: solid 1px #e8e1d8;
				}
				div#item div.MenuText div.Order th span{
					display: block;
					text-align: center;
					color: #b1a795;
					font-weight: normal;
					font-size: 11px;
					}
				div#item div.MenuText div.Order td span{
					font-weight: bold;
					}
					div#item div.MenuText div.Order td span.pRed{
						color: #ff0000;
						}
					div#item div.MenuText div.Order td span.Red{
						display: block;
						text-align: center;
						color: #ff0000;
						font-weight: normal;
						}
					div#item div.MenuText div.Order td span.Gray{
						display: block;
						text-align: center;
						color: #b5b5b5;
						font-weight: normal;
						}
				div#item div.MenuText div.Order td.Btn{
					padding: 7px 0;
					text-align: center;
					}
					div#item div.MenuText div.Order td.Btn input{
						margin: 0;
						padding: 0;
						}
					div#item div.MenuText div.Order td.Btn .Notes{
						display: block;
						width: 213px;
						margin: 3px auto 0 auto;
						padding: 0;
						}
						div#item div.MenuText div.Order td.Btn .Notes span{
							display: block;
							padding: 4px;
							background: #ffffdf;
							border: solid 1px #ffefaf;
							text-align: left;
							font-size: 11px;
							font-weight: normal !important;
							letter-spacing: 1px;
							}
				div#item div.MenuText div.Order td.Comment{
					padding: 5px;
					text-align: left;
					font-size: 11px;
					line-height: 110%;
					}
		div#item div.MenuText div.Order div.Cart{
			text-align: center;
			}
	/*=====================================================▲==*/

	div#item div.MenuText div.MemberReg{
		float: left;
		width: 320px;
		height: 30px;
		margin: 0;
		margin-bottom: 10px;
		margin-left: 20px;
		padding: 0;
		/*background: #f6f3ee url(/img/item/t_Nutrient.jpg) top;*/
		}

	/*== Nutrient =========================================▼==*/
	div#item div.MenuText div.NutrientT{
		float: left;
		width: 340px;
		height: 30px;
		margin: 0;
		padding: 0;
		/*background: #f6f3ee url(/img/item/t_Nutrient.jpg) top;*/
		}
	div#item div.MenuText div.Nutrient{
		float: left;
		margin: 0 0 10px 0;
		padding: 7px 15px;
		background: #f6f3ee url(/img/item/bg_Nutrient.jpg) bottom;
		}
		div#item div.MenuText div.Nutrient table{
			margin: 0;
			border-top: solid 1px #cbc2b2;
			}
			div#item div.MenuText div.Nutrient th,
			div#item div.MenuText div.Nutrient td{
				margin: 0;
				padding: 1px 5px;
				border-bottom: solid 1px #cbc2b2;
				}
			div#item div.MenuText div.Nutrient th{
				border-right: solid 1px #cbc2b2;
				color: #685531;
				}
			div#item div.MenuText div.Nutrient td{
				text-align: right;
				}
				div#item div.MenuText div.Nutrient td.Memo{
					padding: 5px;
					border: none;
					text-align: left;
					}
				div#item div.MenuText div.Nutrient td.Allergy{
					padding: 5px;
					border: none;
					text-align: left;
					}
	/*=====================================================▲==*/

	/*== ShopingMemo ======================================▼==*/
	div#item div.MenuText div.ShopingMemoT{
		float: left;
		width: 340px;
		height: 30px;
		margin: 0;
		padding: 0;
		/*background: #f6f3ee url(/img/item/t_ShopingMemo.jpg) top;*/
		}
	div#item div.MenuText div.ShopingMemo{
		float: left;
		width: 340px;
		margin: 0;
		padding: 0;
		background: #f6f3ee url(/img/item/bg_ShopingMemo.jpg) bottom;
		}
		div#item div.MenuText div.ShopingMemo p{
			margin: 0;
			padding: 5px 15px 10px 15px;
			}
	/*=====================================================▲==*/

/*-----------------------------------------------------------
  商品メイン写真（MenuPhoto）
-----------------------------------------------------------*/
div#item div.MenuPhoto{
	float: left;
	width: 320px;
	margin: 0;
	padding: 0;
	}
	div#item div.MenuPhoto div.Img{
		display: block;
		margin: 0;
		padding: 10px 10px 5px 10px;
		background: url(/img/item/bg_MenuPhoto.jpg) top;
		}
		div#item div.MenuPhoto div.Img img{
			display: block;
			margin: auto;
			}
	div#item div.MenuPhoto div.Zoom{
		display: block;
		margin: 0 0 10px 0;
		padding: 0 10px 10px 10px;
		background: url(/img/item/bg_MenuPhotoZoom.jpg) bottom;
		text-align: center;
		}
	div#item div.MenuPhoto div.Package1{
		float: left;
		margin: 0;
		padding: 0 0 5px 0;
		width: 320px;
		background: #f9f8f7;
		text-align: center;
		font-size: 11px;
		}
		div#item div.MenuPhoto div.Package1 div.PImg{
			padding: 7px 7px 3px 7px;
			}
	div#item div.MenuPhoto div.Package2{
		float: right;
		margin: 0;
		padding: 0 0 5px 0;
		width: 154px;
		background: #f9f8f7;
		text-align: center;
		font-size: 11px;
		}
		div#item div.MenuPhoto div.Package2 div.PImg{
			padding: 7px 7px 3px 7px;
			}

/*-----------------------------------------------------------
  レシピメモ（RecipeMemo）
-----------------------------------------------------------*/
div#item div.RecipeMemoHead{
	display:block;
	clear: both;
	width: 680px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(/img/item/bg_RecipeMemoHead.jpg) bottom;
	}
div#item div.RecipeMemo{
	float: left;
	width: 680px;
	margin: 0;
	padding: 0 0 15px 0;
	background: url(/img/item/bg_RecipeMemo.gif) repeat-y;
	border-bottom: solid 2px #ddd6cb;
	}

	/*== Zairyou ==========================================▼==*/
	div#item div.Zairyou{
		float: right;
		width: 320px;
		margin: 0 10px 0 0;
		padding: 0;
		}
		div#item div.Zairyou h5{
			margin: 0 0 10px 0;
			padding: 0;
			background: none;
			border-top: none;
			border-right: none;
			border-bottom: solid 2px #cbc2b2;
			border-left: none;
			font-size: 16px;
			}
		div#item div.Zairyou table{
			width: 100%;
			border: solid 1px #cbc2b2;
			/*border-collapse: collapse;*/
			}
		div#item div.Zairyou th{
			border-top: solid 1px #cbc2b2;
			border-right: solid 1px #f0ebe4;
			border-bottom: solid 1px #cbc2b2;
			border-left: solid 1px #f0ebe4;
			padding: 0;
			text-align: center;
			}
			div#item div.Zairyou th.Title{
				border: none;
				background: #ab9b7f;
				color: #ffffff;
				}
		div#item div.Zairyou table td{
			padding: 0 3px;
			border-top: none;
			border-right: solid 1px #f0ebe4;
			border-bottom: solid 1px #f0ebe4;
			border-left: solid 1px #f0ebe4;
			text-align: center;
			vertical-align: middle;
			}
			div#item div.Zairyou table td img{
				margin: 0 1px 0 1px;
				vertical-align: middle;
				}
			div#item div.Zairyou table tr.Red td{
				color: #ff0000;
				}
			div#item div.Zairyou table td.name	{text-align: left;}
			div#item div.Zairyou table td.amount	{text-align: center; white-space: nowrap;}
			div#item div.Zairyou table td span	{padding: 0 2px 0 0; font-size: 10px;}
		div#item div.Zairyou span.Kome{
			display: block;
			padding: 3px 0;
			color: #ff0000;
			}
	/*=====================================================▲==*/

	/*== Tsukurikata ======================================▼==*/
	div#item div.Tsukurikata{
		float: left;
		width: 300px;
		margin: 0 0 0 10px;
		padding: 0;
		}
		div#item div.Tsukurikata h5{
			margin: 0 0 10px 0;
			padding: 0;
			background: none;
			border-top: none;
			border-right: none;
			border-bottom: solid 2px #cbc2b2;
			border-left: none;
			font-size: 16px;
			}
		div#item div.Tsukurikata div{
			margin: 0 0 20px 10px;
			padding: 0;
			}
			div#item div.Tsukurikata div img{
				margin: 0 1px 0 1px;
				vertical-align: middle;
				}
		div#item div.Tsukurikata h6{
			margin: 0;
			padding: 4px 0 6px 27px;
			border: none;
			font-size: 14px;
			}
			div#item div.Tsukurikata h6.Shitagoshirae	{padding: 4px 0 6px 0;}
			div#item div.Tsukurikata h6.Tejun	{padding: 4px 0 6px 0;}
			div#item div.Tsukurikata h6.Syusai	{margin:  -24px 0 0 0;}
			div#item div.Tsukurikata h6.Fukusai1	{margin:  -24px 0 0 0;}
			div#item div.Tsukurikata h6.Fukusai2	{margin:  -24px 0 0 0;}
			
	/* お届け明細書用 縦幅調整など */
	div#item div.Tsukurikata_recipe{
		float: left;
		width: 300px;
		margin: 0 0 0 10px;
		padding: 0;
		}
		div#item div.Tsukurikata_recipe h5{
			margin: 0 0 5px 0;
			padding: 0;
			background: none;
			border-top: none;
			border-right: none;
			border-bottom: solid 2px #cbc2b2;
			border-left: none;
			font-size: 16px;
			}
		div#item div.Tsukurikata_recipe div{
			margin: 0 0 5px 10px;
			padding: 0;
			}
			div#item div.Tsukurikata_recipe div img{
				margin: 0 1px 0 1px;
				vertical-align: middle;
				}
				
  		div#item div.Tsukurikata_recipe div span#lblPreCook{
			  font-size: 80%;
  			}
		div#item div.Tsukurikata_recipe h6{
			margin: 0;
			padding: 4px 0 3px 27px;
			border: none;
			font-size: 14px;
			}
			div#item div.Tsukurikata_recipe h6.Shitagoshirae	{padding: 4px 0 3px 0;}
			div#item div.Tsukurikata_recipe h6.Tejun	{padding: 4px 0 3px 0;}
			div#item div.Tsukurikata_recipe h6.Syusai	{margin:  -24px 0 0 0;}
			div#item div.Tsukurikata_recipe h6.Fukusai1	{margin:  -24px 0 0 0;}
			div#item div.Tsukurikata_recipe h6.Fukusai2	{margin:  -24px 0 0 0;}
	/*=====================================================▲==*/

/*-----------------------------------------------------------
  レシピ印刷（RecipePrint）
-----------------------------------------------------------*/
div#item div.RecipePrint{
	position: relative;
	float: left;
	width: 680px;
	height: 60px;
	margin: 0 0 2em 0;
	padding: 0;
	text-align: center;
	}
	div#item div.RecipePrint a.Print{
		position: absolute;
		display: block;
		width: 219px;
		height: 38px;
		top: 20px;
		left: 230px;
		}
	div#item div.RecipePrint a.Cart{
		position: absolute;
		display: block;
		width: 140px;
		height: 30px;
		top: 24px;
		left: 538px;
		}

/*-----------------------------------------------------------
   おすすめ商品
-----------------------------------------------------------*/
div.OsusumeItem{
	float: left;
	width: 100%;
	background: #F9F8F7;
	}
	div.OsusumeItem h4{
		margin: 0 10px;
		padding: 20px 10px 5px 10px;
		background: none;
		border: none;
		font-size: 14px;
		color: #000000;
		}
	div.OsusumeItem table{
		margin: 10px auto 20px auto;
		padding: 0;
		}
		div.OsusumeItem table td{
			padding: 0 8px;
			border-left: solid 1px #d8d0c3;
			vertical-align: top;
			}
			div.OsusumeItem table td div.Img{
				width: 146px;
				height: 145px;
				margin: 0;
				padding: 3px 0 0 0;
				background: #ffffff;
				border: solid 1px #dfdfdf;
				}
				div.OsusumeItem table td div.Img img{
					display: block;
					margin: auto;
					}
			div.OsusumeItem table td div.Detail{
				width: 100%;
				margin: 0;
				padding: 5px 0 0 0;
				}