@charset "utf-8";
body {
	line-height:150%;
	font-family:"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"メイリオ",
		Meiryo, Osaka,
		"ＭＳ Ｐゴシック",
		"MS PGothic", sans-serif;
	text-align:center;
	margin:0 auto;
	padding:0px;
	background:url( /images/background/bg_form_top_back.gif ) repeat-x #fff;
	background-attachment: fixed;
	font-size:1rem;
}
img {
	border:0px;
}

h1,h2,h3,h4,h5,h6 {
	margin:0px;
	padding:0px;
}

div#entry_box {
	margin:0 auto;
	padding:0;
	text-align:center;
	width:800px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background:#FFF;
	overflow:hidden;	
}

/*************************************
 *	ENTRY_BOX
 ************************************/

div.form_box {
	overflow: hidden;
	padding: 2px;
	font-size:0.9em;
	text-align:left;
	margin:0;
}

div.form_box label {
	float: left;
	width: 180px;
	text-transform: uppercase;
	padding: 0 10px;
	margin-right:20px;
	overflow:hidden;
	text-align:right;
}

div#entry_box span, div#view span {
	color:#F00;
}

div.field {
	float:none;
	clear:both;
	margin:0px;
	padding:7px 0;
	text-align:left;
	overflow:hidden;
	height:100%;
}

div.field_in {
	width:70%;
	overflow:hidden;
	float:left;
	border-bottom:1px solid #CCC;
	padding-bottom:1%;
}

div.field_in label {
	width:90px;
	clear:left;
	margin:0px;
	padding:1px 0 1px 3px;
	border:none;
	text-align:left;
}

div.field_in input, div.field_in select {
	margin:0 0 3px 0;
	padding:2px;
	border:1px solid #999;
}

div.field input[type="text"] {
	padding:2px;
	font-size:1.1em;
	border:1px solid #999;
}
div.field input[type="file"] {
	padding:0;
	border:none !important;
}

/* input[type="text"]:focus, input[type="text"].focused { */
div.field input[type="text"]:focus, div.field select:focus, div.field textarea:focus {
	border:1px solid #3399FF;
	background:#F7FBFF;
	padding:2px;
	font-size:1.1em;
}

div.field input[type="text"].focused, div.field select.focused, div.field textarea.focused {
	padding:2px;
}

div.field input[type="radio"] {
	border:none;
}

div.field select {
	padding:1px;
	font-size:1.1em;
}

div.form_box div.field textarea {
	width: 80%;
	height: 150px;
	border:1px solid #999;
}

div.buttonsdiv {
	text-align:center;
	margin:0px auto;
	padding:30px 0 50px 0;
}

div.buttonsdiv input {
	padding:10px 30px;
	font-size:16px;
}

#txt_box {
	text-align:left;
	font-size:14px;
}
/*
#txt_box br {
	display: none;
}
*/
h4 {
	clear:both;
	text-align:center;
	margin:0 0 10px 0;
	padding:10px 0;
	background:#69C;
	color:#FFF;
	font-size:1.3em;
	overflow:hidden;
}

.form_tit {
	text-align:center;
	margin:0 auto;
	padding:10px;
	background:#EFEFEF;
}

.messbox {
	position:relative;
	width:570px;
	float:right;
	text-align:left;
}

/******************************************
 *	TABLE_BOX
 *****************************************/

#table_box {
	width:380px;
	float:left;
	overflow:hidden;
	padding:0 10px;
}

#table_box table {
	width:100%;
	border:1px solid #CCC;
	padding:2px;
	clear:both;
}

#table_box th {
	background:url( /images/background/bg_table_th.gif) repeat-x;
	color:#1C6280;
	border-bottom:1px solid #F9F9F9;
	text-align:left;
	padding:2px 4px;
	font-size:11px;
}

#table_box td  {
	text-align:left;
	padding:2px 4px;
	border-bottom:1px solid #F9F9F9;
	font-size:11px;
}

#table_box h3.ent {
	padding:20px auto;
	text-align:center;
}

/******************************************
 *	入力エラー
 *****************************************/

div.error_box {
	clear:both;
	float:none;
	width:630px;
	margin:10px 0;
	padding:10px;
	text-align:left;
	border:1px solid #FF6666;
	background:#FFF7F7;
	color:#FF0000;
	font-size:12px;
}

.err {
	border:1px solid #F30;
	background:#F30;
	padding:3px;
	margin:3px 0;	
	color:#FFF;
	overflow:hidden;
}

/************************************
 *	入金フラグ
 ***********************************/

