@charset "utf-8";

/*
################################################################################
	/login 専用
################################################################################
*/

html {height:100%;}

body.login {
	height:100%;
	position:relative;
	background:#FAFAFA !important;
}
body.login #container {
	padding:0px;
	width:400px;
	height:440px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-220px 0 0 -200px;
}
body.login #container_inner {
	padding:20px 20px 20px 20px;
	width:auto;
	border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	background:#2a2a2a;
}
body.login p#logo{
	margin:10px auto 0px auto;
	padding:0px;
	height:100px;
	font-size:250%;
	display:block;
	text-align:center;
	position:relative;
	background:url("../img/logo.png") center top no-repeat;
}
body.login h1{
	margin:0px auto 10px auto;
	padding:0px;
	width:100%;
	height:40px;
	color:#FFF;
	text-align:center;
	font-size:180%;
	line-height:40px;
	display:block;
	position:relative;
}


/* ログアウトしました ※ h1 に重ねて表示
*****************************************/

body.login p.mes_logout{
	margin:0px;
	padding:10px 0px 5px 0px;
	width:90%;
	text-align:center;
	
	/*
	color:#FFF;border-radius:5px;
	font-size:18px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;background: rgba(38, 73, 157, 0.9);  RGBを10進数(0～255)で指定、不透明度を0～1.0で指定
	text-shadow: 0 0 5px #26499d; */
	position:absolute;
	top:-30px;
	left:5%;
}
/*body.login p.mes_logout:before{
	font-family: FontAwesome;
	content:"\f084";
	display:block;
	text-shadow: 0 0 5px #26499d;
	font-size:28px;
	line-height:28px;
	font-weight:normal;
	}
*/

/* エラーが発生していた場合にメッセージ表示 ※ h1 に重ねて表示
*****************************************/

body.login h1 span.alert-danger{
	margin:0px;
	padding:10px 0px 5px 0px;
	width:90%;
	color:#FFF;
	text-align:center;
	border-radius:5px;
	font-size:18px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	background: rgba(204, 0, 0, 0.8); /* RGBを10進数(0～255)で指定、不透明度を0～1.0で指定 */
	position:absolute;
	top:-30px;
	left:5%;
	text-shadow: 0 0 5px #C00;
	border:1px solid #C00;
}
body.login h1 span.alert-danger:before{
	font-family: FontAwesome;
	content:"\f071";
	display:block;
	text-shadow: 0 0 5px #C00;
	font-size:28px;
	line-height:28px;
	font-weight:normal;
	}


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

body.login dl#entrance{
	margin:0px;
	padding:0px;
	width:360px;
	list-style:none;
}
body.login dl#entrance dt{
	margin:0px 0px 1px 0px;
	padding:0px 0px 0px 10px;
	width:290px;
	height:50px;
	line-height:50px;
	background:#F0F0F0;
}
body.login dl#entrance dt.id{
	border-radius:5px 0px 0px 0px;
	-webkit-border-radius:5px 0px 0px 0px;
	-o-border-radius:5px 0px 0px 0px;
	-ms-border-radius:5px 0px 0px 0px;
}
body.login dl#entrance dt.pass{
	border-radius:0px 0px 0px 5px;
	-webkit-border-radius:0px 0px 0px 5px;
	-o-border-radius:0px 0px 0px 5px;
	-ms-border-radius:0px 0px 0px 5px;
}
body.login dl#entrance dd{
	margin:-51px 0px 1px 90px;
	padding:0px 0px 0px 0px;
	width:270px;
	height:50px;
}
body.login dl#entrance dd input#login_id,
body.login dl#entrance dd input#login_pass{
	margin:0px;
	padding:10px 15px;
	width:240px;
	height:30px;
	line-height:30px;
	text-align:left;
	display:block;
	border:none;
	background:#FFF;
	box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
}

body.login dl#entrance dd input#login_id{
	border-radius:0px 5px 0px 0px;
	-webkit-border-radius:0px 5px 0px 0px;
	-o-border-radius:0px 5px 0px 0px;
	-ms-border-radius:0px 5px 0px 0px;
}
body.login dl#entrance dd input#login_pass{
	border-radius:0px 0px 5px 0px;
	-webkit-border-radius:0px 0px 5px 0px;
	-o-border-radius:0px 0px 5px 0px;
	-ms-border-radius:0px 0px 5px 0px;
}
body.login dl#entrance dd input[type="text"]:focus,
body.login dl#entrance dd input[type="password"]:focus{background:#FFF !important;}

*:focus { outline:none;}


/******************************************/

body.login dl#entrance dd input#username:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px #FFF inset;/*←Chromeの背景色指定*/}
body.login dl#entrance dd input#password:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px #FFF inset;/*←Chromeの背景色指定*/}


/* ログイン状態を保持
*****************************************/

body.login p.remember{
	margin:0px;
	padding:0.5em 0px 0px 0px;
	color:#FFF;
	height:25px;
	line-height:25px;
	vertical-align:top;
}
body.login p.remember input[checkbox]{
	margin:0px;
	padding:0px;
	vertical-align:top;
}


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

body.login button#btn_login,
body.login a#btn_login,
body.login input#btn_login{
	margin:15px auto 0px auto;
	padding:0px;
	width:360px;
	height:40px;
	line-height:40px;
	color:#F0F0F0;
	text-align:center;
	font-weight:bold;
	display:block;
	background:#505050 !important;
	border:none !important;
	border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	cursor:pointer;
}
body.login button#btn_login:hover,
body.login a#btn_login:hover,
body.login input#btn_login:hover{
	background:#900 !important;
	border:none !important;
}
body.login button#btn_login:focus,
body.login button#btn_login:active,
body.login a#btn_login:focus,
body.login a#btn_login:active,
body.login input#btn_login:focus,
body.login input#btn_login:active{
	border:none !important;
}
body.login footer p#copyright{color:#777;}


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

ul.support{margin:10px 0px 0px 0px;padding:0px;}
ul.support li a:before{font-family: FontAwesome;padding:0px 0.3em 0px 0px;font-size:16px;color: #2fa4e7;}
ul.support li.com_reg a:before{content:"\f234";}
ul.support li.pass_get a:before{content:"\f06a";}