@charset "utf-8";

/* -----------------------------------------------
 * はますい株式会社案件
 * 商品一覧（ディレクトリ/ファイル名) CSS
 *
 * Author     : sue
 * LastUpdate : 08/04/02
----------------------------------------------- */


/* -----------------------------------------------------------------------------
 * メインコンテンツ
----------------------------------------------------------------------------- */
#MainContents02{
	width: 600px;
	float: left;
	margin: 0 20px 0 0 ;
	padding: 0;
}

	/*商品一覧*/
	.title{
		margin: 10px 0;
		padding: 0;
	}
		#MainContents02 p{
			margin: 0 10px;
			padding: 0;
			text-indent: 1.0em;
		}
		
		/*商品別コンテナ*/
		#MainContents02 h4{
			height:30px;
			line-height: 30px;
			margin: 20px 0 10px;
			padding: 0 15px;
			font-size: 120%;
			letter-spacing: 0.2em;
			color: #FFFFFF;
			background: url(../img/title_bg01.jpg) top left no-repeat;
		}
		.itemview {
			margin: 0 0 10px;
			padding: 0 0 11px;
			background: url(../img/bg04.gif) bottom left no-repeat;
		}
		.itemview_border {
			margin: 0 0 10px;
			padding: 0 0 11px;
			background: url(../img/bg05.gif) bottom left no-repeat;
		}
			.itemview01 {
				float: left;
				width: 285px;
				margin: 10px 0 0;
				padding: 0;
			}
				.itemview01 img{
					width: 100px;
					float: left;
					margin: 0;
					padding: 0;
				}
				.itemview01 dl{
					float: left;
					width: 160px;
					margin: 0 0 0 15px;
					padding: 0;
				}
					.itemview01 dl dt{
						width: 160px;
						margin: 0 0 3px 0;
						padding: 0 0 3px 0;
						font-weight: bold;
						border-bottom: dotted 1px #999999;
					}
						.itemview01 dl dd{
							margin: 0;
							padding: 0;
							line-height: 1.3em;
							text-indent: 1.0em;
						}
				.itemview01 p{
					clear: both;
					text-align: right;
					margin: 0;
					padding: 0;
				}

			.itemview02 {
				float: right;
				width: 285px;
				margin: 10px 0 0;
				padding: 0;
			}
			.itemview02_border {
				float: right;
				width: 285px;
				margin: 0;
				padding: 10px 0 0;
				border-top: solid 1px #CCCCCC;
			}
				.itemview02 img{
					width: 100px;
					float: left;
					margin: 0;
					padding: 0;
				}
				.itemview02 dl{
					float: left;
					width: 160px;
					margin: 0 0 0 15px;
					padding: 0;
				}
					.itemview02 dl dt{
						width: 160px;
						margin: 0 0 3px 0;
						padding: 0 0 3px 0;
						font-weight: bold;
						border-bottom: dotted 1px #999999;
					}
						.itemview02 dl dd{ 
							margin: 0;
							padding: 0;
							line-height: 1.3em;
							text-indent: 1.0em;
						}
				.itemview02 p{
					clear: both;
					text-align: right;
					margin: 0;
					padding: 0;
				}





		/*商品説明*/
	.title_item{
		height:44px;
		line-height: 44px;
		margin: 10px 0;
		padding: 0 15px;
		font-size: 150%;
		letter-spacing: 0.2em;
		color: #FFFFFF;
		
		background: url(../img/title_bg.jpg) top left no-repeat;
	}
		.itemContainer01{
			margin: 0;
			padding: 0;
		}
			.bg01{
				margin: 0;
				padding: 0;
				font-size: 0;
				line-height: 0;
				vertical-align: bottom;
			}
			.bg03{
				margin: 0;
				padding: 0;
				font-size: 0;
				line-height: 0;
				vertical-align: top;
			}
			
				.itemContainer02{
					margin: 0;
					padding: 15px 20px;
					background: url(../img/bg02.gif) top left repeat-y;
				}
					/*上段*/
					.itemContainer03{
						margin: 0;
						padding: 0;
						border-bottom: dotted 1px #999999;
					}
					
						.item_photo{
							width: 180px;
							float: left;
							text-align: center;
							margin: 0;
							padding: 0;
						}
							.item_photo_img{
								margin: 20px 0 0 0;
								padding: 0;
								font-size: 0;
								line-height: 0;
							}


							/* --------------------------
							 * レシピ用
							 * add 09/06/11
							--------------------------- */
								#MainContents02 .recipe h3 {
									font-size: 130%;
									color: #ffffff;
									background: #990000;
								}
								#MainContents02 .recipe dl {
									margin: 0;
									padding: 20px 0 5px 15px;
									background: url("../img/bg02.gif") repeat-y left top;
								}
									#MainContents02 .recipe dt {
										margin: 0 0 5px;
										padding: 0 0 0 7px;
										font-weight: bold;
										border-left: 3px solid #990000;
									}
										#MainContents02 .recipe dd {
											margin: 0 0 0 30px;
											line-height: 1.1;
										}
											#MainContents02 .recipe dd ol {
												margin-bottom: 15px;
											}
												#MainContents02 .recipe dd ol li {
													margin-bottom: 5px;
												}

								/* ------------------
								 * 左用設定
								------------------ */
								 #MainContents02 .item_photo .recipe h3 {
									font-size: 100%;
								}
								#MainContents02 .item_photo .recipe dl {
									float: none;
									width: 180px;
									padding: 0 0 0;
									border: none;
									background: none;
								}
									.itemContainer03 .item_photo .recipe dl dt {
										margin: 0 0 5px 0;
									}
										.itemContainer03 .item_photo .recipe dl dd {
											margin: 0 0 0 30px;
										}


						.itemContainer03 dl{
							width: 360px;
							float: right;
							margin: 0;
							padding: 0 0 10px;
							border-left: dotted 1px #CCCCCC;
						}
							.itemContainer03 dl dt{
								margin: 5px 0 0 20px;
								padding: 0 0 0 7px;
								font-weight: bold;
								border-left: solid 3px #990000;
							}
							.itemContainer03 dl dd{
								margin: 0 0 0 20px;
								padding: 0;
							}
								.itemContainer03 dl dd ul{
									margin: 0 0 0 20px;
									padding: 0;
									line-height: 1.3;
								}
									.itemContainer03 dl dd ul li{
										margin: 0 0 5px;
										padding: 0;
										list-style-position:outside;
									}
					/*下段*/
					.itemContainer{
						margin: 10px 0 0;
						padding: 0;
					}
					.itemContainer_under{
						margin: 10px 0 0;
						padding: 20px 0 0;
						border-top: solid 1px #999999;
					}
						.priceContainer{
							width: 360px;
							float: right;
							margin: 0 0 10px;
							border-bottom: solid 1px #CCCCCC;
						}
						.saikoro{
							width: 360px;
							float: right;
							margin: 0 0 10px;
							border-bottom: solid 1px #CCCCCC;
						}
					.green {
						font-size: 105%;
						color: #2AAE29;
						font-weight: bold;
					}
							.priceContainer dl{
								margin: 0 0 0 20px;
								padding: 0;
							}
								.priceContainer dl dt{
									width: 65px;
									float: left;
									margin: 0;
									padding: 0;
									font-weight: bold;
								}
								.priceContainer dl dd{
									margin: 0 0 0 65px;
									padding: 0;
								}
							.saikoro dl{
								margin: 0 0 0 20px;
								padding: 0;
							}
								.saikoro dl dt{
									width: 80px;
									float: left;
									margin: 0;
									padding: 0;
									font-weight: bold;
								}
								.saikoro dl dd{
									margin: 0 0 0 80px;
									padding: 0;
								}
								.price{
									color: #990000;
									font-size: 110%;
									font-weight: bold;
								}
							.priceContainer ul,.saikoro ul{
								margin: 10px 10px 10px 20px;
								padding: 0;
								list-style: none;
							}
								.priceContainer ul li,.saikoro ul li{
									float: left;
									margin: 0 20px 0 0;
									padding: 0;
									font-weight: bold;
								}
								#selectVolume{
									width: 50px;
								}
							#FAXContainer{
								width: 360px;
								float: right;
								margin: 0;
								padding: 0;
							}
								#FAXContainer p{
									margin: 10px 0;
									padding: 0;
								}
								#FAXContainer p#FAXdl{
									text-align: right;
									margin: 0;
									padding: 0;
								}
									#FAXdl_icon{
										font-weight: bold;
									}
