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

body {
	background:url(../images/share/bg.jpg) repeat;
	text-align:center;
}

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

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

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

}

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

.header_top{
	margin:0px auto;
	width:950px;
	height:auto;
	background:url(../images/share/header_top.jpg) no-repeat center top;
	text-align:center;
}


/* 入力画面タイトル名 */
.header_top .htitle{
	width:950px;
	margin:0 auto;
	display:block;
	text-align:center;
}

.htitle h2 img.menuTitle{
	margin:0px auto 10px 5px;
	width:650px;
	height:145px;
}

.htitle p{
	width:500px;
	height:auto;
	line-height:1.6em;
	color:#CCCCCC;
	margin:0 auto;
}

.htitle p.header_txt{
	width:400px;
	height:auto;
	line-height:1.4em;
	font-weight:bold;
	color:#000066;
	font-size:80%;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:15px;
	text-align:center;
}

.htitle p.midashi{
	width:500px;
	height:auto;
	margin:0 auto;
}

.htitle p.header_txtetc{
	width:450px;
	height:auto;
	line-height:1.6em;
	color:#660000;
	margin:0 auto;
	text-align:right;
	font-size:80%;
}

.htitle p.header_txtsp{
	width:600px;
	height:auto;
	line-height:1.4em;
	color:#660000;
	margin:0 auto;
	text-align:center;
	font-size:80%;
	padding-top:5px;
	padding-bottom:5px;
}

.htitle p.header_txtspb{
	width:600px;
	height:auto;
	line-height:1.4em;
	color:#660000;
	margin:0 auto;
	font-size:80%;
	text-align:center;
	font-weight:bold;
}

.htitle p.header_txtsp strong{
	width:600px;
	height:auto;
	line-height:1.4em;
	color:#FFFF00;
	margin:0 auto;
	font-size:80%;
	text-align:center;
}


/* -----------------------------------------------------
form部分
-------------------------------------------------------*/

#frmFlash{
	background :url(../images/input/swf_bg.jpg) no-repeat center top;
	height:360px;
	wodth:670px;
}


/*-------------------------------------------form*/
.box_ipt{
	width:950px;
	height:360px;
	margin:0px auto;
	padding-top:0px;
	padding-bottom:0px;
	background :url(../images/input/swf_bg.jpg) no-repeat center top;
}


/*----------------------------------------共通form用ul領域*/
.ipt{
	width:480px;
	margin:0 auto;
	padding-top:70px;
	height:auto;
	text-align:center;
	background :url(../images/input/swf_single.jpg) no-repeat center top;
}

/*winIE6未満用*/
/* hide from Mac IE for6 \*/
* html .ipt{
	width:480px;
	padding-left:80px;
}
/**/

.ipt_double{
	width:480px;
	margin:0 auto;
	padding-top:35px;
	height:auto;
	text-align:center;
	background :url(../images/input/swf_single.jpg) no-repeat center top;
}

/*winIE6未満用*/
/* hide from Mac IE for6 \*/
* html .ipt_double{
	width:480px;
	padding-left:70px;
}
/**/

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

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

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

li p{
	margin-top:0px;
	line-height:1.3em;
	text-align:center;
	font-size:10pt;
	color:#6699CC;
}

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

.fm1{
	width:360px;
	height:24px;
	margin:0 auto;
	vertical-align:middle;
	text-align:left;
}

/*record*/
.fm2{
	width:360px;
	height:24px;
	margin-top:0px;
	padding-bottom:0px;
	margin-left:200px;
	vertical-align:middle;
	text-align:left;
}

/*submit*/
.fm_btn{
	width:300px;
	height:40px;
	margin:0px auto;
	padding-top:5px;
	text-align:center;
}

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

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

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

.payment .about{
	color:#333333;
}

.payment .about em{
	font-weight:bold;
	color:#333366;
	font-style:normal;
	line-height:1.4em;
}

.payment .hed{
	font-weight:bold;
	color:#333366;
	font-size:100%;
}

.payment a:link{color: #0033CC;text-decoration: underline;}
.payment a:visited{color:#000066; text-decoration: underline;}
.payment a:active{color: #0033CC;text-decoration: none;}
.payment a:hover{color: #0033CC;text-decoration: none;}


/* ---------------------------------------------------
「推奨環境」用外部jsファイル用要素
-----------------------------------------------------*/

.footer_group{
	width:600px;
	height:auto;
	padding-top:10px;
	padding-bottom:0px;
	margin:0 auto;
	text-align:center;
	background-color:#D1E1EF;
}

.footer_group p.attention{
	margin-top:10px;
	line-height:1.3em;
	font-size:80%;
	color:#660000;
}


.browz{
	margin:0px auto;
	padding:20px 0 10px 0;
	width:530px;
	height:auto;
	color:#333333;
	line-height:1.4em;
	text-align:left;	
}


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

.browz strong{
	font-weight:bold;
	color:#333366;
	font-size:100%;
}

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

.browz table{
	border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	margin-top:10px;

}

.browz td{
	margin-top:1px;
	margin-bottom:1px;
	color:#333333;
	font-size:80%;
	padding-left:5px;
	border-right:#000000 1px solid;
	border-bottom:#000000 1px solid;
}

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

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

/* リンク */
a:link{color: #FFCC00;text-decoration: underline;}
a:visited{color:#CCCC99; text-decoration: underline;}
a:active{color: #FFCC00;text-decoration: none;}
a:hover{color: #FFCC00;text-decoration: none;}


.link a.l1:link{color: #0033CC;text-decoration: underline; font-weight:bold;}
.link a.l1:visited{color:#003366; text-decoration: underline; font-weight:bold;}
.link a.l1:active{color: #0033CC;text-decoration: none; font-weight:bold;}
.link a.l1:hover{color: #0033CC;text-decoration: none; font-weight:bold;}

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

.footer_line{
	width:950px;
	background :url(../images/share/cont_bg_btm.jpg) no-repeat top center;
	height:auto;
	padding-top:60px;
	padding-bottom:0px;
	margin:0 auto;
	text-align:center;
}

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