﻿#login-body{
	margin: 0;
	padding: 0;
	background-color: #113C8C;
	color: black;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-stretch: normal;
	font-size: 10pt;
	line-height: 1.4;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", OSAKA, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic", verdana, sans-serif;
/*	min-width: 1024px*/
	min-width: 624px;
}
#login-page-top{
	margin: 0;
	padding: 0;
/*	height: 78px;*/
	height: 70px;
	width: 100%;
}
#login-page-contents{
	margin: 0;
	padding: 0;
/*	height: 320px;*/
	height: 350px;
	width: auto; 
	background-color: white;
/*	background-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)),url(../img/svg/bg_city.svg);*/
	background-repeat: no-repeat;
	background-size:1600px 280px;
	background-position: left bottom;
	text-align: center;
	font-size: 0;
}
#login-page-contents-inline{
	display: inline-block;
	margin: 0;
	padding: 0;
/*	height: 320px;*/
	height: 350px;
	min-width: 700px;
}
#login-page-contents-image{
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;

	width: 300px;
}
#login-page-contents-logo{
	display: block;
	margin: 0;
	padding: 8px;
	height: 264px;
/*	width: 200px;*/
/*	background-image: url(../img/svg/logo.svg);*/
	background-image: url(../img/logo_r2taxi_2.png);
	background-repeat: no-repeat;
	background-size: 200px 64px;
/*	background-position: center;*/
	background-position: right;
}
#login-page-contents-logo-maintenance{
	display: block;
	margin: 0;
	padding: 8px;
	height: 150px;
	background-image: url(../img/logo_r2taxi_2.png);
	background-repeat: no-repeat;
	background-size: 200px 64px;
	background-position: center;
}
#login-page-contents-char{
	display: block;
	margin: 0;
	padding: 0;
	height: 240px;
	width: 200px;
	background-image: url(../img/svg/chara.svg);
	background-repeat: no-repeat;
	background-size: 240px 200px;
	background-position: bottom;
}
#login-page-contents-input{
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;

	width: 400px;
}
#login-page-contents-inline-message{
	display: block;
	margin: 0;
	padding: 0;
	min-height: 80px;
	width: auto;
	text-align: center;
}
#login_page_error_message-container{
	display: inline-block;
	width: auto;
	margin: 8px;
	padding: 4px 8px;
	border-color: red;
	border-style: solid;
	border-width: medium;
	border-radius: 5px;
	text-align: left;
	background-color: mistyrose;
}
#login_page_error_message{
	list-style: none;
	margin: 0;
	padding: 4px 0;
	color: red;
	font-size: 11pt;
}
#login_page_info_message{
	margin: 0;
	padding: 4px 0;
	font-size: 10pt;
}
#login-page-contents-input-area{
	display: inline-block;
	margin: 0;
	padding: 0;
}
.login-page-contents-input-label{
	display: inline-block;
	margin: 0.5em;
	width: 5.5em;
	text-align: right;
	font-size: 14pt;
}
.login-page-contents-input-box{
	margin: 0.5em;
	width: 12em;
	font-size: 14pt;
}
#login-button{
	display: inline-block;
	margin: 0.5em;
	padding: 0.5em 1em;
	text-decoration: none;
	color: white;
	background: #113C8C;
	border-radius: 5px;
	font-size: 12pt;	
    border-style: none;
}
#login-button:hover{
	background: #3170E6;
}
#login-password-reset{
	display: inline-block;
	padding: 0.5em 0.5em 0.5em 1.5em;
	font-size: 10pt;
	background-color: white;
	background-image: url(../img/svg/arrow.svg);
	background-repeat: no-repeat;
	background-size: 8pt;
	background-position: 4pt 5pt;
}
#login-page-contents-right{
	display: inline-block;
	vertical-align: top;
	width: 300px;
	margin: 0;
	padding: 0;
}
#login-page-contents-right-inline{
	display: block;
	margin: 8px;
	padding: 8px;
	border-color: black;
	border-style: solid;
	border-width: medium;
	border-radius: 5px;
	width: 320px;
	background-color: white;
	font-size: 10pt;
	text-align: left;
}
#login-page-bottom{
	margin: 0;
	padding: 0;
	width: 100%;
}
#login-page-copyright{
	margin: 0;
	padding: 8px;
	text-align: right;
	font-size: 10pt;
	color: white;
}
#login-page-bottom-images > div {
	display: inline-block;
    vertical-align: middle;
}
#login-page-bottom-images{
	text-align: right;
	margin: 0px;
}
#login-line-banner{
	margin: 0px;
}
#login-site-seal{
	margin: 20px;
}
#login-page-contents-password-message{
	display: block;
	width: auto;
	margin: 0;
	padding: 0.5em 1em;
	text-align: left;
	background-color: white;
	font-size: 12pt;
}
#login_page_logout_message-container{
	display: inline-block;
	width: auto;
	margin: 8px;
	padding: 4px 8px;
	text-align: left;
	background-color: white;
	font-size: 10pt;
}
#maintenance-message{
	display: inline-block;
	width: auto;
	font-size: 14pt;
	text-align: center;
}
