@charset "utf-8";
/* CSS Document */




/*========================================*
*�@login
*========================================*/

#login_main{
	width:850px;

	background-color: #fafafa;
	margin: 0 auto 10px auto;
	
	}
.login_clearfix:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    
	}
.login_clearfix{
    display: block;
    overflow: hidden;
	}

#login_left{
	float: left;
	padding-left:24px;
	}
	
#login_right{
	width:550px;
	margin:0 0 15px 17px;
	float: left;
	}
	
h3{
	padding:0 0 25px 0;
	}
	
h4{
	padding:0 0 10px 0;
	}


#login_method{
    clear:both;
    }

#login_method .Inquiry{
    font-weight:bold;
    width: 330px;
    margin:5px auto 0 auto;
    clear: both;
    }

#login_method .Inquiry02{
    width: 510px;
    margin: 0px auto 10px 10px;
    clear: both;
    }

/*========================================*
*ログインについて
*========================================*/
#about_login {
	float:left;
	width:232px;
	/*height:210px;*/
	padding-bottom:10px;
	background-color: #ffffff;
}
	
#about_login img{
	float:left;
}

#about_login p{
	float:left;
	color:#004098;
	font-size:13px;
	font-weight: bold;
	clear: both;
	margin:15px 0 18px 8px;
	}

#about_login dl{
	clear: both;
	margin:0 0 0 8px;

	}
#about_login dt{
	font-size:12px;
	padding:0 0 18px 0;
	}


#about_login dd{
	font-size:12px;
	padding:0 8px 4px 0;
	}

/*========================================*
*会員の方
*========================================*/
#member{
	width:550px;
	/*height:210px;*/
	background-color:#ffffff;
	float:left;
	overflow:visible;
	padding-bottom:10px;
	}
	
#member dt.codeTtl {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../common/images/login_form_code.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#member dt.idTtl {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../common/images/login_form_id.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#member dt.useridTtl {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../common/images/login_form_userid.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#member dt.passTtl {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../common/images/login_form_pass.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#login_method p.loginBtn{
	margin: 20px 10px 10px 30px;
	width:110px;
	height:26px;
	float:left;
}

#login_method p.backBtn{
	margin: 22px 10px 10px 20px;
	height:26px;
	float:left;
}
	
#member dl {
    background: url("../common/images/login_form_bg.gif") repeat;
    height: 29px;
    margin: 10px auto 10px auto;
    padding: 3px;
	width: 246px;
	clear:both;
}


#member dt {
    float: left;
    font-size: 0.1em;
    height: 29px;
    line-height: 100%;
    text-indent: -9999px;
    width: 63px;
    margin:0;
}

#member dd {
    float: left;
    height: 29px;
    /margin-top:-2px; /*for ie6+7*/

}

#member dd input {
    border-color: #D2D2D2 #D2D2D2 #D2D2D2 -moz-use-text-color;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    font-size: 12px;
    height: 17px;
    padding: 5px;
    width: 171px;
}

.txtfield input {
	background-color: #BDBDBD;
}

 /*========================================*
*お気に入りボタン下段にも追加
*========================================*/
.okiniiriBtn{
	margin: 22px 10px 10px 20px;
    width: 227px;
    height: 26px;
    float: left;
}

 /*========================================*
*緊急のお知らせ
*========================================*/

#login_urgency{
	background: url("../images/login_urgency_bg.gif") repeat scroll 0 0 transparent;
	width: 544px;
	height:50px;
	margin-bottom: 15px;
	padding:3px;
	}
	
#login_urgency p{
	background-color:#fbf1f2;
	width: 524px;
	height:40px;
	padding:5px 10px;
	color:#fc0002;
	}