@charset "utf-8";

html, body {
	height: 100%;
	position: relative;
	min-width: 640px;
	min-height: 400px;
}
div#contents {
	width: 640px;
	height: 400px;
	margin: -200px 0 0 -320px;
	position: absolute;
	top: 50%;
	left: 50%;
	*position: static;
}
.ie7 div#contents {
	width: 640px;
	height: 400px;
	margin: 100px auto 0;
	position: static;
}
.ie8 div#contents {
	width: 640px;
	height: 400px;
	margin: 100px auto 0;
	position: static;
}
h1 {
	text-align: center;
	color: #003893;
	font-size: 1.5em;
	font-weight: bold;
}
h1 img {
	display: block;
	width: 400px;
	height: auto;
	margin: 0 auto 0.25em;
}
p.intro {
	font-size: 0.9em;
	text-align: center;
	line-height: 3.5em;
}
div.wrap-form {
	padding: 2em 1em;
	background-color: #f0f1f4;
	border-radius: 0.5em;
}
p.sp-hl {
	display: none;
}
select {
    display: block;
    width: 80%;
    margin: 0 auto 1.25em;
    padding: 10px 2%;
    background-color: #fff;
    border: solid 1px #e6e6e6;
    border-radius: 0.5em;
    vertical-align: middle;
}
input[type="text"] {
	display: block;
	width: 76%;
	margin: 0 auto 1.25em;
	padding: 10px 2%;
	background-color: #fff;
	border: solid 1px #e6e6e6;
	border-radius: 0.5em;
	vertical-align: middle;
}
input[type="password"] {
    display: block;
    width: 76%;
    margin: 0 auto 1.25em;
    padding: 10px 2%;
    background-color: #fff;
    border: solid 1px #e6e6e6;
    border-radius: 0.5em;
    vertical-align: middle;
}
button {
	display: block;
	width: 80%;
	height: 2.2em;
	margin: 0 auto;
	background: linear-gradient(to bottom, #00d41c, #009c0f);
	background: -webkit-gradient(linear, left top, left bottom, from(#00d41c), to(#009c0f));
	background: -webkit-linear-gradient(top, #00d41c, #009c0f);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#00d41c', endColorstr='#009c0f');
	border: none;
	border-radius: 0.5em;
	color: #fff;
	font-weight: bold;
}
button:disabled {
    background: linear-gradient(to bottom, #d9d9d9, #d3d3d3);
    background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d3d3d3));
    background: -webkit-linear-gradient(top, #d9d9d9, #d3d3d3);
}
p.first {
	margin-bottom: 1.5em;
	font-size: 0.9em;
	text-align: center;
}
p.first img {
	width: auto;
	height: 15px;
	margin-right: 0.75em;
	vertical-align: bottom;
}
#MaintenanceMessage {
	font-weight: bold;
	color: #fff;
	background: red;
	border-radius: 0.5em;
	margin: -1em auto 1.25em;
	padding: 10px 2%;
	width: 76%;
}