/* -------------------------------------------------------
共通
---------------------------------------------------------*/
body {
	background:url(../images/share/bg.jpg) repeat;
	font-size:80%;
	text-align:center;
	}

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

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

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

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

/* 入力画面タイトル名 */
.htitle{
	width:950px;
	margin:0 auto;
	background:url(../images/input/header_top_r.jpg) no-repeat center top;
	display:block;
	text-align:center;
	padding-bottom:0px;
	padding-left:0px;
}

.htitle_bg{
	width:950px;
	margin:0 auto;
	display:block;
	text-align:center;
}

.htitle_bg h2{
	display:block;
	margin:0 auto;
	padding-top:0px;
	width:800px;
	height:103px;
	text-align:left;
}

/*カテゴリーアイコン設定*/
.htitle_bg h2 img.ctg_icon{
	width:76px;
	height:103px;
	margin:0px 0px 0px 0px;
}

/*メニュータイトル画像設定 */
.htitle_bg h2 img.menuTitle{
	margin:0px;
	width:669px;
	height:66px;
	padding-bottom:17px;
}

.htitle p{
	width:513px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding-top:0px;
	padding-bottom:0px;
}

/*占断項目*/

.midashi_box{
	width:513px;
	height:auto;
	margin:0px auto;
	background:url(../images/input/midashi_bg.gif) repeat-y center;
	display:block;
	text-align:center top;
}

.midashi_btm{
	width:513px;
	margin:0 auto;
	background:url(../images/input/midashi_btm.gif) no-repeat center bottom;
	display:block;
	text-align:center;
	padding-bottom:0px;
}

.midashi_top{
	background:url(../images/input/midashi_head.gif) no-repeat center top;
	display:block;
	text-align:center;
	width:513px;
	height:auto;
	margin:0 auto;
}

/*「このメニューでは以下の項目を占います。」*/
.midashi_box h3.midashi{
	display:block;
	text-align:center;
	width:513px;
	height:auto;
	line-height:1.6;
	font-weight:bold;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
}

.midashi_box ul.item{
	width:470px;
	height:auto;
	margin:0 auto;
	display:block;
	text-align:left;
	padding-top:0px;
}

.midashi_box ul.item li{
	padding-top:0px;
	padding-bottom:7px;
	width:470px;
	line-height:1.2;
	font-size:90%;
}

/*固定小見出しのアイコン設定（青）*/
.midashi_box ul.item li.icon01{
	background:url(../images/input/icon01.jpg) no-repeat left top;
	padding-left:15px;
	font-weight:bold;
	color:#FDE0C9;
}

/*パック用*/
/*『他○○項目』文言*/
.midashi_box ul.item li.header_txtetc{
	width:400px;
	height:auto;
	line-height:1.6;
	font-weight:bold;
	margin:0 auto;
	text-align:right;
	color:#ffffff;
}

/*『このメニューは…』文言*/
.midashi_box ul.item li.header_txtsp{
	width:400px;
	height:auto;
	line-height:1.2;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
	color:#ffffff;
}

.style1 {color: #EFBBBB}


/*『このメニューは…』3メニュー名*/
.midashi_box ul.item li.header_txtspb{
	width:400px;
	height:auto;
	line-height:1.2;
	font-weight:bold;
	margin:0 auto;
	text-align:left;
	color:#EFBBBB;
}

.htitle p.header_txt{
	width:350px;
	height:auto;
	line-height:1.8;
	font-weight:bold;
	color:#171507;
	font-size:100%;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:20px;
	text-align:left;
}


/* -----------------------------------------------------
form部分
-------------------------------------------------------*/
#frmFlash{
	background :url(../images/input/swf.jpg) no-repeat center top;
	width:513px;
	height:416px;
	margin-bottom:0;
	text-align:center;
}

/*-------------------------------------------form枠*/

.box_ipt{
	width:513px;
	margin:0px auto;
	padding-top:0px;
	padding-bottom:0px;
	background :url(../images/input/form_bg.gif) repeat-y center;
}

.fmBox_head{
	width:513px;
	margin:0px auto;
	padding-top:0px;
	padding-bottom:0px;
	background :url(../images/input/form_head.gif) no-repeat center top;
}

.fmBox_btm{
	width:513px;
	margin:0px auto;
	padding-top:0px;
	padding-bottom:30px;
	background :url(../images/input/form_btm.gif) no-repeat center bottom;
	text-align:center;
}
/*-------------------------------------------form枠End*/


/*----------------------------------------共通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;
}


select option { 
	padding :0px 5px;
	}

/*フォーム内先頭項目設定*/
.fm0{
	width:380px;
	height:22px;
	margin:0 auto;
	vertical-align:middle;
	text-align:left;
	padding-left:0px;
	font-size:80%;
	color:#FFFFFF;
}

/*フォーム内共通設定*/
.fm{
	width:380px;
	height:24px;
	margin:0px auto;
	vertical-align:top;
	text-align:left;
	padding-left:0px;
}

/*罫線用*/
.fm6{
	width:408px;
	height:9px;
	margin:0px auto;
	vertical-align:top;
	text-align:center;
	padding-top:0px;
	padding-bottom:2px;
	padding-left:0px;
}

