/*
//============================================================================
// login.css
//============================================================================
*/


/*----------------------------------------------------------------------------
// 
----------------------------------------------------------------------------*/
body {
	background-image: url("../img/top.jpg");
	font-family: arial,sans-serif;
}


/*----------------------------------------------------------------------------
// 
----------------------------------------------------------------------------*/
.login {
	max-width: 450px;
	width: 70%;
	margin: 20px auto;
	font-size: 18px;
}

.login img {
	display: block;
	max-width: 100%;
	margin: 10px auto;
}

.login-form {
	background: #efefef;
	padding: 12px 24px;
}

.login-id,
.login-pass,
.login-button,
.login-kari {
	box-sizing: border-box;
	display: block;
	width: 100%;
	border-width: 1px;
	border-style: solid;
	padding: 16px;
	outline: 0;
	font-size: 18px;
	background: #fff;
	border-color: #bbb;
	color: #555;
}


/*----------------------------------------------------------------------------
// ログインボタン
----------------------------------------------------------------------------*/
.login-button {
	background: #000;
	border-color: transparent;
	color: #fff;
	cursor: pointer;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.login-button:hover {
	background: #666;
}


.login-kari {
	max-width: 450px;
	width: 70%;
	margin: 20px auto;
	color: #fff;
	border-color: #333;
	background: #383;
	font-size: 18px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*----------------------------------------------------------------------------
// エラー
----------------------------------------------------------------------------*/
div.error {
	background: #fcc;
	color: #f00;
	padding: 0px 12px;
}