@charset "utf-8";

/******************************************************************************/
/* ログインボタン                                                             */
/******************************************************************************/
.login-button {
	margin :20px 0px 0px 30px;
	cursor: pointer;
	width:108px;
	height:56px;
	background: url("../img/login_button.png");
}

.login-button:hover {
	background-position:left bottom;
}

/* 英語版 */
.login-button_en {
	margin :20px 0px 0px 30px;
	cursor: pointer;
	width:108px;
	height:54px;
	background: url("../img/65_login_button.png");
}

.login-button_en:hover {
	background-position:left bottom;
}


@media only screen and (min-width: 541px) {
	.login-logo {
		margin-top:120px;
		width:440px;
		height:auto;
	}
	hr.login-line1 {
		width:98%;
		border:0;
		margin-bottom:0;
		height:3px;
		background:#f08336;
	}
	hr.login-line2 {
		width:98%;
		border:0;
		height:5px;
		margin-top:3px;
		background:#34495e;
		box-shadow: 0px 5px 10px #34495e;
		-moz-box-shadow: 0px 5px 10px #34495e;
		-webkit-box-shadow: 0px 5px 10px #34495e;
	}
	.login-text {
		width:300px;
		text-align:left;
		font-size:20px;
		margin:25px 5px 0px;
		padding:5px;
	}
	.login-input {
		IME-MODE: disabled;
		width:300px;
		font-size:20px;
		margin:5px 5px;
		padding:5px 5px;
		border-color:#34495e;
		border-width:2px;
		border-radius: 4px;
		box-shadow: 5px 5px 10px #34495e;
		-moz-box-shadow: 5px 5px 10px #34495e;
		-webkit-box-shadow: 5px 5px 10px #34495e, 0 0 0px 1000px #fff inset;
	}
	.login-btn {
		background-image: -webkit-linear-gradient(top, #5e82a6 0%,  #34495e 50%, #34495e);
		background-image: -mos-linear-gradient(top, #5e82a6 0%,  #34495e 50%, #34495e);
		background-image: -ms-linear-gradient(top, #5e82a6 0%,  #34495e 50%, #34495e);
		background-image: linear-gradient(top bottom, #5e82a6 0%,  #34495e 50%, #34495e);
		width:300px;
		font-size:24px;
		margin:60px 5px;
		padding:10px 0px;
		text-align:center;
		color:#fff;
		background-color:#34495e;
		border-radius: 4px;
	}
	.login-btn:hover {
		cursor: pointer;
	}
}
@media only screen and (max-width: 540px) {
	.login-logo {
		margin:20px 0px;
		width:80%;
		height:auto;
	}
	hr.login-line1 {
		width:98%;
		border:0;
		margin-bottom:0;
		height:3px;
		background:#f08336;
	}
	hr.login-line2 {
		width:98%;
		border:0;
		height:5px;
		margin-top:3px;
		background:#34495e;
	}
	.login-text {
		width:98%;
		text-align:left;
		font-size:20px;
		margin:10px 5px 0px;
		padding:5px;
		border-color:#34495e;
		border-width:2px;
		border-radius: 4px;
	}
	.login-input {
		IME-MODE: disabled;
		width:98%;
		font-size:20px;
		padding:10px;
		border-color:#34495e;
		border-width:2px;
		border-radius: 4px;
		-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	}
	.login-btn {
		background-image: -webkit-linear-gradient(top, #5e82a6 0%,  #34495e 50%, #34495e);
		background-image: -mos-linear-gradient(top, #5e82a6 0%,  #34495e 50%, #34495e);
		background-image: -ms-linear-gradient(top, #5e82a6 0%,  #34495e 50%, #34495e);
		background-image: linear-gradient(top bottom, #5e82a6 0%,  #34495e 50%, #34495e);
		width:98%;
		font-size:24px;
		margin:30px 5px;
		padding:15px 0px;
		text-align:center;
		color:#fff;
		border-radius: 4px;
	}
	.login-btn:hover {
		cursor: pointer;
	}
}