@charset "UTF-8";


/*-------------------------------------------------
TOP_BOX
-------------------------------------------------*/

#TOP_BOX{
	margin-top: 50px;
}

#TOP_BOX #LOGIN_BTN_BOX{
	margin-bottom: 40px;
}

	#TOP_BOX a{
		text-align: center;
		display: block;
		width: 200px;
		margin: 0 auto;
		padding: 15px 0;
		font-size: 120%;
		margin-bottom: 10px;
		border-radius: 5px;
	}

	#TOP_BOX #LOGIN_BTN_BOX a{
		background: #dd0000;
		color: #fff;
		text-decoration: none;
		border: 2px solid #bf0000;
	}
	
	
#TOP_BOX #FIRST_BOX a{
	background: #52b429;
	color: #fff;
	text-decoration: none;
	border: 2px solid #3f8820;
}

@media screen and (min-width:641px){
	#TOP_BOX .box p{
		text-align: center;
	}
}


/*-------------------------------------------------
LOGIN_BOX
-------------------------------------------------*/
#LOGIN_BOX .box{
	zoom:1;
}
#LOGIN_BOX .box:before,
#LOGIN_BOX .box:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
#LOGIN_BOX .box:after{
	clear: both;
}

#LOGIN_BOX h2{
	text-align: center;
	font-size: 120%;
	font-weight: normal;
	margin-bottom: 30px;
}

#LOGIN_BOX h2:before,
#LOGIN_BOX h2:after{
	content: " - ";
}

#LOGIN_BOX h3{
	font-size: 100%;
	font-weight: normal;
}

#LOGIN_BOX .form_btn{
	text-align: center;
	margin-top: 30px;
}

	#LOGIN_BOX .form_btn input{
		padding-left: 20px;
		padding-right: 20px;
	}

#LOGIN_BOX .link01{
	text-align: center;
	margin-top: 30px;
}


@media screen and (min-width:641px){
	#LOGIN_BOX{
		width: 430px;
		margin: 0 auto;
	}
	
	#LOGIN_BOX .box:nth-child(3){
		margin-top: 20px;
	}
	
	#LOGIN_BOX h3{
		width: 130px;
		padding: 5px 0;
		color: #c20000;
		float: left;
	}
	
	#LOGIN_BOX .right{
		width: 300px;
	}
	
		#LOGIN_BOX .right input{
			width: 100%;
		}
}


@media screen and (max-width:640px){
	#LOGIN_BOX{

	}
	
	#LOGIN_BOX .box:nth-child(3){
		margin-top: 20px;
	}
	
	#LOGIN_BOX h3{
		padding: 5px 0;
		color: #c20000;
		text-align: center;
	}
	
	#LOGIN_BOX .right{
		width: 100%;
	}
	
		#LOGIN_BOX .right input{
			width: 100%;
			box-sizing: border-box;
		}
}



/*-------------------------------------------------
INFO_BOX
-------------------------------------------------*/

#INFO_BOX{

}

	#INFO_BOX .box{
		margin-bottom: 25px;
		padding-bottom: 20px;
		border-bottom: 1px dotted #919191;
	}
	
	#INFO_BOX .box .day_box{
		margin-bottom: 10px;
	}
	
	#INFO_BOX .box p.day{
		font-size: 90%;
		
		background-color: #c20000;
		border-radius: 5px;
		padding: 3px 5px;
		display: inline;
		color: #fff;
	}
	
	#INFO_BOX .box h3{
		font-size: 100%;
		font-weight: normal;
	}
	
	#INFO_BOX .box h3#DETAIL{
		font-size: 150%;
		margin:20px 0 20px;
		color: #c20000;
		border-left: 3px solid;
		padding-left: 15px;
	}


@media screen and (max-width:640px){
	#INFO_BOX .box h3#DETAIL{
		font-size: 120%;
		margin:20px 0 20px;
		
	}
}


/*-------------------------------------------------
QR_BOX
-------------------------------------------------*/

#QR_BOX h3{
	text-align: center;
	font-weight: normal;
	font-size: 130%;
	color: #c20000;
}


@media screen and (min-width:641px){
	#QR_BOX{
		width: 500px;
		margin: 0 auto;
	}
	
	#QR_BOX .qrcord{
	width: 300px;
	margin: 0 auto 10px;
	}
}

@media screen and (max-width:640px){
	#QR_BOX .qrcord{
	width: 80%;
	margin: 0 auto 10px;
	}
}



/*-------------------------------------------------
REG_BOX
-------------------------------------------------*/

#REG_BOX .box{
	zoom:1;
}
#REG_BOX .box:before,
#REG_BOX .box:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
#REG_BOX .box:after{
	clear: both;
}

#REG_BOX .box h3{
	font-weight: normal;
	font-size: 100%;
	color: #c20000;
}

#REG_BOX .btn{
	text-align: center;
	margin: 35px 0 40px;
}

	#REG_BOX .btn a{
		background-color: #c20000;
		color: #fff;
		text-decoration: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 10px 20px;
	}
	
	#REG_BOX .btn input{
		background-color: #c20000;
		color: #fff;
		text-decoration: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 7px 20px;
		border: none;
	}


@media screen and (min-width:641px){
	#REG_BOX .box{
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px dotted #919191;
	}
	
		#REG_BOX .box h3{
			float: left;
			width: 125px;
		}
		
		#REG_BOX .box h3.corre{
			padding: 5px 0;
		}
		
		#REG_BOX .box .right{
			width: 600px;
		}
		
			#REG_BOX .box .right.textp{
				padding: 5px 0;
			}
}

@media screen and (max-width:640px){
	#REG_BOX .box{
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px dotted #919191;
	}
	
		#REG_BOX .box h3{
			margin-bottom: 10px;
			border-left: 5px solid;
			padding:0 0 0 7px;
		}
		
		#REG_BOX .box .right{
			width: 100%;
		}
}


/*-------------------------------------------------
FG_BOX
-------------------------------------------------*/
#FG_BOX .box{
	zoom:1;
}
#FG_BOX .box:before,
#FG_BOX .box:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
#FG_BOX .box:after{
	clear: both;
}

#FG_BOX .box h3{
	font-weight: normal;
	font-size: 100%;
	color: #c20000;
}

#FG_BOX .btn{
	text-align: center;
	margin: 35px 0 40px;
}

	#FG_BOX .btn a{
		background-color: #c20000;
		color: #fff;
		text-decoration: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 10px 20px;
	}
	
	#FG_BOX .btn input{
		background-color: #c20000;
		color: #fff;
		text-decoration: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 7px 20px;
		border: none;
	}


@media screen and (min-width:641px){
	#FG_BOX .box{
		margin-bottom: 15px;
		padding-bottom: 15px;
		width: 500px;
		margin: 0 auto;
	}
	
		#FG_BOX .box h3{
			float: left;
			width: 125px;
		}
		
		#FG_BOX .box h3.corre{
			padding: 5px 0;
		}
		
		#FG_BOX .box .right{
			width: 360px;
		}
		
			#FG_BOX .box .right.textp{
				padding: 5px 0;
			}
}

@media screen and (max-width:640px){
	#FG_BOX .box{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	
		#FG_BOX .box h3{
			margin-bottom: 10px;
			border-left: 5px solid;
			padding:0 0 0 7px;
		}
		
		#FG_BOX .box .right{
			width: 100%;
		}
}