@charset "utf-8";
/**
 *
 * 基本レイアウト、スタイル
 *
 */

html {
	font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-size:20px;
	line-height: 1.5;
}

ol{
	list-style-type:decimal;
	/* padding-left:30px; */
	padding-left: 0.5em;
}
	#cmp_terminal ol {
		padding-left: 30px;
	}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

input[type=radio],
input[type=checkbox]{
	margin-right:0.5em;
}
.pcbr{
	display:block;
}

.pageContainer {
	width:950px;
	margin:0 auto;
	font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-size:20px;
	line-height: 1.5;
}

#mainImg {
	margin:0;
	margin-bottom:20px;
	padding:0;
}
#mainImg img{
	width:100%;
}

.asterisk{
	color:#f00;
	font-weight:bold;
}

/* .sectionBox */
.sectionBox {
	background:#00a9f4;
	color: #000;
	font-size: 20px;
	margin-bottom:25px;
	padding: 0;
}

	.sectionBox .sectionBoxHead {
		color:#fff;
		font-size:30px;
		font-weight: bold;
		text-align:center;
		line-height:1;
		padding: 7px 10px 10px;
	}
	
	/* .sectionBoxHeadの余白統一用ハック ===================================== */
	.sectionBox .sectionBoxHead {
		padding: 8px 10px 9px\9;/* IE11以外の全てのIECSSハック */
	}
	
	/* IE11 */
	@media all and (-ms-high-contrast:none){
		*::-ms-backdrop,
		.sectionBox .sectionBoxHead {
			padding: 8px 10px 9px;
		}
	}
	
	/* ChromeとOperaのみだけに適用されるCSSハック */
	@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
		.sectionBox .sectionBoxHead {
			padding: 8px 10px 9px;
		}
	}
	/* end.sectionBoxHeadの余白統一用ハック ===================================== */
	
	.sectionBox .sectionBoxBody {
		background:#fff;
		border-radius:0 0 10px 10px;
		padding:20px;
		margin:0;
	}
	
	
	/* sectionBoxPrivacy -------------------------------------*/
	/* sectionBoxContact -------------------------------------*/
	
	.sectionBox.sectionBoxPrivacy,
	.sectionBox.sectionBoxContact{
		border-style:none;
		background-color:#fff;
		font-size:16px;
		margin-bottom:20px;
	}
	
	.sectionBoxPrivacy .sectionBoxHead,
	.sectionBoxContact .sectionBoxHead {
		text-align:left;
		color:#000;
		font-size:22px;
	}
	.sectionBoxPrivacy .sectionBoxBody,
	.sectionBoxContact .sectionBoxBody {
		padding:0 0 0 20px;
	}

.subTitle {
	background-color: #09c;
	border-let:0 solid #09c;
	border-radius:23px;
	color: #FFF;
	display: inline-block;
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	margin:15px 0 10px 0;
	padding: 10px 25px 6px 25px;
	position: relative;
	text-align: center;
	min-width: 200px;
	/display:inline;
	/zoom:1;
	/vertical-align:baseline;
}

/* レシート有効期間 -------------------------------------*/
.period_area {
	margin-left:40px;
}

/* list_marker マーカリスト-------------------------- */
.list_marker {
}

	.list_marker > li {
		padding-left:20px;
		text-indent:-20px;
		margin-bottom:0.3em;
	}
	
	.list_marker > li > span:first-child {
		display:inline-block;
		width:20px;
		text-indent:0;
		/display:inline;
		/zoom:1;
		/width:auto;
		/text-indent:-8px;
		
	}
	.list_marker > li > *{
		text-indent:0;
	}
.list_marker30 {
}

	.list_marker30 > li {
		padding-left:30px;
		text-indent:-30px;
		margin-bottom:0.3em;
	}
	
	.list_marker30 > li > span:first-child {
		display:inline-block;
		width:30px;
		text-indent:0;
		/display:inline;
		/zoom:1;
		/width:auto;
		/text-indent:-12px;
		
	}
	.list_marker30 > li > *{
		text-indent:0;
	}
/* list_icon ------------------------------------------------*/
.list_icon{
	list-style: none;
}
	.list_icon > li{
		text-indent: -1.5em;
		padding-left:1.5em;
		margin-bottom: 25px;
		font-size: 18px;
	}
		.list_icon > li > span:first-child{
			background-color: #000;
			color: #FFF;
			display: inline-block;
			margin-right: .3em;
			padding: 0 5px;
			/display:inline;
			/margin-left:-1.5em;
			/zoom:1;
		}
		.list_icon > li > *{
			text-indent:0;
		}

