@charset "utf-8";
/* =======================================

	login CSS

========================================== */
/* loginArea */
.loginArea{
	margin:30px auto 20px;
	padding:20px;
	width:600px;
	padding:20px 30px 20px;
	border: 1px solid #C0BDBB;
	background: #FFF;
}

	
.login_table{
	width:100%;}

.login_table th,
.login_table td{
	padding:10px;}

.login_table input[type="text"],
.login_table input[type="password"]{
	padding: 1px 5px;
	width: 300px;
	max-width: 95%;
	height: 30px;
	font-size: 100%;
	line-height:1.5em;
	vertical-align: middle;
	border: 1px solid #d4d4d7;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #555;
	background: #fcfcfc;}

.login_table input[type="image"]:hover,
.loginArea #wp-submit:hover {
	opacity:0.7;}

.loginArea h3 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

.loginArea p {
	text-align: center;
	margin-top: 10px;
}

.loginArea p img {
	vertical-align: middle;
}

.login_member {
	background: #fdf7df;
	padding: 15px;
}
.login_member li {
	background: url(../images/login/arrow.png) left 8px no-repeat;
	padding: 5px 0 5px 26px;
}
	

/*【ログイン用】
----------------------------------------------------*/
.forgetpassword_table input[type="submit"] {
#	width: 145px;
#	height: 30px;
#	border: none;
#	text-indent: -9999px;
#	cursor: pointer;
}


.login_table input[type="submit"]:hover {
	opacity:0.7;}




@media screen and (max-width: 768px) {
	.loginArea{
		width: auto;
		padding: 15px 10px;
	}
	.login_table th,
	.login_table td{
		display: block;
		text-align: center;
	}
	.login_table th {
		padding: 0;
	}
	.login_table td {
		padding: 0 0 15px 0;
	}
	.login_table input[type="text"], .login_table input[type="password"] {
		width: auto;
	}
}