/*──────────────────────────────────────*/
/* 全体 */
/*──────────────────────────────────────*/
#page-container {
	width:900px;
	margin:0 auto;
	background:url(../image/bg_page.gif) #ffffff;
	background-repeat:repeat-y;
}
/*──────────────────────────────────────*/
/* ヘッダー */
/*──────────────────────────────────────*/
#header-container {
	width:900px;
	height:100px;
	background:url(../image/header.gif) #ffffff;
	background-repeat:no-repeat;
}
#header-jfa {
	position:relative; top:50px; left:0px;
}
#header-navibar {
	position:relative; top:20px; left:580px;
}
/*──────────────────────────────────────*/
/* 本体 */
/*──────────────────────────────────────*/
#body-container {
	width:900px;
}
#body-contents {
	float:left;
	width:699px;
}
#body-sidebar {
	/*
	* この方法では
	* IEでは右側のfloatに3ピクセルほどmarginがついてしまう
	float:none;
	margin-left:680px;
	*/
	float:right;
	width:200px;
}
#body-clear {
	clear:both;
}
/* コンテンツ */
#contents {
	padding:40px 40px 40px 40px;
}
/* サイドバー */
#sidebar {
	padding:20px 20px 40px 20px;
}
/*──────────────────────────────────────*/
/* フッター */
/*──────────────────────────────────────*/
#footer-container {
	width:900px;
	background-color:#6c4d79;
}
#footer {
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}
#footer a {
	text-decoration:none;
	color:#ffffff;
}
#footer a:hover {
	text-decoration:underline;
	color:#ffffff;
}
#footer .copyright {
	font-size:18px;
	font-weight:normal;
	color:#ffffff;
}
/*──────────────────────────────────────*/
/* フォームページ */
/*──────────────────────────────────────*/
#form-page-container {
	width:700px;
	margin:0 auto;
}
#form-header-container {
	width:700px;
	height:100px;
	background:url(../image/header.gif) #ffffff;
	background-repeat:no-repeat;
}
#form-body-container {
	width:698px;
	border:1px solid #bfbfbf;
	background-color:#ffffff;
}
#form-footer-container {
	width:700px;
	background-color:#b178b1;
}
/*──────────────────────────────────────*/
/* ページ先頭へ */
/*──────────────────────────────────────*/
#button-top-of-page {
	margin-top:20px;
	text-align:right;
}
/*──────────────────────────────────────*/
/* 前のページへ */
/*──────────────────────────────────────*/
#back-page {
	text-align:right;
}
/*──────────────────────────────────────*/
/* タイトル */
/*──────────────────────────────────────*/
.main-title {
	margin-bottom:40px;
}
.field-title {
	margin-top:20px;
	padding:5px 0px 5px 20px;
	background:url(../image/cap_field.gif) #ffffff;
	background-repeat:no-repeat;
	color:#1c8e1c;
	font-weight:bold;
	font-size:1.2em;
}
.field-title-top {
	padding:5px 0px 5px 20px;
	background:url(../image/cap_field.gif) #ffffff;
	background-repeat:no-repeat;
	color:#1c8e1c;
	font-weight:bold;
	font-size:1.2em;
}
.field-contents {
	margin:10px 0px 0px 20px;
}
.subfield-title {
	margin-top:20px;
}
.subfield-box {
	height:2.0em;
	padding:3px 10px;
	border:1px solid #bfbfbf;
	background-color:#efefef;
}
.subfield-box-male {
	height:2.0em;
	padding:3px 10px;
	border:1px solid #29abd6;
	background-color:#b8e3f1;
}
.subfield-box-female {
	height:2.0em;
	padding:3px 10px;
	border:1px solid #e371aa;
	background-color:#f1b8d5;
}
.subfield-contents {
	margin-top:10px;
}
.subfield-pop {
	padding:5px;
	border:4px solid #ffbf55;
	background-color:#fff4d5;
	color:#df8b00;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}
/*──────────────────────────────────────*/
/* エリア */
/*──────────────────────────────────────*/
.vertical-area {
	border-left:10px solid #efefef;
	padding-left:20px;
}
/*──────────────────────────────────────*/
/* フォーム */
/*──────────────────────────────────────*/
/* IMEオン */
input.ime-on {
	/*ime-mode:active;*/
	ime-mode:auto;
}
/* IMEオフ */
input.ime-off {
	/*ime-mode:inactive;*/
	ime-mode:disabled;
}