@import url(common.css);
/*リセット要素を読み込み*/
/* -------------------------------------------------------
共通
---------------------------------------------------------*/
body {
	background:url(../images/share/bg_grand.gif) repeat;
	font-size:80%;
	text-align:center;
	}
	

/* ▼背景の黒 */
.bg_line {
	background:url(../images/input/bg.gif) repeat-y center;
	margin:0 auto;
	}	
/* ▲背景の黒 */



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

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

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

}*/

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


/* 入力画面タイトル名 */

.input_title{
	background:url(../images/input/title_bg.jpg)  no-repeat center top;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:0px;
	width:649px;
	height:auto;
	display:block;}


.menuTitle{ text-align:center;
	margin:10px auto 0px auto;
	padding-top:0px;
	padding-bottom:0px;

}


.input_komidashi p{
	width:500px;
	height:auto;
	line-height:1.6em;
	font-weight:bold;
	color:#2f0a35;
	margin:0px auto;
	padding-top:10px;
	padding-bottom:0px;
}



.input_komidashi{
	margin:20px auto 0px auto;
	padding:2px;
	width:645px;
	height:auto;
	border:1px #837c63 solid;}






/*「このメニューでは以下の項目を占います。」*/
.htitle p.midashi{
	width:500px;
	height:auto;
	line-height:1.6em;
	font-weight:bold;
	margin:0 auto;
	padding-top:70px;
	padding-bottom:0px;
}

/*.htitle em{
	width:350px;
	height:auto;
	line-height:1.3em;
	font-weight:bold;
	font-style:normal;
	color:#CC0000;
	font-size:90%;
	margin:0 auto;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
}

.htitle center{
	line-height:1.2em;
}*/

/*『他○○項目』文言
.htitle p.header_txtetc{
	width:400px;
	height:auto;
	line-height:1.6em;
	font-weight:bold;
	margin:0 auto;
	text-align:right;
}*/

/*『このメニューは…』文言
.htitle p.header_txtsp{
	width:400px;
	height:auto;
	line-height:1.2em;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
}*/


/*『このメニューは…』文言
.htitle p.header_txtspb{
	width:400px;
	height:auto;
	line-height:1.6em;
	font-weight:bold;
	margin:0 auto;
	text-align:left;
	color:#993333;
}*/


/* -----------------------------------------------------
form部分
-------------------------------------------------------*/
#frmFlash{
	background :url(../images/input/swf_single.jpg) no-repeat center top;
	height:446px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0;
}

/*-------------------------------------------double form*/
.box_ipt{
	width:573px;
	height:705px;
	margin:30px auto;
	padding-top:0px;
	padding-bottom:0px;
	background :url(../images/input/swf.jpg) no-repeat center top;
}

/*-------------------------------------------double formEnd*/

/*--------------------------------------------single form*/
.input_koumoku{
	width:640px;
	height:405px;
	margin:20px auto;
	padding-top:0px;
	padding-bottom:0px;
}



.box_ipt_single{
	width:640px;
	height:405px;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:0px;
	background :url(../images/input/swf_single2.jpg) no-repeat center top;
}

/*formの見出し*/
.box_ipt_single .fm2{
	width:310px;
	height:29px;
	margin:20px auto 5px auto;
	vertical-align:middle;
	text-align:left;
}

.input_koumoku .ipt{
	/*width:550px;*/
	width:400px;
	margin-bottom:0px;
	padding-bottom:0px;
	height:auto;
	text-align:center;
}





.input_koumoku .ipt .fm{
	height:30px;
	margin-bottom:0px;
}

.input_koumoku .ipt .fm0{
	height:23px;
	margin-top:55px;
	margin-bottom:10px;
}

/*submit*/
.input_koumoku .ipt .fm_btn{
	width:224px;
	height:56px;
	margin:0px auto 0px auto;
	padding-top:0px;
	text-align:center;
}

/*------------------------------------------single formEnd*/


/*----------------------------------------共通form用ul領域*/
.ipt{
	width:400px;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:0px;
	height:auto;
	text-align:center;
}


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

li input{
	margin-left:2px;
	margin-right:3px;
}

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

.fm0{
	width:380px;
	height:23px;
	margin:0px auto 11px auto;
	vertical-align:middle;
	text-align:left;
	padding-left:20px;
}

.fm{
	width:380px;
	height:23px;
	margin:0px auto 11px auto;
	vertical-align:middle;
	text-align:left;
	padding-left:20px;
}

/*見出し（あなた）*/
.fm2{
	width:310px;
	height:29px;
	margin:100px auto 10px auto;
	vertical-align:middle;
	text-align:left;
}

/*見出し（あの人）*/
.fm2b{
	width:310px;
	height:29px;
	margin:20px auto 10px auto;
	vertical-align:middle;
	text-align:left;
}

/*record*/
.fm3{
	width:430px;
	height:21px;
	margin: 0px auto 0px auto;
	vertical-align:middle;
	text-align:left;
	padding-left:10px;
}

.fm3 img{
	margin-right:5px;
}

/*submit*/
.fm_btn{
	width:224px;
	height:56px;
	margin:0px auto;
	padding-top:10px;
	text-align:center;
}


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

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

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

.payment strong{
	font-weight:bold;
	color:#ff0000;
	padding-bottom:5px;
}

.payment .about{
	color:#ffffff;
}


.payment .about em{
	font-weight:bold;
	color:#ff0000;
	font-style:normal;
	line-height:1.4em;
}
.payment .hed{
	font-weight:bold;
	color:#ffffff;
	font-size:110%;
}

.payment a:link{color: #ff0000;text-decoration: underline;}
.payment a:visited{color:#CC6666; text-decoration: underline;}
.payment a:active{color: #FB8A80;text-decoration: none;}
.payment a:hover{color: #D86C62;text-decoration: none;}


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

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

.browz strong{
	font-weight:bold;
	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-left:5px;
	margin-top:2px;
	margin-bottom:2px;
}

/* ---------------------------------------------------
「最初のページへ戻る」「close」用共通外部jsファイル用要素
-----------------------------------------------------*/
.link{
	margin:0px auto;
	padding-top:10px;
	padding-bottom:10px;
	width:500px;
	height:auto;
	color:#4c4311;
	font-size:95%;
	line-height:1.4em;
	text-align:center;
	
}

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


.link a.l1:link{color: ff0000;text-decoration: underline; font-weight:bold;}
.link a.l1:visited{color:#CC3399; text-decoration: underline; font-weight:bold;}
.link a.l1:active{color: #FB8A80;text-decoration: none; font-weight:bold;}
.link a.l1:hover{color: #D86C62;text-decoration: none; font-weight:bold;}


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

.footer_line{
	width:781px;
	height:auto;
	padding-top:0px;
	margin:0 auto;
	text-align:center;
	min-height:1%;
}

.copyright a.l1:link{color:#FFFF66;text-decoration: underline; font-weight:bold;}
.copyright a.l1:visited{color:#FFCC33; text-decoration: underline; font-weight:bold;}
.copyright a.l1:active{color: #FFFF66;text-decoration: underline; font-weight:bold;}
.copyright a.l1:hover{color: #FFFF66;text-decoration: none; font-weight:bold;}