@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{
	width: 100%;
	text-align: center;
	margin:10% auto;
	background-image: url(../img/login_back.gif);
	background-size:contain;
	background-repeat: no-repeat;
	background-position: left top;
}
/*ID・Pass エリア*/
.Login-area{
	text-align:center;
	padding:37% 2% 0 2%;
}
.LoginItem1{
	text-align:center;
	padding:50% 2% 0 2%;
}

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

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

/*チェックボックス位置調整*/
.area-item2{
	font-size:80%;
	text-align:left;
	padding-left:30%;
	color:#666;}
	
/*ログインボタン位置調整*/	
.area-item3{
	text-align:right;
	padding-right:10%;}
	
/*ログインボタン装飾*/
.area-item3 #submit{
    padding: 3px 5px;
	font-size:85.7%;
    background-color: #EB6C01;
    color: #fff;
    border-style: none;
}
	/*
	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-top:30%;
}

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


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

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

}