@charset "utf-8";
/* -----------------------------------------------
 * 記念日コーディネート用CSS
 * 
 * Last Update 2009/01/08
----------------------------------------------- */
/* TOPページ */
#contents {
	margin: 3px 0;
}
	#contents h2 {
		margin-bottom: 18px;
	}
	#contents #option {
		margin: 18px 0;
		padding-bottom: 18px;
		border-bottom: 1px solid #000000;
	}
		#contents #option li {
			float: left;
			margin-right: 3px;
		}
			#contents #option li.end {
				margin-right: 0;
			}
	#contents h3 {
		margin-bottom: 18px;
	}
	#contents dl {
		margin-bottom: 32px;
	}
		#contents dt {
			margin-bottom: 3px;
		}
		#contents dd {
			margin-bottom: 18px;
		}
/* フォーム */
#contents #optionTitle {
	float: left;
	width: 258px;
}
#contents #optionDetail {
	float: left;
	width: 475px;
	margin-left: 10px;
	
}
	#optionDetail #attention {
		width: 470px;
		margin: 13px 0;
		padding: 0 8px;
		border: 1px solid #C40018;
	}
		#attention p {
			color: #C40018;
			font-weight: bold;
			font-size: 105%;
		}
	#optionDetail dl dt {
		font-size: 80%;
	}
	#optionDetail dl dd p {
		font-size: 80%;
	}
	#optionDetail dl dd li {
		list-style-type: disc;
		margin-left: 15px;
		font-size: 80%;
	}

/* フォーム本体 */
/* フォームを囲む全体のテーブル */
table.mailForm {
	width: 732px;
}
	/* thで背景の色は黄色になる */
	table.mailForm th {
		width: 248px;
		padding: 5px 0 5px 10px;
		border-bottom: 10px solid #ffffff;
		font-weight: normal;
		text-align: left;
		background: #F9EED6;
	}
		/* thが空だった場合 */
		table.mailForm th.empty {
			background: none;
		}
	/* tdの指定 */
	table.mailForm td {
		padding: 5px 0 5px 10px;
		border-bottom: 10px solid #ffffff;
	}
		/* tdの中のinput textの指定 */
		td input.text {
			width: 100%;
		}
		/* 数値のインプット */
		td input.numeric {
			width: 40px;
		}
		/* テキストエリア */
		td textarea.text {
			width: 100%;
		}

	/* ===== ワイン ===== */
	table.wine {
		width: 100%;
		border-spacing: 5px;
	}
		table.wine td {
			padding-right: 5px;
			text-align: right;
			white-space: nowrap;
			border-right: 1px solid #8E919D;
			
		}
			table.wine td.brand {
				text-align: left;
			}
			table.wine td.assignment {
				border-right: none;
			}

	/* リセットボタン　左寄せ */
	table.mailForm td.reset {
		text-align: left;
	}
	/* 確認画面へボタン　右寄せ */
	table.mailForm td.confirmation {
		text-align: right;
	}

/* 入れ子しているところ(メールアドレスの部分) */
table.nesting {
	width: 100%;
	margin: 0;
	padding: 0;
}
	table.nesting th {
		width: 80px;
		margin: 0;
		padding: 5px 0;
		background: none;
	}
	table.nesting td {
		margin: 0;
		padding: 0;
	}

/* 赤い※ */
.required {
	color: #C40018;
	font-size: 70%;
}

/* 注釈 */
.referenceMark {
	margin: 5px 0;
	font-size: 80%;
}