/* list_flow ------------------------------------------------*/
.list_flow{
	
}
	.list_flow li {
		border-radius: 15px;
		border: 3px solid #09c;
		font-size: 20px;
		margin: 0;
		padding: 5px;
		text-align: center;
		
	}
	.list_flow li.arrow {
		border-style: solid;
		border-width: 20px 40px 0;
		border-left-color:transparent;
		border-right-color:transparent;
		border-radius:0;
		height: 0;
		margin:0 auto 10px;
		padding:0;
		position:relative;
		width: 0;
		/margin-top:-11px;
	}

/* list_note ------------------------------------------------*/
.list_note{
	background-color:#cff;
	padding:15px;
}

/* mail注意書き ------------------------------------------------*/
.mail-important {
	margin: 1em 57px 2em 0;
	padding: 0.5em;
	border: 8px double red;
	color: red;
}

/* btn ボタン -------------------------------------*/
.btnMail{
	/* margin: 1em 57px 1em 0px; 2024/12/05 画面の中央になるように変更 */
	margin: 1em auto;
	text-align: center;
}
	.btnMail a {
		background:#FF9C26;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFC154), color-stop(50%,#FCB736), color-stop(51%,#FF9C26), color-stop(100%,#FBA423));
		background: -webkit-linear-gradient(top, #FFC154 0%, #FCB736 50%, #FF9C26 51%, #FBA423 100%);
		background: -moz-linear-gradient(top, #FFC154 0%, #FCB736 50%, #FF9C26 51%, #FBA423 100%);
		background: -o-linear-gradient(top, #FFC154 0%, #FCB736 50%, #FF9C26 51%, #FBA423 100%);
		background: -ms-linear-gradient(top, #FFC154 0%, #FCB736 50%, #FF9C26 51%, #FBA423 100%);
		background: linear-gradient(top, #FFC154 0%, #FCB736 50%, #FF9C26 51%, #FBA423 100%);
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		-pie-background: linear-gradient(top, #FFC154 0%, #FCB736 50%, #FF9C26 51%, #FBA423 100%);
		-moz-box-shadow: 0 1px 1px rgba(255,255,255,0.6) inset, 0 -1px 1px rgba(255,255,255,0.6) inset;
		-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.6) inset, 0 -1px 1px rgba(255,255,255,0.6) inset;
		box-shadow: 0 1px 1px rgba(255,255,255,0.6) inset, 0 -1px 1px rgba(255,255,255,0.6) inset;
		border: 1px solid #F49730;
		color: #fff;
		text-shadow: 0px 1px 3px rgba(0,0,0,0.4);
		display:inline-block;
		/display:inline;
		/zoom:1;
		text-decoration:none;
		font-size: 20px;
		font-weight:bold;
		line-height:60px;
		border-radius: 8px;
		padding: 0 30px;
		position: relative;
	}
	.btnMail a:not(:target){
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzE1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjYjczNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmOWMyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmE0MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	}
	
		.btnMail a:hover {
			background:#feb966;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed68d), color-stop(50%,#fccc72), color-stop(51%,#feb966), color-stop(100%,#fcbe65));
			background: -webkit-linear-gradient(top, #fed68d 0%, #fccc72 50%, #feb966 51%, #fcbe65 100%);
			background: -moz-linear-gradient(top, #fed68d 0%, #fccc72 50%, #feb966 51%, #fcbe65 100%);
			background: -o-linear-gradient(top, #fed68d 0%, #fccc72 50%, #feb966 51%, #fcbe65 100%);
			background: -ms-linear-gradient(top, #fed68d 0%, #fccc72 50%, #feb966 51%, #fcbe65 100%);
			background: linear-gradient(top, #fed68d 0%, #fccc72 50%, #feb966 51%, #fcbe65 100%);
			-pie-background: linear-gradient(top, #fed68d 0%, #fccc72 50%, #feb966 51%, #fcbe65 100%);
		}
		.btnMail a:hover:not(:target){
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZDY4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjY2M3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZlYjk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2JlNjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		}

	.icon-blankMail {
		font-size:35px;
		font-family:'icomoon';
	}
	.btnMail img,
	.btnMail strong,
	.btnMail span {
		vertical-align: middle;
		word-break: keep-all;
		word-wrap: normal;
	}
	
	.btnMail strong {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.btnMail span.address {
		font-size: 0.725em;
	}

/* 進む、戻るボタン */
.btnNext,
.btnPrev {
	border-radius: 8px;
	color: #fff;
	display:block;
	margin-bottom: 16px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	width:285px;
}
.btnNext{
	background: #FF9C26;
	/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzE1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjYjczNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmOWMyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmE0MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFC154), color-stop(50%,#FCB736), color-stop(51%,#FF9C26), color-stop(100%,#FBA423));
	background: -webkit-linear-gradient(top, #FFC154 0%, #FCB736 50%, #FF9C26 51%, #FBA423 100%);
	background: -moz-linear-gradient(top, #FFC154 0%, #FCB736 50%, #FF9C26 51%, #FBA423 100%);
	background: -o-linear-gradient(top, #FFC154 0%, #FCB736 50%, #FF9C26 51%, #FBA423 100%);
	background: -ms-linear-gradient(top, #FFC154 0%, #FCB736 50%, #FF9C26 51%, #FBA423 100%);
	background: linear-gradient(top, #FFC154 0%, #FCB736 50%, #FF9C26 51%, #FBA423 100%);
	-pie-background: linear-gradient(top, #FFC154 0%, #FCB736 50%, #FF9C26 51%, #FBA423 100%);
}
	.btnNext:hover{
		/* background:#ffab4d; */
		opacity: 0.6;
	}
.btnPrev{
	background: #0cf;
	/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwY2NmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwYjVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwOWFjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDk5Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0cf), color-stop(50%,#00b5e5), color-stop(51%,#009aca), color-stop(100%,#09c));
	background: -webkit-linear-gradient(top, #0cf 0%, #00b5e5 50%, #009aca 51%, #09c 100%);
	background: -moz-linear-gradient(top, #0cf 0%, #00b5e5 50%, #009aca 51%, #09c 100%);
	background: -o-linear-gradient(top, #0cf 0%, #00b5e5 50%, #009aca 51%, #09c 100%);
	background: -ms-linear-gradient(top, #0cf 0%, #00b5e5 50%, #009aca 51%, #09c 100%);
	background: linear-gradient(top, #0cf 0%, #00b5e5 50%, #009aca 51%, #09c 100%);
	-pie-background: linear-gradient(top, #0cf 0%, #00b5e5 50%, #009aca 51%, #09c 100%);
}
	.btnPrev:hover{
		/* background:#4db8da; */
		opacity: 0.6;
	}

	.btnNext input,
	.btnNext a,
	.btnPrev input,
	.btnPrev a {
		background: none;
		display:block;
		width:100%;
		border: none;
		color: #fff;
		cursor:pointer;
		font-size: 25px;
		font-weight:bold;
		height:60px;
		border-radius: 8px;
		text-shadow: 0px 1px 3px rgba(0,0,0,0.4);
		text-decoration:none;
		text-align:center;
	}
	
	.btnNext a,
	.btnPrev a{
		line-height:60px;
		/*
		padding: 9px 0 0;
		padding: 8px 0 0\9;/* IE11以外の全てのIECSSハック */
	}
		.btnNext input.disabled,
		.btnNext a.disabled,
		.btnPrev input.disabled,
		.btnPrev a.disabled {
			background: #ccc;
			color: #a0a0a0;
			cursor:default;
			text-shadow: none;
			position: relative;
		}

.domainBox {
	margin-top:20px;
	border:1px solid #000000;
	padding:5px 10px;
	margin-bottom:20px;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
/* footerNavi -------------------------------------*/

.footer{
	margin-top:30px;
}

.footerNavi_none {
	border-top:3px solid #9cf;
}

.footerNavi_wrap,
.footerNavi_none {
	margin-bottom:10px;
}

.footerNavi {
	background: #9cf;
	margin: 0px 3px;
	padding: 0px;
}

	.footerNavi li {
		display: block;
		float: left;
		margin: 0px;
		padding: 0px;
		text-align: center;
	}
	
	.footerNavi a {
		background: #9cf;
		color: #FFF;
		display: block;
		font-size: 14px;
		font-weight: bold;
		padding: 19px 0px;
		text-decoration: none;
		width: 235px;
		float: left;
	}
	
		.footerNavi a:hover {
			background: #b4dafe;
		}
	
	.footerNavi .divide {
		display: block;
		float: left;
		width: 1px;
		height: 1.45em;
		font-size: 14px;
		padding: 14px 0px;
		margin: 5px 0px;
		background: none repeat scroll 0% 0% #FFF;
		line-height: 1.45;
	}

/* toTop --------------------------------------------*/
.toTop {
	clear:both;
	margin:20px 10px 10px 0;
	font-size:20px;
	height:25px;
	line-height:25px;
	padding:0;
}

	.toTop a {
		color: #333;
		text-decoration: none;
		float: right;
	}
		.toTop a span {
			float: left;
		}

	.icon-totop {
		background-color: #09c;
		color:#fff;
		font-family:'icomoon';
		font-size:26px;
		display: block;
		height: 25px;
		margin-left: 9px;
		width: 26px;
	}

/* copyright ------------------------------------ */
.copyright {
	clear:both;
	float:right;
	text-align:left;
	font-size:16px;
	margin:0 10px 10px 0;
}

/* urlMail --------------------------------------*/

.urlMail{
	border:2px solid #09f;
	color:#09f;
	font-size:22px;
	margin-top:20px;
	text-align:center;
}
.urlMail .head{
	border-bottom:2px solid #09f;
}
/* yourMail -------------------------------------*/
.yourMail{
	background-color:#cff;
	border:2px solid #09c;
	color:#00f;
	font-weight:bold;
	text-align:center;
	margin: 10px auto 30px;
	padding:10px 0;
	width:500px;
}

.userMessage {
	text-align: center;
	color: #f00;
}

/* teaser ---------------------------------------*/
.teaserBox{
	color: #000;
	text-align: center;
	font-weight: bold;
	font-size: 36px;
}

/* closer ---------------------------------------*/
.closerBox{
	border: 4px solid #000;
	border-radius: 13px;
	color: #000;
	margin: 20px 0;
	padding: 2em 0px;
	text-align: center;
	font-weight: bold;
	font-size: 36px;
}

/* inputField enqField --------------------------*/
.inputField,
.enqField,
.passChangeField,
.serialField {
	margin: 40px auto 40px;
	width: 860px;
	border-bottom: 1px solid #CCC;
}
	.inputField .section,
	.enqField .section,
	.passChangeField .section,
	.serialField .section{
		border-top: 1px solid #CCC;
		padding: 3px 0;
	}
	
	.inputField .body input,
	.enqField .body input,
	.passChangeField .body input,
	.serialField .body input {
		line-height:30px;
		outline:none;
		height:30px;
		vertical-align:middle;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	
	.inputField .body select ,
	.enqField .body select {
		line-height: 2;
		outline:none;
		height:35px;
		padding: 0;
		vertical-align:middle;
		/font-size:22px;
	}
/* inputField ------------------------------------*/
.inputField .head,
.inputField .body,
.passChangeField .head,
.passChangeField .body,
.serialField .body,
.serialField .head {
	padding: 10px 0 10px 10px;
	vertical-align:middle;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

.inputField .head,
.passChangeField .head,
.serialField .head {
	width:25%;
	font-size:18px;
	font-weight:bold;
}

.inputField .body,
.passChangeField .body,
.serialField .body {
	font-size:18px;
	margin:0;
	width:70%;
}

/* enqField ----------------------------------------*/
.enqField .head {
	padding: 10px 0 10px 10px;
	font-size:20px;
	font-weight:bold;
}

.enqField .body {
	font-size:18px;
	padding: 10px 25px;
}

.enqField label{
	margin-right:30px;
}

.enqField input[type=text] ,
.enqField textarea{
	width:98%;
}
.enqField input[type=text].enq_radio_text ,
.enqField input[type=text].enq_checkbox_text {
	width:80%;
}

/* generalField ----------------------------------------*/
.generalField .head {
}

.generalField .body {
}

.generalField label{
}

.generalField input[type=text] ,
.generalField textarea{
	width:98%;
}
.generalField input[type=text].enq_radio_text ,
.generalField input[type=text].enq_checkbox_text {
	width:80%;
}

/* loginField ---------------------------------------*/
.loginField{
	width:500px;
}
	.loginField .section{
		margin-bottom:15px;
	}
	
	.loginField .head{
		
	}
	
	.loginField .body{
		
	}
	
	.loginField .body input{
		width:100%;
	}
	
/* faqField -----------------------------------------*/
.faqField{
	margin-bottom:30px;
}
	.faqField .section{
		margin-bottom:15px;
	}
	
	.faqField .head{
		font-weight:bold;
	}
	
	.faqField .body{
		padding-left:20px;
	}
/* serialField --------------------------------------*/
.serialField,
.serialField .section{
	border:none;
}
	.serialField .head{
		width:70px;
		font-weight:normal;
	}


/* privacyAgreement ---------------------------------*/
.privacyAgreement{
	color:#f00;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:10px 0 25px;
}
	.privacyAgreement .box{
		background-color:#d2d2d2;
		color:#000;
		display:inline-block;
		/display:inline;
		/zoom:1;
		font-size:20px;
		margin-top:10px;
		padding:10px 30px;
	}

/* #cmp_terminal ------------------------------------*/



#cmp_terminal .sectionBoxBody ol >li{
	color:#36f;
	font-weight:bold;
}
	#cmp_terminal .sectionBoxBody ol > li *{
		color:#000;
		font-weight:normal;
	}
	#cmp_terminal .sectionBoxBody ol > li h3{
		color:#36f;
		font-weight:bold;
	}
#cmp_terminal .sectionBoxBody .fwB{
	font-weight:bold;
}
#cmp_terminal .sectionBoxBody .fwBnone{
	font-weight:normal;
}


/* form items ---------------------------------------*/
.form_name input{
	width:30%;
	margin-left: 1em;
}
.form_kana input {
	width: 30%;
}
	.form_name input:first-child,
	.form_kana input:first-child{
		margin-right:0.8em;
	}
.form_age input{
	width:15%;
}
.form_sex label ,
.form_marriage label {
	margin-right:3em;
}
.form_zip input {
	margin:0 0.5em;
	width:15%;
}
	.form_zip input:first-child{
		margin-left:0;
	}
.form_city input{
	width:95%;
}
.form_other input{
	width:95%;
}
.form_roomNumber{
	padding-top:7px;
	display:block;
	width: 95%;
	text-align: right;
}
	.form_roomNumber span{
		font-weight:bold;
	}
	.form_roomNumber input{
		margin-left:5px;
		width:80%;
	}
.form_phone input,
.form_fax input{
	width:15%;
}

.form_chainPremiumNo {
}
	.form_chainPremiumNo label {
		display: block;
		word-break: break-all;
		padding-left: 1em;
		text-indent: -1em;
	}
	.form_chainPremiumNo .premiumItemWrap {
	}
	.form_chainPremiumNo select ,
	.form_chainPremiumNo input[name^=regist_chain_premium_no_unit] {
		width: 95%;
	}

.form_store input[type=text]{
	width:95%;
}
.form_store label{
	margin-right:3em;
}
.form_receipt_no input{
	width:40%;
}
.form_unit input{
	width:40%;
}
.form_amount input{
	width:40%;
}
.form_email input{
	width:95%;
}
.formSize1 {
	width:40% !important;
}
.formSizeFull {
	width:86% !important;
}

/* 入力項目 */
.inputField input:focus ,
.inputField textarea:focus ,
.inputField select:focus ,
.inputField label:focus {
	background-color: #ffffe0;
	border-width:1px;
}

.sectionBoxBody .inputField h3 ,
.sectionBoxBody .enqField h3 {
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 15px;
}


/* 入力エラー */
.form_error {
	/*background-color: #ffccff;*/
}
	.form_error_msg_bg {
		background: #ffff39;
		padding:0.3em;
		margin:0.3em 0em;
	}
.form_error_msg {
	color: red;
}

/* アップロード画像表示 */
.image-upload {
	width: 100%;
/*
	width: 31%;
	margin: 0 2% 2% 0;
	float: left;
	position:relative;
*/
}
.image-upload tr {
	border-bottom: 1px dotted #c0c0c0;
}
.image-upload tr:last-child {
	border-bottom: none;
}
.image-upload td {
	padding: 5px;
	vertical-align: middle;
	
}
.image-upload .imgWrap{
	display:block;
	height:90px;
	overflow:hidden;
}
.image-upload img {
	max-width: 100px;
	max-height: 100px;
}

/* 応募完了 */
.result_message {
	font-size: 42px;
}
.result_message_area {
	text-align: center;
	margin-top:1em;
}


/**
 *
 */

#animationWrap {
}
#animationWrap .preload {
	overflow:hidden;
	width:0px;
	height:0px;
}

#animation {
	position: relative;
}
#animation img {
	width: 100%;
	display: none;
	left: 0;
	position: absolute;
	top: 0;
}
#animation #img0 {
	display: inline;
	position: static;
}

#treasure .tboxContainer {
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	height: 350px;
	position:relative;
}
#treasure .tbox01 {
	position:absolute;
	left:282px;
	top:0px;
	width: 236px;
	height: 350px;
}
#treasure .tbox02 {
	position:absolute;
	top:0px;
	left: 18px;
	width: 236px;
	height: 350px;
}
#treasure .tbox03 {
	position:absolute;
	top:0px;
	left: 547px;
	width: 236px;
	height: 350px;
}

#treasure .tbox span:hover {
	position:absolute;
	top:-5px;
	width: 236px;
	height: 350px;
}
#treasure .tbox img:hover {
	width: 243px;
	height: 361px;
	cursor: pointer;
}
/*
#treasure .tbox01:hover {
	left:279px;
}
#treasure .tbox02:hover {
	left: 15px;
}
#treasure .tbox03:hover {
	left: 544px;
}
*/
#animationWrap .tbox_txt {
	text-align: center;
	font-size: 24px;
}