@CHARSET "UTF-8";


/*************************************************************

					　	　フォーム枠

**************************************************************/

/* 全体 */
.form_frame {

	/* 余白 */
	margin: 70px auto 30px auto;

	/* サイズ */
	width: 970px;

	/* 枠線 */
	border: 1px #aaa solid;

	/* 背景 */
	background-color: #f8f8f8;
}


/* タイトル */
.form_title {

	/* 余白 */
	margin: 20px auto;
	padding: 15px;

	/* サイズ */
	width: 900px;

	/* フォント */
    font-size:11pt;
    color: #333;
}


/* 本体 */
.form_body {

	/* 余白 */
	margin: 20px auto;
	padding: 5px 15px 30px 15px;

	/* サイズ */
	width: 900px;

	/* フォント */
    font-size:11pt;
    color: #333;

    /* 枠線 */
    border: 1px #aaa solid;

    /* 背景 */
    background-color: #fff;
}


/* コントローラ */
.form_ctrl {

	/* 余白 */
	margin: 20px auto;
	padding: 15px;

	/* サイズ */
	width: 900px;

	/* フォント */
    font-size:11pt;
    color: #333;

	/* 枠線 */
	border: 1px #aaa solid;

	/* 背景 */
	background-color: #eee;
}


/* 入力フォーム：ボタン */
.form_ctrl input[type="button"], input[type="submit"] {

	/* 余白 */
	margin: 0 15px;
	padding: 5px;

	/* サイズ */
	width:  80px;
	height: 30px;
}


/* タイトルカラー：黄 */
.form_yellow {

	/* 枠線 */
	border: 1px #e7d003 solid;

	/* 背景 */
	background-color: #fff9ce;
}


/* タイトルカラー：赤 */
.form_red {

	/* 枠線 */
	border: 1px #d00068 solid;

	/* 背景 */
	background-color: #ffc1e0;
}


/* タイトルカラー：緑 */
.form_green {

	/* 枠線 */
	border: 1px #005500 solid;

	/* 背景 */
	background-color: #bdffbd;
}


/* タイトルカラー：灰 */
.form_gray {

	/* 枠線 */
	border: 1px #808080 solid;

	/* 背景 */
	background-color: #cce6ff;
}


/*************************************************************

					　	フォームテーブル

**************************************************************/

/* 全体 */
table.form_tbl {

	/* 余白 */
	margin: 0 auto;

	/* サイズ */
	width: 900px;

	/* フォント */
    font-size:11pt;
    color: #333;

    /**/
    word-break: break-all;


	/**/
	table-layout:fixed;

	/* 枠線 */
	border-collapse: collapse;
}


/* 本体 */
table.form_tbl tbody {

	/* 背景 */
	background-color: #fff;
}


/* リンクテキスト */
table.form_tbl a {

	/* フォント */
	color: #338;
}


/* リンクテキスト：マウスオーバー */
table.form_tbl a:hover {

	/* フォント */
	color: #f00;
	text-decoration:underline;
}


/* 単体入力フォーム：テキストフィールド */
table.form_tbl input[type="text"].unit, input[type="password"].unit {

	/* サイズ */
	height: 28px;

	/* 回り込み */
	float: left;

	/* 枠線 */
	border-radius: 3px;
}


/* 単体入力フォーム：セレクト */
table.form_tbl select.unit {

	/* サイズ */
	height: 32px;

	/* 回り込み */
	float: left;

	/* 枠線 */
	border-radius: 3px;
}


/*  単体入力フォーム：テキストエリア */
table.form_tbl textarea {

	/* サイズ */
	width: 645px;

	/* 枠線 */
	border-radius: 3px;
}


/* 装飾入力フォーム：テキストフィールド */
table.form_tbl input[type="text"].body, input[type="password"].body {

	/* サイズ */
	height: 32px;

	/* 回り込み */
	float: left;
}


