/*==================================================================
  //ログイン
==================================================================*/

#login-wrapper {
	width: 100%;
	height: 100%;
	background-color: #000;
	background-image: url(../img/common/bg.jpg);
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
}

#login-area {
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
}

#login-area-inner {
	width: 300px;
	display: table-cell;
	vertical-align: middle;
}

#login-area:hover {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

#login-area:hover {
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
}

#login-area hgroup {
	margin: 0 0 30px;
}

#login-area hgroup h1, #login-area hgroup h2 {
	text-align: center;
}

#login-area hgroup h1 {
	width: 420px;
	height: 162px;
	margin: 0 auto 5px;
	background: url(../img/common/logo.svg) no-repeat top center;
}

#login-info {
	/* width: 197px; */
	text-align: center;
	height: 13px;
	margin: 0 auto 20px;
	background: url(../img/common/login-info.png) no-repeat top center;
}

#input-area {
	width: 225px;
	margin: 0 auto;
}

#input-area li {
	margin-bottom: 10px;
}

#input-area li:last-child {
	margin-bottom: 0;
}

#input-area li input {
	width: 225px;
	height: 34px;
	line-height: 34px;
	padding: 0 5px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background-color: #fafafa;
	text-align: center;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

#input-area li input:focus {
	background-color: #fff;
}

#input-area li a {
	width: 225px;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	display: block;
	border: 1px solid #ccc;
	border-radius: 6px;
	background-color: #000;
	color: #8d8d8d;
	text-align: center;
	font-size: 12px;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor:pointer;
}

#input-area li a:hover {
	background-color: #666;
	color: #fff;
}
errmsg {

}

.login-info { text-align: center; color: #333; font-size: 12px; padding: 40px 0; }