@charset "UTF-8";

/* !common 同階層用共通スタイル
/*------------------------------------------------------- */
#main {
}

/* !index.html
/*------------------------------------------------------- */
html, body {
	height: 100%;
	background: #4990D2;
}
#main {
	position: relative;
	height: 100%;
}
	#loginBox {
		position: absolute;
		top: 25%;
		left: 50%;
		width: 320px;
		margin: 0px 0 0 -160px;
		box-sizing:border-box;
	}
		#loginBoxIn {
			padding:16px;
			margin-bottom: 8px;
		}
			#loginBox h1 {
				text-align: center;
			}
			#loginBox .error {
				margin: 2px;
				padding: 2px;
				color: #ff0000;
			}
			#loginBtn {
				width: 60%;
				margin: 0 auto;
			}
				.btn-primary {
					background: #FFF;
					color: #357ebd;
				}
		#copyright {
			color: #FFF;
		}


/*---------------------------------------------------------- 
/* !Media screen
/*------------------------------------------------------- */
@media screen and (min-width: 480px) {
	/* 480px以上用（タブレット／スマートフォン用）の記述 */
}
@media screen and (min-width: 768px) {
	/* 768px以上用（タブレット用）の記述 */
}


/*------------------------------------------------------- */
/* !Print
/*------------------------------------------------------- */
@media print {
}