@charset "utf-8";

@import url("default.css");
@import url("common.css");

/*
+ login_area
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.login_area {
	width:500px;
	margin:60px auto;
	border:1px solid #cdcdcd;
	background-color:#fff;
	box-shadow:3px 3px 3px #ccc;
}
	/*
	+ login_area
	--------------------------------------*/
	.login_area h2 {
		font-size:120%;
		font-weight:bold;
		color:#ffffff;
		background-color:#999999;
		padding:15px 10px;
	}
	.login_area .login_dl {
		margin:40px auto;
	}
	.login_area .login_dl .login_text {
		width:325px;
		color:#9c9b9b;
		font-weight:bold;
		font-size:90%;
		margin-top:20px;
	}
	.login_area .login_dl {
		width:320px;
/*		height:30px;*/
		line-height:150%;
	}	

	input {
		width:310px;
		line-height:150%;
		padding:10px 5px;
		border:1px solid #ccc;
	}	
	
	.btn_area {
		width:222px;
		margin:20px auto;	
	}
	.btn_area a {
		min-width:222px;
		display:block;
		text-align:center;
		color:#333333;
		font-size:130%;
		font-weight:bold;
		text-decoration:none;
		padding:15px 0;
		
		background: rgb(255,175,75); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,175,75,1)), color-stop(100%,rgba(255,146,10,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
		
	}
	
	.btn_area a:hover {
		color:#ffffff;
		background: rgb(255,103,15); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,103,15,1) 0%, rgba(255,103,15,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,103,15,1)), color-stop(100%,rgba(255,103,15,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,103,15,1) 0%,rgba(255,103,15,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,103,15,1) 0%,rgba(255,103,15,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(255,103,15,1) 0%,rgba(255,103,15,1) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(255,103,15,1) 0%,rgba(255,103,15,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#ff670f',GradientType=0 ); /* IE6-9 */

	}
	/*
	+ simintoroku_area
	--------------------------------------*/
	.simintoroku_area {
			width:380px;
			height:86px;
			margin:10px auto;
			background:url(../images/bg_login_simintoroku.jpg) no-repeat;
			text-align:center;
			padding-top:30px;
	}

	
	/*
	+ common
	--------------------------------------*/
	.input_text_popup {
		padding:7px;	
	}
	.err_input {
		border:2px solid #fa6b4c;
		-moz-box-shadow: 0px 3px 2px #febcae, 0px -2px 1px #febcae;
		-webkit-box-shadow: 0px 3px 2px #febcae, 0px -2px 1px #febcae;	
	}