@charset "utf-8";
/*------------------------------------------------
 * タイトル：個別コンテンツ用ＣＳＳファイル
 * 説明    ：
 *
 * 著作権  ：
 *
-------------------------------------------------*/

/*------------------------------------------------
 外枠
------------------------------------------------*/
div#contMiddle {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
	width: 608px;
	background: #FAF0F0 url(images/contMiddle.gif) center top repeat-y;
}

div#contUpper {
	width: 608px;
	background: url(images/contUpper.gif) center top no-repeat;
}

div#contLower {
	width: 608px;
	padding: 61px 0;
	background: url(images/contLower.gif) center bottom no-repeat;
}

div#contLower p.leadText {
	margin-top: 10px;
	font-size: 90%;
	color: #666666;
}
	

div.goods {
	width: 578px;
	margin-top: 30px;
	margin-left: 29px;
	margin-right: 1px;
	margin-bottom: 40px;
}

div.goods h3 {
	text-align: right;
	margin-bottom: 30px;
}

div.goodsL {
	display: inline;
	width: 220px;
	float: left;
}

div.goodsR {
	display: inline;
	width: 318px;
	float: right;
	margin-left: 20px;
	margin-right: 20px;
}

div.goodsCaption p {
	font-size: 80%;
	text-align: left;
	text-indent: 1em;
	margin-bottom: 1em;
	color: #231815;
	text-align: justify;						/* 文章部分はジャスティファイ */
	text-justify: inter-ideograph;	/* 文章部分はジャスティファイ（IE用） */
}

div.goodsPrice {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: dotted 1px #000000;
	border-bottom: dotted 1px #000000;
}

div.goodsPrice p {
	font-size: 80%;
	text-align: left;
	color: #231815;
}

/*------------------------------------------------
 囲み
------------------------------------------------*/
div.columnMiddle {
	width: 548px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff url(images/columnMiddle.gif) center top repeat-y;
}

div.columnUpper {
	background: url(images/columnUpper.gif) center top no-repeat;

}

div.columnLower {
	padding: 20px;
	background: url(images/columnLower.gif) center bottom no-repeat;
}

div.columnLower h4 {
	margin-bottom: 1em;
	font-size: 80%;
	font-weight: normal;
	color: #231815;
	text-align: left;
}

div.columnLower p {
	font-size: 80%;
	font-weight: normal;
	color: #231815;
	text-indent: 1em;
	text-align: justify;						/* 文章部分はジャスティファイ */
	text-justify: inter-ideograph;	/* 文章部分はジャスティファイ（IE用） */

}

/*------------------------------------------------
 申し込み
------------------------------------------------*/
div#order {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 30px;
}

div#order h3 {
	margin-bottom: 30px;
}

div#order p {
	margin-bottom: 1em;
	font-size: 80%;
	text-align: left;
	color: #231815;
}

div#order span.colorText {
	color: #C00;
}

div#order p.caption {
	font-size: 70%;
}

/* メールフォーム */

div#boxMailform {
	margin: 30px 0 0 0;
	padding-bottom: 30px;
	font-size: 75%;
	color: #341600;
}

table.mfTable {
	width: 100%;
}

table.mfTable td {
	padding: 10px 10px 10px 10px;
	xxxborder-bottom: dotted 1px #eaeaea;
	text-align: left;
}

table.mfTable td.mfMidashi {
	width: 180px;
	padding-right: 10px;
	text-align: right;
	border-right: solid 1px #cdb29e;
}

table.mfTable tr.atLast td {
	width: 100%;
	padding-top: 20px;
	background-color: transparent;
	text-align: center;
	border: none;
}

.colorInput {
	background-color: #eaeaea;
	border: solid 1px #cccccc;
	color: #341600;
}

.orderNum {
	margin-top: 3px;
	text-align: right;
}

textarea {
	font-size: 100%;
}