﻿/*□□□□□□□□□□□□□□□□□□□□

	フォーム用スタイル

□□□□□□□□□□□□□□□□□□□□*/
/*////////////////////////////////////////
	フォーム枠
////////////////////////////////////////*/
table.form {
	border-collapse: collapse;
}
table.form th, table.form td {
	border: 1px solid #339acc;
	text-align: left;
}

/*――― タイトル部 ―――*/
table.form th {
	padding: 5px 20px;
	padding-left: 18px;
	white-space: nowrap;
	font-weight: normal;
	background-color: #EAF7FE;
	color: #066594;
	background-color: #EAF7FE;
	background-repeat: repeat-y;
	background-image: url(/_images/bg_th.gif);
}
table.form th.noinput {
	background-image: none;
}
/*――― タイトル部［必須］ ―――*/
table.form th.req {
	background-image: url(/_images/bg_th_req.gif);
}
table.form th.req:after {
	content: "*";
}

table.form td {
	padding: 5px 10px;
}
/* セル */
table.form td.noborder,
table.noborder,
table.noborder th,
table.noborder td {
	border: none;
}

/* table内の margin, padding 一括ゼロ設定 */
table.nopad,
table.nopad th,
table.nopad td {
	margin: 0;
	padding: 0;
}


/*////////////////////////////////////////
	ボタンエリア
////////////////////////////////////////*/
table.form td.buttonArea,
table.nopad td.buttonArea {
	border: none;
	text-align: center;
	background-color: transparent;
	padding: 10px 0 10px 0;
}
div.buttonArea {
	padding: 0;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}


/*////////////////////////////////////////
	メッセージエリア
////////////////////////////////////////*/
table.form td.msgArea {
	border: none;
	text-align: center;
	background-color: transparent;
	padding: 5px 0 5px 0;
}
div.msgArea {
	padding: 0;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