.flg0 { background:#FFB9B9; color:#F00; }
.flg1 { background:#FFF; }

.thank_box {
	margin:40px;
	padding:40px;
	text-align:center;
}

.thank_box p {
	text-align:center;
	font-size:0.8em;
}
.thank_box p.info_trust {
	text-align: center;
}

.e_adult a {
	width: 306px;
	height: 66px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background:url(/images/button/bt_snowfight_adult.gif) left top no-repeat;
	float:left;
	margin:40px 0 20px 40px;
	padding:0px;
}

.e_child a {
	width: 306px;
	height: 66px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background:url(/images/button/bt_snowfight_child.gif) left top no-repeat;
	float:left;
	margin:40px 0 20px 40px;
	padding:0px;
}

h3.ent {
	padding:20px auto;
	text-align:center;
}

#footer p {
	clear:both;
	background:#EBEEF1;
	padding:50px 0;
	font-size:12px;
}

/************************************
 *	銀行振込先
 ***********************************/

.bankBox {
	position:relative;
	clear:both;
	overflow:hidden;
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin:20px;
	padding:20px;
}

/************************************
 *	注意事項
 ***********************************/

.attention {
	position: relative;
	clear: both;
	overflow: hidden;
	padding: 20px;
}
.attention p {
	color:#0000ff;
	margin: 20px auto;
	text-align: center;
}
.important {
	color:#ff0000 !important;
	font-weight: 700;
}

/************************************
 *	チーム情報
 ***********************************/

#teamdate {
	position:relative;
	width:330px;
	float:left;
	margin:15px 0 0 -5px;
}
#teamdate img {
	margin-left: 40px;
}
.chartBox_right {
	float:right;
	padding-bottom:50px;
}
.teamname {
	clear:both;
	font-size:26px;
	font-weight:bold;
	text-align:left;
	padding:30px 0 0 0;
	margin:0;
	color:#F30;
}
.teamname_rubi {
	clear:both;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:0 0 30px 0;
	margin:0;
	color:#F30;
}
.bumontype {
	font-size:16px;
	font-weight:bold;
}
.bumontype br {
	display: none;
}

