@charset "utf-8";

/* 
-----------------------
=contents
-----------------------
*/

/* 汎用
-------------------------------------------------------------------------*/
.fltL {	float:left;}
.fltR {	float:right;}
.clear {	clear: both;}
.btm17{	margin: 0 0 17px;}
.btm20{	margin: 0 0 20px;}

/* clearfix
-------------------------------------------------------------------------*/
.clearfix:after,
div:after,
dl:after{
	content:"";
	display:block;
	visibility:hidden;
	height:0;
	line-height:0;
	clear:both;
}
.clearfix{
	_height:1px;
	min-height:1px;
}
a:hover img{
	filter: alpha(style=0, opacity=70);
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	zoom: 1;/* for IE */
}

/* =header,footer
-------------------------------------------------------------------------*/
h1{
	text-align: center;
	margin: 105px 0 0;
}
footer{
	color: #2977bf;
	font-size: 12px;
	text-align: center;
	margin: 240px 0 0;
}
p.copyright{
	margin: 100px 0 0;
	text-align: center;
}

/* =contents
----------------------------------------------------------------------------- */
.login_area{
	width: 400px;
	margin: 80px auto 0;
}
input{
	width: 378px;	height: 52px;
	padding: 0 10px;
	border: solid 1px #3771bf;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-size: 18px;
	font-weight: bold;
}
dl.login_link{
	width: 290px;
	margin: 0 auto;
}
dl.login_link a{	text-decoration: underline;}
p.btntext a{
	width: 400px;	height: 54px;
	font-size: 18px;
	line-height: 54px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	padding: 0;
	background-color: #666666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	margin: 46px 0 23px;
}
p.btntext a:hover {	opacity: 0.7;}