@charset "UTF-8";


/* # Main
---------------------------------------------------------------------------- */

#content .mTable01 .Login {
	text-align: center;
	font-size:80%;
}

#content .mTable01 .LoginTable table {
	margin: 2px;
	padding: 2px;
	width: 80%;
	border-width: 1px;
	border-style: dotted;
	background-color: #eeffed;
	display: inline-table;
	vertical-align: middle;	
}

#content .mTable01 .LoginTable table td {
	text-align: center;
	border-style: none;
}

/*---------------------------------------------------
　ログイン画面
---------------------------------------------------*/
#LoginMain{
	min-width:300px;
	text-align: center;
	margin:10% auto;
	background-image: url(../img/login_back.gif);
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center top;
}
/*ID・Pass エリア*/
.Login-area{
	text-align:center;
	padding:30% 2% 0 2%;
}
.LoginItem1{
	text-align:center;
	padding:50% 2% 0 2%;
}

/*ID・PASSテキストフィールド装飾*/
.Login-area #idarea,
.Login-area #passarea{
	width:40%;
	padding:0.5%;
	border:1px solid #A6B897;}	

.area-item{margin-bottom:1em;}
.area-item img{vertical-align:middle;}
.area-item .f85{font-size:60%;}

/*チェックボックス位置調整*/
.area-item2{
	text-align:right;
	padding-right:20%;
	color:#666;}
	
/*ログインボタン位置調整*/	
.area-item3{
	text-align:right;
	padding-right:20%;}
	
/*ログインボタン装飾*/
.area-item3 #submit{
	font-size:85.7%;
	color:#333;
	padding:0.2em;
}
	/*
	color:#FFF;
	font-weight:bold;
	border:1px solid #A6B897;
	background-color:#518327;
	padding:0.4em 0.5em;}
	*/

.textarea{
	text-align:left;
	font-size:85.7%;
	color:#666;
	padding:10px 20px;
}

.textarea p{
	font-size:80%;
}

#spGNav {
	display: none;
}

#siteFtNav li {
	display: none;
}

/* # Modules
---------------------------------------------------------------------------- */


/* # Media Queries
---------------------------------------------------------------------------- */

/* for iPhone4X images */
@media only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2) {

}