/*お買い物ご利用ガイド*/
	#MainContents02 h3{
		margin: 20px 0 10px;
		padding: 5px 10px;
		font-size: 105%;
		background: #CCCCCC;
	}
		#shoppingGuide{
			margin: 0;
			padding: 10px 15px;
			border: solid 1px #CCCCCC;
		}
			#Guide01{
				width: 284px;
				float: left;
				margin: 0 0 10px;
				padding: 0;
				border-right: dotted 1px #999999;
			}
				#Guide01 dt{
					margin: 5px 15px 5px 0;
					padding: 3px 5px;
					color: #FFFFFF;
					font-weight: bold;
					background: #666666;
				}
					#Guide01 dd{
						margin: 5px 15px 0 0;
						padding: 0;
					} 
						#Guide01  dd ul{
							margin: 0;
							padding: 0;
						} 
							#Guide01 dd ul li{
								margin: 0 0 0 20px;
								padding: 0;
								line-height:1.3;
								list-style-position:outside;
							} 
						.payment{
							margin:0;
							padding: 0;
						} 
							.payment li{
								margin: 0 0 0 20px;
								padding: 0;
								text-indent: 0.5em;
								font-weight: bold;
								line-height:1.3;
								list-style-type: decimal;
								list-style-position:outside;
							} 
							.payment_text {
								margin: 0;
								padding: 0;
							} 
									.payment_text li{
										margin: 0 0 0 20px;
										padding: 0;
										font-weight: normal;
										line-height:1.3;
										list-style-position:outside;
										list-style-type: disc;
									} 
							#for_shoppingguide{
								font-weight: normal;
							}

			#Guide02{
				width: 269px;
				float: right;
				margin: 0;
				padding: 0;
			}
				#Guide02 dt{
					margin: 5px 0;
					padding: 3px 5px;
					color: #FFFFFF;
					font-weight: bold;
					background: #666666;
				}
					#Guide02 dd{
						margin: 5px 0 0 15px;
						padding: 0;
					} 
						#Guide02  dd ul{
							margin: 0;
							padding: 0;
						} 
							#Guide02 dd ul li{
								margin: 0 0 0 5px;
								padding: 0;
								line-height:1.3;
								list-style-position:outside;
							} 
			#Guide03 {
				margin: 0;
				padding: 0;
			}
			
		/*送料*/
		#cost{
			margin: 0;
			padding: 0;
		}
			#cost dt{
				margin: 5px 0;
				padding: 3px 5px;
				color: #FFFFFF;
				font-weight: bold;
				background: #666666;
			}
				#cost dd{
					margin: 0;
					padding: 0;
				} 
					#cost dd table{
						width: 568px;
						margin: 0;
						padding: 0;
						font-size: 100%;
						table-layout:fixed;
						border: #999999;
						border-collapse:collapse;
					} 
					#cost dd table tr th {
						text-align: center;
						margin: 0;
						padding: 3px 5px;
						border: solid 1px #999999;
						background: #EEEEEE;
					} 
						#cost dd table tr td {
							margin: 0;
							padding: 3px 5px;
							border: solid 1px #999999;
						} 
						#cost dd table tr td.cost_price {
							text-align: center;
							margin: 0;
							padding: 3px 5px;
							border: solid 1px #999999;
						} 


/*海鮮炊き込みご飯途中のリストタグ*/
.itemContainer03 dl dd ul li.howtoTitle{
	margin: 0 0 5px;
	padding: 0;
	list-style-position:outside;
	color: #660000;
}
.howto{
	margin: 0 0 0 20px;
	padding: 0;
	line-height: 1.3em;
	color: #333333;
}
	.howto li{
		margin: 0;
		padding: 0;
		list-style-type:decimal;
		list-style-position:outside;
	}
.small{
	font-size: 80%;
	line-height: 1.0em;
	color: #555555;
	}

.otoku {
	border: solid 1px #999999;
}

/* --------------------------
 * 期間限定サービス
-------------------------- */
#otoku {
	margin-top: 1em;
        margin-left: 1em;
}
	#otoku th {
		padding: 2px;
		text-align: center;
		font-weight: bold;
		border: solid 1px #999999;
		background-color: #E0FFFF;
	}
	#otoku td {
		padding: 2px;
		font-weight: normal;
		border: solid 1px #999999;
	}