@charset "UTF-8";
/* CSS Document */

/* 
====================================================================================================
■ 問い合わせ：共通 .contact
 □ 問い合わせ：入力   .contact.inputform  （/contact/）
 □ 問い合わせ：確認   .contact.confirm    （/contact/confirm.html）
 □ 問い合わせ：完了   .contact.completion （/contact/completion.html）
 □ 問い合わせ：エラー .contact.error      （/contact/error.html）
----------------------------------------------------------------------------------------------------
※ 基本的にテンプレとしての簡易な整形レベルです。必ずサイトに合わせて各種設定を見直すこと。 
※ font-sizeに関しては、リセット後、#wrapperに18px相当で指定済。そこからの相対指定で行うこと。
　（親要素に既に%指定済の場合、子孫要素は基準が変わるので注意してください。）
※ サイト制作後、不要と思われるコメントはなるべく削除し整理すること。
==================================================================================================== */
/* 
====================================================================================================
■ 問い合わせ：共通 .contact
---------------------------------------------------------------------------------------------------- */
/* フォーム部分外の設定に関しては、content.cssにて設定しています。 */
.contact {}

input, select {
	vertical-align:baseline;
}

input[type="text"] {
	width: 50%;
}
textarea {
	width: 90%;
}

/* 
--------------------------------------------------
 ▽ フォーム下部ページ遷移コントロール部
-------------------------------------------------- */
.contact_step_jump {
	text-align:center;
	margin:20px auto 0;
	padding:10px 0px 0px;
}
/* テキストタイプリンク */
.contact_step_jump a {
	line-height:42px;
}
/* 通常ボタン */
.contact_step_jump input[type="image"],
.contact_step_jump a img {
	margin:20px 10px;
}
/* 
----------------------------------------------------------------------------------------------------
 □ 問い合わせ：入力   .contact.inputform  （/contact/）
---------------------------------------------------------------------------------------------------- */
#contact.inputform {}

/* 
--------------------------------------------------
 ▽ 問い合わせフォーム設定（入力型）
-------------------------------------------------- */
.contact_input {
}
	.contact_input table {
		margin:0 auto;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
		.contact_input table th,
		.contact_input table td {
			padding: 10px;
			border-bottom: 1px solid #ccc;
			border-left: 1px solid #ccc;
		}
		.contact_input table th {
			background:#e6e6e6;
			vertical-align: top;
			text-align: left;
			color:#000;
		}
		.contact_input table td {
			background: #f2f2f2;
			line-height: 2.5;
		}

		.contact_input table td.lefn{
			border-left: none;
		}
			.contact_input table td .w50p {
				width: 50%;
			}
			.contact_input table td .w30p {
				width: 30%;
			}