@charset "utf-8";


/*==========================
/-
/- file   : login.css
/- update : 20111205
/-
/==========================*/


body {
	background:none;
}


/*-------------------------------------------
	Layout
-------------------------------------------*/

#login {
  overflow: visible;
  height:280px;
  width:404px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-140px;
  margin-left:-202px;
	z-index: 1;
}

.logo{
	margin-bottom:8px;
	text-align:left;
}

.login-ttl {
  font-size:16px;
  font-weight:bold;
  padding-bottom:8px;
}
.login-ttl2 {
  font-size:14px;
  font-weight:bold;
  padding:15px 0 20px 1px;
}

.login-ttl span {
  color:#cd0036;
  font-size:16px;
}

.login-box {
	border:3px solid #004B9F;
	background:#F0F0F0;
  width:400px;
	padding-bottom:20px;
}

.login-box ul , 
.login-box-otp ul {
	list-style:none;
	text-align:right;
	margin-top:15px;
	padding-bottom:10px;
	margin-right:60px;
}

.login-box ul li ,
.login-box-otp ul li {
	line-height:150%;
	margin-bottom:10px;
}

.login-box input ,
.login-box-otp input {
	border-left:1px solid #000;
	border-top:1px solid #000;
	border-right:1px solid #8C8C8C;
	border-bottom:1px solid #8C8C8C; 
	padding:4px 3px;
	margin-left:5px;
}

.login-box p ,
.login-box-otp p {
	text-align:center;
}

.login-box-otp {
	border:3px solid #666666;
	background:#E4E4E4;
  width:400px;
	padding-bottom:20px;
}

p.att {
	text-align:left;
	color:#CC0000;
	font-weight:bold;
	padding:2px 5px 10px 5px;
	margin-left:10px;
}

p.bold {
	font-weight:bold;
	margin-top:5px;
	padding-bottom:7px;
}

/*-------------------------------------------
	login box fix
-------------------------------------------*/

.art-lon {
	text-align:left;
	color:#CC0000;
	font-weight:bold;
	letter-spacing: 0.1px;
	padding-top: 8px;
}

#log-art {
  overflow: visible;
  width:460px;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-222px;
	padding-top:135px;
}

/* password */
.pass-w{
width: 407px;
margin: 0 auto;
padding: 60px 0;
}
.pass-ttl{
margin-bottom: 40px;
}
.pass-tbl{
width: 405px;
border-collapse: collapse;
border: 1px solid #87949a;
margin-bottom: 20px;
}
.pass-tbl th{
background-image: url(../images/login/pass_th.jpg);
background-repeat: no-repeat;
color: #393939;
font-weight: normal;
width: 120px;
padding: 12px 0 12px 15px;
text-align: left;
border: 1px solid #87949a;
}
.pass-tbl td{
border: 1px solid #87949a;
padding-left: 10px;
}
.pass-tbl td input{
padding: 3px;
}
.pass-memo{
color: #000;
text-align: center;
margin-bottom: 30px;
}
.pass-alert{
color: #cc0000;
margin: 0 auto 30px;
width: 350px;
}
.pass-alert li{
margin-bottom: 5px;
}
.pass-btn{
text-align: center;
}
.pass-btn input{
padding: 3px 15px;
cursor: pointer;
}