/* --- Mail Form CSS --- */

/* --- メールフォームエリア --- */
form.contact {
	width: 710px; /* フォームエリアの幅 */
	font-size: 100%;
	}
/* --- フォームエリア内の段落 --- */
form.contact p {
	line-height: 100%;
	}
/* --- 段落内の「必須」画像上下位置（ミドル） --- */
form.contact p.attention img {
	vertical-align: middle;
	}

/* --- テーブル --- */
form.contact table {
	width: 100%; /* テーブルの幅 */
	background-color: #f9f9f9; /* テーブルの背景色 */
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 0px solid #c0c0c0;
	border-spacing:0;
	}

/* --- 見出しセル（th） --- */
form.contact th {
	font-weight: normal;
	width: 130px; /* 見出しセルの幅（初期値130px） */
	padding: 2px 8px; /* 見出しセルのパディング（上下、左右） */
	background-color: #f5f5f5; /* 見出しセルの背景色 */
	border-bottom: 1px #c0c0c0 solid ; /* 見出しセルの下境界線 */
	border-right: 0px #c0c0c0 solid ; /* 見出しセルの右境界線 */
	text-align: left;
	line-height: 180%;
	}

/* --- 見出しセル内の補足テキスト --- */
form.contact th span.supplement {
	font-weight: normal;
	}

/* --- データセル（td） --- */
form.contact td {
	padding: 2px 5px 2px; /* データセルのパディング（上、左右、下） */
	background-color: #ffffff; /* データセルの背景色 */
	border-bottom: 1px #c0c0c0 solid ; /* 見出しセルの下境界線 */
	line-height: 180%;
	}

form.contact td noline {
	padding: 2px 5px 2px; /* データセルのパディング（上、左右、下） */
	background-color: #ffffff; /* データセルの背景色 */
	border-bottom: 0px #c0c0c0 solid ; /* 見出しセルの下境界線無し */
	line-height: 180%;
	}

/* --- データセル内の補足テキスト --- */
form.contact td span.supplement {
	color: #808080;
	}
/* --- 必須項目セル --- */
form.contact td.hissu {
	width: 26px; /* 必須項目セルの幅 */
	padding: 1px 3px; /* 必須項目セルのパディング（上下、左右） */
	background-color: #f5f5f5; /* 必須項目セルの背景色 */
	border-right: 1px #c0c0c0 solid ; /* 見出しセルの右境界線 */
	text-align: center;
	}

/* --- 必須無し項目セル --- */
form.contact td.free {
	width: 26px; /* 必須項目セルの幅 */
	padding: 1px 3px; /* 必須項目セルのパディング（上下、左右） */
	background-color: #f5f5f5; /* 必須項目セルの背景色 */
	border-right: 1px #c0c0c0 solid ; /* 見出しセルの右境界線 */
	text-align: center;
	}

/* --- 任意項目セル --- */
form.contact td.arbitrary {
	background-color: #f5f5f5; /* 任意項目セルの背景色 */
	}

/* --- フォーム部品 --- */
form.contact input,
form.contact select,
form.contact textarea {
	margin-bottom: 1px; /* フォーム部品の下マージン */
	}
/* --- フォーム部品のサイズ --- */
/* --- （長めのテキスト入力欄） --- */
#company, #section, #name, #name2,
#email, #address {
	width: 350px; /* フォーム部品の幅 */
	}
/* --- （短めのテキスト入力欄） --- */
#tel1, #tel2, #tel3,
#fax1, #fax2, #fax3 {
	width: 50px; /* フォーム部品の幅 */
	}
#zip1, #zip2 {
	width: 50px; /* フォーム部品の幅 */
	}
/* --- （複数行のテキスト入力欄） --- */
#message {
	width: 420px; /* フォーム部品の幅 */
	height: 10em; /* フォーム部品の高さ */
	}

/* --- ボタン --- */
form.contact p.button {
	margin: 15px; /* ボタンのマージン（上、左右、下） */
	text-align: center;
	}

/*ＩＭＥ制御ＣＳＳ*/
.imeon	{ ime-mode: active; }		/*IMEを有効な状態にする*/
.imeoff	{ ime-mode: inactive; }	/*IMEを無効な状態にする*/
.imeoff2	{ ime-mode: disabled; }	/*IMEを無効な状態に固定する*/

/* -- 投稿キー画像の位置（middle） */
.capt {
	vertical-align:middle;
	}