/*見出し（あなた）*/
.fmBox_btm h3.fm2{
	width:440px;
	height:35px;
	display:block;
	padding-top:40px;
	padding-bottom:0px;
	margin:0 auto;
}

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

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

/*noplace*/
.fm4{
	width:408px;
	height:32px;
	margin: 0px auto;
	vertical-align:middle;
	text-align:left;
	padding-bottom:0px;
}

.fm4 img{
	margin-right:0px;
}

/*submit*/
.fm_btn{
	background :url(../images/input/form_end.gif) no-repeat center top;
	width:400px;
	display:block;
	margin:0;
	text-align:center;
	padding-top:20px;
}

.fm_btn img{
	width:200px;
	height:35px;
	border:0;
}

.fm_btn_goo{
	background :url(../images/input/form_end.gif) no-repeat center top;
	width:400px;
	display:block;
	margin:0;
	text-align:center;
	padding-top:20px;
}

.fm_btn_goo img{
	width:250px;
	height:80px;
	border:0;
}

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

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

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

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

.payment .warning{
	color:#ffffff;
	font-size:90%;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:3px;
}

.payment .warning_btm{
	color:#ffffff;
	font-size:90%;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:15px;
}

.payment .about{
	color:#f4efe5;
}

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

.payment a:link{color:#D97800;text-decoration: underline;}
.payment a:visited{color:#E5C6A0; text-decoration: underline;}
.payment a:active{color: #D97800;text-decoration: none;}
.payment a:hover{color: #D97800;text-decoration: none;}


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

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

.browz strong{
	font-weight:bold;
	color:#f4efe5;
	font-size:110%;
	
}

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

.browz table{
	width:408px;
	margin:0 auto;
}

.browz td{
	margin-top:5px;
	margin-bottom:5px;
	padding:5px 0px;
	color:#f4efe5;
	line-height:1.2;
	text-align:left;
}

.browz td.bl_pic{
	width:100px;
	text-align:center;
}

.browz td.bl_pic img{
	border:0px;
	margin:5px auto;
	width:88px;
	height:31px;
}

/*楽天用*/
.browz ul{
	width:auto;
	margin:10px 0px 0px 0px;
	text-align:center;
}

.browz ul li{
	width:auto;
	font-size:100%;
	line-height:1.3;
	text-align:center;
	margin:0px auto 5px auto;
}

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

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


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


/* ---------------------------------------------------
「copyright」用外部jsファイル用要素
-----------------------------------------------------*/
.copyright{
	margin:0px auto;
	padding-top:0px;
	padding-bottom:20px;
	width:950px;
	/*width:950px;*/
	height:auto;
	color:#FFFFCC;
	font-size:80%;
	line-height:1.3;
	text-align:center;
	background:url(../images/input/cont_bg.jpg) repeat-y;
}

/*
.copyright p{
	margin:0px auto;
	width:530px;
	padding-top:0px;
	padding-bottom:10px;
	line-height:1.3em;
}*/

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

/* -------------------------------------------------
エラーページ用 
---------------------------------------------------*/
.infotop{
	margin:0px 75px 0px 75px;
	width:800px;
	height:20px;
}

.info{
	margin:0px 75px 0px 75px;
	width:800px;
	height:auto;
	background:url(../images/share/info_bg.jpg) repeat-y;
	text-align:center;
}

.info .header_top h2#er{
	width:800px;
	margin:0 auto;
	font-weight:bold;
	color:#000000;
	font-size:140%;
	line-height:1.3;
	padding:0px;
	text-align:center;
	display:block;
	padding-top:80px;
	padding-bottom:80px;
}

.error{
	margin:0 auto;
	padding-bottom:50px;
	width:639px;
}

/*文言*/
.error p{
	margin:0px auto;
	padding-bottom:250px;
	padding-top:10px;
	line-height:1.4;
	font-size:90%;
	width:550px;
	color:#000000;
}

/*エラー見出し文言*/
.error p.error_message{	
	margin:0px auto;
	padding-bottom:10px;
	padding-top:10px;
	line-height:1.4;
	font-size:100%;
	width:550px;
	font-weight:bold;
	color:#000000;
}

/* -------------------------------------------------
注意ページ用 
---------------------------------------------------*/
.infotop2{
	margin:0px 75px 0px 75px;
	width:800px;
	height:142px;
}

.info2{
	margin:0px 75px 0px 75px;
	width:800px;
	height:auto;
	background:url(../images/share/info_bg.jpg) repeat-y;
	text-align:center;
}

.info2 .header_top h2#er{
	width:800px;
	margin:0 auto;
	font-weight:bold;
	color:#000000;
	font-size:140%;
	line-height:1.3;
	padding:0px;
	text-align:center;
	display:block;
	padding-top:80px;
	padding-bottom:80px;
}

.box_name{
	width:513px;
	margin:0px auto;
	padding-top:0px;
	padding-bottom:0px;
}

.box_name .box_nametxt{
	width:474px;
	margin:0px auto;
	padding-top:0px;
	padding-bottom:0px;
}

.box_name .box_nametxt p{
	display:block;
	text-align:left;
	width:auto;
	height:auto;
	line-size:10px;
	line-height:1.6;
	font-size:12px;
	font-weight:normal;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
}