/**
 * ログイン画面
 */
#loginCol{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding-bottom:30px;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a6b1bc), color-stop(0.5,#DDD), color-stop(0.5,#a6b1bc),to(#32373D));
	background-image: -webkit-linear-gradient(top,#a6b1bc,#ddd 50%,#a6b1bc 50%,#32373D);
	background-image:    -moz-linear-gradient(top,#a6b1bc,#ddd 50%,#a6b1bc 50%,#32373D);
	background-image:      -o-linear-gradient(top,#a6b1bc,#ddd 50%,#a6b1bc 50%,#32373D);
	background-image:         linear-gradient(to bottom,#a6b1bc,#ddd 50%,#a6b1bc 50%,#32373D);
}
#loginFrame{
	max-width:1024px;
	margin:0px auto;
	text-align:center;
	display:inline-block;
	padding:1em;
}

#loginBox{
/*
	background:rgba(255,255,255,0.8);
	box-shadow:0px 0px 50px 10px rgba(0,85,85,1);
*/
	background:rgba(255,255,255,0.9);
	box-shadow: 0 0 5px 5px rgba(255,255,255,0.8) inset, 0px 10px 5px -5px rgba(0,0,0,0.3);
	padding:1em 2em;
	border-radius:10px;
	position:relative;
}
#loginBox::after{
	content:" ";
	position:absolute;
	width:100%;
	height:30px;
	left:0px;
	bottom:-35px;
	border-radius:10px 10px 0px 0px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));
	background-image:    -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));
	background-image:      -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));
	background-image:         linear-gradient(to bottom,rgba(255,255,255,0.5),rgba(255,255,255,0));
	/*
	*/
}
#loginBox > .title{
	font-weight:bold;
	padding-bottom:1em;
}
#loginBox > dl,
#loginBox > dl > dt,
#loginBox > dl > dd{
	margin:0px;
	padding:0px;
	text-align:left;
}
#loginBox > dl > dt{
	line-height:120%;
	text-shadow:1px 1px 0 rgba(0,0,0,0.2);
}
#loginBox > dl > dd{
	margin-bottom:0.5em;
}
#loginBox > dl > dd input{
	width:200px;
}
#loginBox label{
	font-size:10pt;
	line-height:100%;
}
#loginBox input[type="checkbox"]{
	position: relative;
	top: -1px;
}
#loginBox .btnarea{
	padding-top:1em;
}
/**
 * 完了メッセージ
 */
#messageArea{
	display:block;
	padding-bottom:1em;
}
#messageArea .success{
	display:inline-block;
	background:url("../img/information.png") no-repeat 10px center;
	background-color:rgba(255,255,255,0.5);
	background-size:1em;
	padding:5px 10px;
	padding-left:30px;
	color:#1072b7;
	border:solid 1px #1072b7;
	min-width:300px;
	text-align:left;
}
#messageArea .error_message{
	display:inline-block;
	min-width:300px;
	text-align:left;
}

#layoutTbl{
	display:table !important;
	width:100%;
	height:100% !important;;
}
#topRow,
#midRow,
#btmRow{
	display:table-row !important;
}
#topCol,
#midCol,
#btmCol{
	display:table-cell !important;
}
#topCol{
	height:1em;
}
/**
 * タブレット以下（サイズはhederの切り替えと合わせる）
 */
@media screen and (max-width: 1000px){
	#btmRow{
		display:none !important;
	}
}