@import url(common.css);
/*リセット要素を読み込み*/
/* -------------------------------------------------------
共通
---------------------------------------------------------*/

body {
	background-color:#143345;
	font-size:80%;
	text-align:center;
	}




/* -----------------------------------------------------
コンテンツ部分
-------------------------------------------------------*/

/* 崩れたらbackground要素のwidthの値を縮めて調整 */

/* コンテンツフレーム外壁 */
#bl_cont{
	margin:0px auto;
	width:740px;
	background:url(../images/fa/bg.jpg) repeat-y;
	text-align:center;
	

}

/* コンテンツフレーム外壁のモダンブラウザ用ハック */
html[xmlns] #bl_cont{
	margin:0px auto;
	width:740px;
	background:url(../images/fa/bg.jpg) repeat-y;
	text-align:center;
	overflow:hidden;
	height:auto;
}



/* 入力画面タイトル名 */
h1{
	width:740px;
	height:142px;
	margin:0px auto;
	
}



/*read*/
.read{
	width:740px;
	/*height:115px;*/
	height:124px;
	margin:0px;
	padding:0px;
	text-align:center;
	background:url(../images/fa/read_bg.jpg) center top no-repeat;
}

/*
.read img{
	margin:0px;
	padding:0px;
	border:0px;
	height:115px;
}
*/



/* form */
.box_ipt{
	width:740px;
	/*height:350px;*/
	margin: 0px auto 0px auto;
	padding-top:0px;
	padding-bottom:0px;
	background :url(../images/fa/frm_bg.jpg) repeat-y center 70px;

	
}


html>/**/body .box_ipt{
	padding-bottom:93px;

	
}


.ipt_bg{
	background :url(../images/fa/frm_top.jpg) no-repeat center 0px;
	
}


/*form用ul領域*/
.ipt{
	width:740px;
	margin-bottom:0px;
	/*padding-top:70px;*/
	padding-top:40px;
	padding-bottom:0px;
	height:auto;
	text-align:center;
	background :url(../images/fa/frm_btm.jpg) no-repeat center bottom;

}

li img , select , input{
	vertical-align:middle;
}

li select{
	margin-left:1px;
	margin-right:1px;
}

.fm{
	width:430px;
	height:32px;
	margin: 5px auto;
	vertical-align:middle;
	text-align:left;
}

.fm2{
	width:430px;
	height:32px;
	margin: 25px auto 5px auto;
	vertical-align:middle;
	text-align:left;
}

.fm_btn{
	width:420px;
	height:100px;
	/*margin: 30px auto 0px auto;*/
	margin: 40px auto 0px auto;
	/*padding-top:30px;*/
	vertical-align:middle;
	text-align:center;
}



.Clr{
	clear:both;
}

/* record */
.record{
	width:480px;
	margin-top:-170px;
	margin-bottom:0px;
	/*margin-right:40px;*/
	padding-right:0px;
	height:auto;
	text-align:right;
}

.sb_top{
	width:300px;
	height:30px;
	margin:0px;
	padding:0px 0px 0px 180px; 
	vertical-align:middle;
	text-align:right;
	
}

/*IE7を除くモダンブラウザ用ハック*/
html>/**/body .sb_top{
	padding:0px 0px 0px 300px; 
	
}



.sb{
	width:200px;
	height:22px;
	margin:0px;
	padding:0px 10px 0px 0px; 
	vertical-align:middle;
	text-align:right;
	
}

html>/**/body .sb{
	padding:0px 0px 0px 400px; 
	
}

li.sb input , li.sb img{
	text-align:left;
	margin:0px;
	vertical-align:middle;
}


/* 読み込み部分を一括で囲む */
.footer_group{
	width:100%;
	height:auto;
	margin:0px;
	padding-top:60px;
	background :url(../images/fa/main_btm.jpg) no-repeat center top;
}

/* MacIE5only \*//*/
.footer_group{
	overflow:hidden;
	height:auto;
}
/* end */




/* ---------------------------------------------------
「ご利用には○○円かかります」用外部jsファイル用要素
-----------------------------------------------------*/
.payment{
	/*このdivはpaddingで余白バランスをとる*/
	margin-top:0px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	width:500px;
	height:auto;
	font-size:100%;
	color:#ffffff;
	
}

.payment p{
	margin-top:0px;
	line-height:1.3em;
	text-align:center;
}

.payment strong{
	font-weight:bold;
	color:#FFFF99;
}



.payment .hed{
	font-weight:bold;
	color:#FFFFFF;
	font-size:110%;
}

/* ---------------------------------------------------
「推奨環境」用外部jsファイル用要素
-----------------------------------------------------*/
.browz{
	margin:0px auto;
	padding-top:30px;
	padding-bottom:10px;
	width:500px;
	height:auto;
	font-size:100%;
	color:#ffffff;
	text-align:left;
	
}

.browz p{
	margin-top:10px;
	line-height:1.3em;
}


.browz strong{
	font-weight:bold;
	/*color:#C1C1C1;*/
	color:#FFFFFF;
	font-size:110%;
	
}

.browz .mid{
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
}



.browz td{
	margin-top:2px;
	margin-bottom:2px;
	padding:5px;
	color:#FFFFFF;
	line-height:1.2em;
}



.browz td img{
	border:0px;
	/*margin:5px auto;*/
	margin-left:5px;
	margin-top:2px;
	margin-bottom:2px;
	
}



/*winIE6未満用 推奨環境テーブル内設定*/
/* hide from Mac IE for6 \*/
* html .browz td{
	font-size /**/:80%;
}
/**/


/* ---------------------------------------------------
「最初のページへ戻る」「close」用共通外部jsファイル用要素
-----------------------------------------------------*/

.link{
	margin:0px auto;
	padding-top:10px;
	padding-bottom:10px;
	width:500px;
	height:auto;
	color:#ffffff;
	font-size:95%;
	line-height:1.4em;
	text-align:center;
	/*letter-spacing:0.15em;*/
}



/* リンク */
a:link{
	color: #990000;
	text-decoration: underline;
}
a:visited{color:#FFFF99; text-decoration: underline;}
a:active{color: #FB8A80;text-decoration: underline;}
a:hover{color: #D86C62;text-decoration: underline;}


a.l1:link{color: #ffffcc;text-decoration: underline;}
a.l1:visited{color:#ffffcc; text-decoration: underline;}
a.l1:active{color: #FB8A80;text-decoration: underline;}
a.l1:hover{color: #D86C62;text-decoration: underline;}


/* ---------------------------------------------------
「copyright」用外部jsファイル用要素
-----------------------------------------------------*/
.copyright{
	margin:0px auto;
	padding-top:20px;
	padding-bottom:10px;
	width:500px;
	height:auto;
	color:#ffffff;
	font-size:95%;
	line-height:1.3em;
	text-align:center;
	/*letter-spacing:0.15em;*/
}