@media only screen and (max-width: 680px) {
	body {
		text-align:left;
		margin:0;
		padding:0;
		background-color:#fff;
		background-attachment:inherit;
		background-image: none;
		font-size:0.9rem;
	}
	img {}

	h1,h2,h3,h4,h5,h6 {}

	div#entry_box {
		margin:0;
		padding:0;
		text-align:left;
		width:100%;
		border:none;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	div#entry_box img {
		width:100%;
		height: auto;
	}

	/*************************************
	 *	ENTRY_BOX
	 ************************************/

	div.form_box {
		padding: 0;
		border:none;
		font-size:0.9em;
	}

	div.form_box label {
		float: none;
		width: 100%;
		padding: 2% 0;
		margin-right:0;
		text-align:left;
		display: block;
		font-size: 1rem;
		font-weight: 700;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	div#entry_box span, div#view span {
		margin-right:4%;
	}

	div.field {
		float:none;
		clear:both;
		margin:0px;
		padding:3% 2%;
		text-align:left;
		overflow:hidden;
		height:100%;
		border-bottom:1px solid #ccc;
	}
	div.field span {
		padding-left: 0 !important;
	}
	div.field:nth-child(2n) {
		background:#f5f5f5;
	}
	div.field_in {
		width:100%;
		float:none;
		clear:both;
		border:none;
		padding-bottom:0;
		font-size: 0.95rem;
	}

	div.field_in label {
		width:100%;
		clear:both;
		padding:0;
	}
	div.field label br {
		display: none;
	}


	div.field_in input,
	div.field_in select {
		margin:2% 0;
		padding:2%;
		font-size:1rem;
	}
	div.field input[type="text"] {
		padding:2%;
		font-size:1rem;
		width:99%;
		line-height: 30px;
		border:1px solid #ccc;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	div.field input[type="file"] {
		padding:0;
		border:none !important;
	}

	/* input[type="text"]:focus, input[type="text"].focused { */
	div.field input[type="text"]:focus,
	div.field select:focus,
	div.field textarea:focus {
		padding:2%;
		font-size:1rem;
		width:100%;
	}

	div.field input[type="text"].focused,
	div.field select.focused, 
	div.field textarea.focused {
		padding:2%;
		font-size:1rem;
		width:100%;
	}

	div.field input[type="radio"] {
		border:1px solid #999;
		width:25px;
		height: 25px;
		margin-left:5px;
		display: inline-block;
		vertical-align: middle;
	}
	div.field input[type="checkbox"] {
		border:1px solid #999;
		width:25px;
		height: 25px;
		margin:0 5px;
		display: inline-block;
		vertical-align: middle;
	}

	div.field select {
		padding:1% !important;
		font-size:1rem;
		height: 40px !important;
		line-height: 40px !important;
		width:50% !important;
	}

	div.form_box div.field textarea {
		width: 100%;
		height: 150px;
		font-size: 1rem;
		border:1px solid #ccc;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}

	div.buttonsdiv {
		text-align:center;
		margin:0px auto;
		padding:5%;
		width:70%;
	}

	div.buttonsdiv input[type="submit"] {
		-webkit-appearance: none;
		padding:10px 30px;
		font-size:16px;
		font-weight: 700;
		border:none;
		width:100%;
		color:#fff;
		background:rgba(0,151,215,1.00);
		display: block;
		margin-bottom:20%;
	}
	div.buttonsdiv input[type="button"] {
		-webkit-appearance: none;
		padding:10px 30px;
		font-size:16px;
		font-weight: 700;
		border:none;
		width:100%;
		color:#fff;
		background:rgba(92,92,92,1.00);
	}

	#txt_box {
		position: relative;
		font-size:1rem;
		line-height: 180%;
	}
	#txt_box br {
		display: block;
	}
	#txt_box ol {
		margin:4% auto !important;
		width:85% !important;
		padding: 0 !important;
	}
	#txt_box ol li {
		font-size: 0.8rem;
		margin:0 auto;
		line-height: 170%;
	}

	h4 {
		margin:0;
		padding:4%;
		font-size:1.1rem;
		line-height:150%;
	}

	.form_tit {
		text-align:center;
		margin:0 auto;
		padding:2%;
		background:#EFEFEF;
	}

	.messbox {
		width:100%;
		float:none;
		text-align:left;
	}
	#zip {
		width:30%;
	}
	#entrynum1,
	#zenya1,
	#bus1,
	#bus2 {
		width:15%;
	}

	/******************************************
	 *	TABLE_BOX
	 *****************************************/

	#table_box {
		width:380px;
		float:left;
		overflow:hidden;
		padding:0 10px;
	}

	#table_box table {
		width:100%;
		border:1px solid #CCC;
		padding:2px;
		clear:both;
	}

	#table_box th {
		background:url( /images/background/bg_table_th.gif) repeat-x;
		color:#1C6280;
		border-bottom:1px solid #F9F9F9;
		text-align:left;
		padding:2px 4px;
		font-size:11px;
	}

	#table_box td  {
		text-align:left;
		padding:2px 4px;
		border-bottom:1px solid #F9F9F9;
		font-size:11px;
	}

	#table_box h3.ent {
		padding:20px auto;
		text-align:center;
	}

	/******************************************
	 *	入力エラー
	 *****************************************/

	div.error_box {
		clear:both;
		float:none;
		width:630px;
		margin:10px 0;
		padding:10px;
		text-align:left;
		border:1px solid #FF6666;
		background:#FFF7F7;
		color:#FF0000;
		font-size:12px;
	}

	.err {
		border:1px solid #F30;
		background:#F30;
		padding:3px;
		margin:3px 0;	
		color:#FFF;
		overflow:hidden;
	}

	/************************************
	 *	入金フラグ
	 ***********************************/

	.flg0 { background:#FFB9B9; color:#F00; }
	.flg1 { background:#FFF; }

	.thank_box {
		margin:4%;
		padding:0;
		text-align:left;
	}

	.thank_box p {
		text-align:left;
		font-size:0.8rem;
	}
	.thank_box p.info_trust {}

	.e_adult a {
		width: 306px;
		height: 66px;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		background:url(/images/button/bt_snowfight_adult.gif) left top no-repeat;
		float:left;
		margin:40px 0 20px 40px;
		padding:0px;
	}

	.e_child a {
		width: 306px;
		height: 66px;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		background:url(/images/button/bt_snowfight_child.gif) left top no-repeat;
		float:left;
		margin:40px 0 20px 40px;
		padding:0px;
	}

	h3.ent {
		padding:20px auto;
		text-align:center;
	}

	#footer p {
		padding:6% 0;
		font-size:0.8rem;
		text-align: center;
	}

	/************************************
	 *	銀行振込先
	 ***********************************/

	.bankBox {
		font-size:0.9rem;
		margin:4%;
		padding:0;
	}

	/************************************
	 *	注意事項
	 ***********************************/

	.attention {
		padding:0;
	}
	.attention p {
		margin: 4%;
		text-align: left;
	}
	.attention p br {
		display: none;
	}
	
	/************************************
	 *	team情報
	 ***********************************/

	#teamdate {
		position:relative;
		width:90% !important;
		float:none;
		display: block;
		margin:4% auto;
	}
	#teamdate img {
		width:100%;
		height: auto;
		margin-left: 0;
	}
	.chartBox_right {
		float:none;
		clear:both;
		width:100%;
		padding-bottom:10%;
	}
	.teamname {
		font-size:1.6rem;
		padding:5% 0 4% 2%;
		text-align: center;
	}
	.teamname_rubi {
		font-size:0.9rem;
		padding:0 0 5% 2%;
		text-align: center;
	}
	.bumontype {
		font-size:1rem;
	}
	.bumontype br {
		display: block;
	}
	
	.details th,
	.details td {
		font-size:0.9rem !important;
	}

}