
#login_wrapper {
	width:820px;
	height:440px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#login_form {
	position:absolute;
	width:380px;
	height:440px;
	padding:30px 50px;
	border:1px solid #aaaaaa;
	border-radius:6px;
	background-color:#fff;
}

.title {
	font-size:1.6em;
	color:#248600;
	text-align:center;
	margin-bottom:40px;
}

label {
	font-size:0.9em;
	display:block;
	margin:2px 0px;
}

input[type=text], input[type=password] {
	width:280px;
	height:30px;
	margin-bottom:8px;
	line-height:30px;
}

.login {
	border:1px solid #248600;
	height:40px;
	width:280px;
	font-size:1.0em;
	color:#fff;
	background-color:#30A902;
	margin-top:15px;
}

#error_message {
	position:absolute;
	top:75px;
	width:280px;
	height:30px;
	text-align:center;
	color:#ff6666;
	font-size:0.9em;
}

#error_message:before {
	content: "\f071";
	display: inline-block;
	font-family: FontAwesome;
	width: 1.2857142857142858em;
	text-align: center;
}

.register {
	border:1px solid #C64E03;
	height:40px;
	width:280px;
	font-size:1.0em;
	color:#fff;
	background-color:#F76B14;
	margin-top:40px;
}

p.help {
	position:absolute;
	font-size:0.8em;
	text-align:right;
	right:30px;
	bottom:25px;
}

#trial {
	position:absolute;
	left:440px;
	width:380px;
	height:440px;
	padding:30px;
	border:1px solid #aaaaaa;
	background-color:#F5F9F3;
	border-radius:6px;
}

.trial_link {
	font-size:1.8em;
	letter-spacing:0.2em;
	text-align:center;
	margin-top:60px;
	color:#248600 !important;
}

.trial_link a {
	color:#248600 !important;
}

.preparation {
	font-size:1.4em;
	letter-spacing:0.2em;
	text-align:center;
	margin-top:0px;
	color:#248600 !important;
}

#trial img {
	position:absolute;
	top:175px;
	left:145px;
}

