@charset "utf-8";  
/*------------------------------------------------------------ 
    login css
------------------------------------------------------------*/  


#login-hd{
	color:#333;
	padding:20px 0;
}

#login-hd h2{
	display:inline-block;
	vertical-align:middle;
	font-size:150%;
	line-height:18px;
}

#login-hd p{
	display:inline-block;
	vertical-align:middle;
	font-size:109%;
	line-height:18px;
	padding-left:10px;
	margin-left:10px;
	border-left:1px solid #999;
}

.to-login{
	text-align:right;
	margin-bottom:15px;
}

.to-login a{
	color:#FF9EBA;
	font-size:117%;
}

#login-area{
	width:auto;
	padding:5px 10px 15px;
	overflow:hidden;
	border:1px solid #DDDDDD;
}

.login-hd{
	text-align:center;
	color:#333;
	font-size:134%;
	font-weight:bold;
	margin:15px 0 20px;
}

.login-btn{
	width:100%;
	height:40px;
	margin-top:20px;
}

.login-btn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-size:134%;
	font-weight:bold;
	background:#FF9EBA;
	border-radius:5px;
}

.sns-login{
	border-top:1px solid #ddd;
	margin-top:40px;
	padding-top:40px;
	position:relative;
}

.sns-login:before{
	display:block;
	content:"OR";
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-size:117%;
	font-weight:bold;
	background:#ccc;
	border-radius:50%;
	position:absolute;
	left:50%;
	top:-20px;
	margin-left:-20px;
	z-index:10;
}
.login-txt{
	color:#333;
	font-size:117%;
	text-align:center;
	margin-top:20px;
}

.form-save{
	margin-top:10px;
	text-align:right;
	color:#666;
	font-size:109%;
}

.password-send-txt{
	text-align:center;
	margin-top:15px;
}

.password-send-txt a{
	color:#666;
	font-size:109%;
}

.password-send-txt a span{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.member-txt2 {
    text-align: center;
    color: #333;
    line-height: 1.4;
    font-size: 117%;
    padding-top: 20px;
}


/*

.login-sub-hd{
	color:#333;
	font-size:134%;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px solid #DDDDDD;
}


.login-txt span{
	display:block;
	font-size:84%;
	margin-top:15px;
}

.login-form dt{
	font-size:117%;
	color:#333;
	padding:15px 0 10px;
}

.input{
	width:100%;
	height:36px;
	padding:0 10px;
	border:1px solid #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


.login-form p{
	margin-top:10px;
	text-align:right;
	color:#666;
}


.login-btn a:hover{ background:#efefef;}

.login-sns-hd{
	color:#333;
	font-size:117%;
	font-weight:bold;
	margin:20px 0 15px;
}

.login-sns-btn{
	width:300px;
	overflow:hidden;
}


*/


/*------------------------------------------------------------ 
    member
------------------------------------------------------------*/ 

.login-sentense{
	color:#333;
	font-size:117%;
	line-height: 1.4;
	margin-bottom:30px;
}

.member-txt{
	clear:both;
	color:#666;
	font-size:117%;
	padding-top:40px;
	text-align:center;
}

.member-txt a{
	color:#FF9EBA;
	text-decoration:underline;
}


/*

.to-login a:hover{ color:#EA66A4;}

#member-l-column{
	width:481px;
	float:left;
}

#member-r-column{
	width:480px;
	float:left;
	border-left:1px solid #ddd;
}

.member-hd{
	text-align:center;
	color:#333;
	font-size:134%;
	font-weight:bold;
	margin-top:15px;
}



.member-txt2{
	text-align:center;
	color:#333;
	font-size:117%;
}



/*------------------------------------------------------------ 
    password_send
------------------------------------------------------------*/  


.password-btn{
	width:100%;
	heihght:40px;
	margin-top:25px;
}

.password-btn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:40px;
	font-size:134%;
	font-weight:bold;
	color:#333;
	border:1px solid #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:5px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}


/*------------------------------------------------------------ 
    popup_login
------------------------------------------------------------*/  

#popup-wrap{
	padding:0;
	background:#fff;
	position:relative;
}

#popup-wrap #login-area{
	padding-right:40px;
	padding-top:40px;
}

.txt{
	font-size:117%;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	margin:15px 0;
}

#alert-contents{ margin:0 0 15px;}


