@charset "utf-8";



/*================================================================================

	// 全体

================================================================================*/

body {
	background-color: #EEEEEE;
}
div#wrapper{
	width:620px !important;
	overflow:hidden;
	margin:0 auto;
	min-height:100%;
}


/*================================================================================

	// ログインフォーム

================================================================================*/

div#login-form{
	position:relative;
	margin:140px auto 0;
	width:334px;
	height:330px; 
}
div#login-form h1{
	text-align:center;
}
div#login-form h1 img{
	margin-top:40px;
}
div#login-form ul#form-bg {
	margin:0 auto;
	padding-top:30px;
	background:url(../../img/admin/login/form-bg.png) no-repeat center center;
	width: 334px;
	height: 218px;
}


/*　ログインID　*/

li#login-id-bg {
	width:246px;
	height:29px;
	background: url(../../img/admin/login/input-bg.png) no-repeat center top;
	margin: 0 auto;
}

input#login-id {
	border: none;
	background: none;
	width: 236px;
	height: 25px;
	line-height: 26px;
	padding-left: 8px;
	margin: 1px 2px 2px 1px;
}

/*　パスワード　*/

li#pass-bg {
	width:246px;
	height:29px;
	background: url(../../img/admin/login/input-bg.png) no-repeat left top;
	margin:16px auto 15px;
}
input#login-password {
	border: none;
	background: none;
	width: 236px;
	height: 25px;
	line-height: 26px;
	padding-left: 8px;
	margin: 1px 2px 2px 1px;
}

/*　チェックボックス　*/

li#login-check{
	width:254px;
	margin:0 auto;
	height:24px;
}

li#login-check input.checkbox{
	z-index: -3;
	position: absolute;
	width:24px;
	height:24px;
}
label.CheckBoxLabelClass{
	padding:2px 0 0 0;
	height:24px;
	background: url(../../img/admin/login/checkbox-bg.png) no-repeat 2px -2px;
	padding-left:24px;
}
label.CheckBoxLabelClass span{
	color: #000000;
	line-height:24px;
}
label.LabelSelected{
	background-position: 2px -20px;
}


/*　ログインボタン　*/

li#login-submit{
	margin:4px auto 0;
	width:250px;
	text-align: center;
}
li#login-submit input{
	background:url(../../img/admin/login/btn-login.png) no-repeat left top;
	width:94px;
	height:39px;
	border:none;
	cursor:pointer;
}
li#login-submit input:hover{
	background:url(../../img/admin/login/btn-login-on.png) no-repeat left top;
	width:94px;
	height:39px;
}


/*================================================================================

	// フッター footer

================================================================================*/


#footer {
	width:336px;
	height:60px;
	margin:20px auto 0;
}

/*================================================================================

	// コピーライト

================================================================================*/

#footer p {
	font:10px "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	letter-spacing:1px;
	background:none;
	text-align:center;
	vertical-align:middle;
	color: #b4b4b4;
}

/*-----------------------------------
-----------------------------------*/
/* 共通 */
#authMessage {
	color:#FF0000;
	margin-left : 45px;
	margin-top:2px;
}
.error-message { color:#FF0000; }
.red {
    color:#FF0000;
    font-weight:bold;
}
.b { font-weight:bold; }
.no-active { background-color:#dbdbdb; }
div.checkbox input { margin-top:5px; }
div.checkbox label { margin:0 10px 0 5px; }

/* エラー */
.login-error-message {
	color:#FF0000;
}

/* ログイン */
#loginMain {
    text-align:center;
    padding:25px 0 50px;
    font-size:12px;
    line-height:1.4em;
}
#loginMain li {
	width: 350px;
    margin:10px auto 0;
}
#loginMain li div.input label {
	width: 54px;
    text-align:left;
}
#loginMain li div.input input {
	width: 250px;
    text-align:left;
}