/* 装飾入力フォーム：テキストフィールド(末尾) */
table.form_tbl input[type="text"].foot, input[type="password"].foot {

	/* 余白 */
	margin-right: 30px;

	/* サイズ */
	height: 32px;

	/* 回り込み */
	float: left;

	/* 枠線 */
	border:solid 1px #ccc;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}


/* 装飾入力フォーム：セレクト */
table.form_tbl select.body {

	/* サイズ */
	height: 36px;

	/* 回り込み */
	float: left;
}


/* 入力フォーム装飾の先頭 */
table.form_tbl p.head {

	/* テキスト位置 */
	padding-top: 8px;

	/* サイズ */
	height: 26px;

	/* 回り込み */
	float: left;

	/* テキスト配置 */
	text-align:center;

	/* フォント */
	font-size:10pt;
	color:#555;

	/* 枠線 */
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;

	/* 背景 */
	background-color: #f5f5f5;
}


/* 入力フォーム装飾の本体 */
table.form_tbl p.body {

	/* テキスト位置 */
	padding-top: 8px;

	/* サイズ */
	height: 26px;

	/* 回り込み */
	float: left;

	/* テキスト配置 */
	text-align:center;

	/* フォント */
	font-size:10pt;
	color:#555;

	/* 枠線 */
	border:solid 1px #ccc;

	/* 背景 */
	background-color: #fff;
}


/* 入力フォーム装飾の末尾 */
table.form_tbl p.foot {

	/* 余白 */
	margin-right: 30px;

	/* テキスト位置 */
	padding-top: 8px;

	/* サイズ */
	height: 26px;

	/* 回り込み */
	float: left;

	/* テキスト配置 */
	text-align:center;

	/* フォント */
	font-size:10pt;
	color:#555;

	/* 枠線 */
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;

	/* 背景 */
	background-color: #f5f5f5;
}


/* 入力フォーム装飾の末尾(背景：白) */
table.form_tbl p.value {

	/* 余白 */
	margin-right: 30px;

	/* テキスト位置 */
	padding-top: 8px;
	padding-left: 10px;

	/* サイズ */
	height: 26px;

	/* 回り込み */
	float: left;

	/* テキスト配置 */
	text-align:left;

	/* フォント */
	font-size:10pt;
	color:#555;

	/* 枠線 */
	border:solid 1px #ccc;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;

	/* 背景 */
	background-color: #fff;
}


/*************************************************************

				フォームテーブルのセル

**************************************************************/

/* 項目 */
.form_item {

	/* 余白 */
	padding-top: 18px;
	padding-left:15px;

	/* サイズ */
	width: 180px;

	/* 文字位置 */
	text-align:left;

	/* 垂直位置 */
	vertical-align: top;
}


/* 表示：入力フォーム */
.form_data {

	/* 余白 */
	padding-top: 15px;

	/* 文字位置 */
	text-align:left;

	/* 垂直位置 */
	vertical-align: top;
}


/* 表示：テキスト */
.form_info {

	/* 余白 */
	padding: 25px 10px 0 10px;

	/* 文字位置 */
	text-align:left;

	width:660px;



	/* 垂直位置 */
	/*vertical-align: top;*/

	/* 枠線 */
	border-bottom:solid 1px #ccc;
}


/* 注意書き */
.form_notice {

	/* 余白 */
	padding-top:    5px;
	padding-left: 295px;

	/* フォント */
	font-size:10pt;
	color:#777;

	/* 文字位置 */
	text-align:left;

	/* 垂直位置 */
	vertical-align: top;
}


/*************************************************************

			フォームテーブルの特殊サイズ定義

**************************************************************/

.w084 { width:  84px; }

.w665 { width: 665px; }



/*************************************************************

					　	リストテーブル

**************************************************************/

/* 全体 */
table.list_tbl {

	/* 余白 */
	margin: 20px auto;

	/* サイズ */
	width: 900px;

	/* フォント */
    font-size:11pt;
    color: #333;

	/* 枠線 */
	border-collapse: collapse;
}


/* 本体 */
table.list_tbl tbody {

	/* 背景 */
	background-color: #fff;
}


/* セル */
table.list_tbl td {

	/* 余白 */
	padding: 5px;

	/* 枠線 */
	border:solid 1px #ccc;
}