@charset "UTF-8";
/*------------------------------------------------------------------------------
■ ユニバーサルスタイル 共通定義
------------------------------------------------------------------------------*/
div.topMainArea{
	clear:both;
	padding-top:10px;
	background-color:#FFFFFF;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
div.topContents{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	
}

div.leftArea{
	float:left;
	width:186px;
/*	border:#000000 solid 1px; */
}
div.rightArea{
	float:left;
	width:556px;
	padding-left:10px;
/*	border:#000000 solid 1px;*/
}

div.leftBlock{ float:left; }
div.rightBlock{	float:right; }
/* end 外枠 */ 

/* コンテンツ領域小(完了画面等) */
div.contentsArea{
	width:400px;
	margin:0px auto 20px auto;
	padding:25px 50px 25px 50px;
	border:#CCEEFF 1px solid;
	text-align:center;
}
div.contentsArea p.title{
	width:390px;
	font-size:14px;
	font-weight:bold;
	background-color:#CCEEFF;
	text-align:center;
	padding:5px;
	margin-bottom:5px;
	clear:both;
}
div.contentsArea p.value{
	width:380px;
	font-size:12px;
	padding:10px;
	text-align:left;
}

div.contentsBtArea{
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
/* end 完了画面 */

div.btAreaTableBottom{
	clear:both;
	width:540px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:10px;
	text-align:right;
}

/* フォームエレメント リンクボタン */
input.bt{
	font-size:12px;
	color:#444694;
	background-color:#F3F3F3;
	border-style:outset;
	border-width:3px;
	border-color:#5F74C4;
}

input.txBox{
	color:#666666;
	background-color:#F3F3F3;
	padding:1px;
	border-style:double;
	border-width:3px;
	border-color:#5F74C4;
}

input.procBt{
	font-size:12px;
	color:#666666;
	font-weight:bold;
	background-color:#FFCC66;
	border-style:outset;
	letter-spacing:2px;
	border-width:3px;
	border-color:#5F74C4;
	width:200px;
}
.btn{
	font-size:10px;
	color:#666666;
	background-color:#F3F3F3;
	border-style:outset;
	border-width:3px;
	border-color:#CCCCCC;
	white-space:nowrap;
	text-decoration: none;
}
a.btn:active {
	font-size:10px;
	color:#666666;
	background-color:#F3F3F3;
	border-style:outset;
	border-width:3px;
	border-color:#CCCCCC;
	white-space:nowrap;
	text-decoration: none;
}
/* end リンクボタン */

/* 内容 */
.mainL2Value{
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px;
}
/* 見出し */
/* ヘッダー */
div.headerFront{
	clear:both;
	width:600px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	padding:5px 0px 0px 12px;
	background-image:url('../common_images/title_l1_profile.jpg');
	background-repeat:no-repeat;
}

div.headerFront h2{
	float:none;
	font-size:14px;
	color:#333333;
	margin:0px;
}

h2.titleL2{
	font-size:12px;
	color:#333333;
	height:23px;
	padding-top:5px;
	padding-left:23px;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	background-image:url('../common_images/title_l2.jpg');
	background-repeat:no-repeat;
}


/* テーブルレイアウト */
table.vTableOutline{
	width:550px;
	vertical-align:middle;
	margin-left:20px;
	margin-right:20px;
	border-top:#384489 solid 1px;
	border-left:#384489 solid 1px;
	word-break:break-all;
}
th.vCaption,th.vCaptionConfirm{
	font-size:12px;
	color:#333333;
	background-color:#D8F1FA;
	padding:5px;
	white-space:nowrap;
	text-align:left;
	border-bottom:#384489 solid 1px;
	border-right:#384489 solid 1px;
}

th.vCaptionConfirm{	background-color:#F5F5DC; }

td.vBody{
	background-color:#FFFFFF;
	padding:5px;
	border-bottom:#384489 solid 1px;
	border-right:#384489 solid 1px;
}

/* メッセージ枠 */
.messageArea{
	width:580px;
	padding:3px;
	margin:5px;
	text-align:center;
	background-color:#F0F0F0;
	border-top:#666666 solid 2px;
	border-bottom:#666666 solid 2px;
	margin-left:auto;
	margin-right:auto;
	
}
.errorTitle{
	font-size:12px;
	background-color:#FF0000;
	font-weight:bold;
	color:#FFFFFF;
	padding:2px;
	padding-top:7px;
	_padding-top:2px;
	margin:10px;
}
.errorTitle{ background-color:#FF0000; }
/* end メッセージ枠 */

/* ナビゲーション */
div.navi{
	width:600px;
	text-align:right;
	padding:5px;
	margin:2px auto;
}
div.navi span{
	font-size:12px;
	padding-left:16px;
	padding-top:1px;
	_padding-top:2px;
	background-image:url('../common_images/icon_arrow-right.gif');
	background-repeat:no-repeat;
}
div.navi a{
	color:#0000FF;
	text-decoration:none;
}
div.navi a:hover{ color:#FF0000; }
/* end ナビゲーション */

/* ### 小コンテンツ領域(パスワード再発行等で使用) ### */
.innerContentsArea{
	background-color:#FFA07A;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:300px;
	height:55px;
}	/* 小コンテンツ領域枠(heightはインライン入力で設定) */
.innerContentsArea div.title{ padding-top:5px; }	/* 見出し文字列 */
.innerContentsAreaButton{
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:290px;
} /* 小コンテンツ領域枠下ボタン */
.innerContentsAreaConfirm{ background-color:#F5F5DC; }	/* 確認画面 */

/* ### end 小コンテンツ領域 ### */