<!DOCTYPE html>
<html lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset=" utf-8" />
<meta name="robots" content="noindex,nofollow">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="/webjars/bootstrap/3.3.6/css/bootstrap.min.css"
      rel="stylesheet" media="screen" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/common.css" />
<script src="/webjars/jquery/2.2.4/jquery.min.js"></script>
<script src="/webjars/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<title>xSync ID ログイン画面</title>

</head>
<script>
</script>
<body onload="document.login.username.focus();" class="loginpage-body-color ">

<div class=" container-fluid "  style="">

<div class="row ">
	<!-- ログインのフォーム -->
	<form class="form-horizontal loginform" action="login" method="post" name="login" id="login"><input type="hidden" name="_csrf" value="12cb6991-7b75-4e4b-8384-fc72a664a239"/>
			<div class=" panel panel-default panel-body   ">
				<div class="container-fluid">
					<div class="row center-block">
						<div style="height:20px;"></div>
					</div>
					<div class="row center-block form-group">
						<div class="center-block col-sm-12">
		 					<img alt="xSync ID Logo" src="/images/xSync_Logo.png?20170725" class="center-block" style="width:50%;height:50%;"></img>
						</div>
					</div>
					<div class="row center-block form-group">
						<!-- ログインが失敗した時のメッセージ -->
						<div class="col-sm-12 text-center alertmessage-color" role="alert">
		        			<small>xSyncID またはパスワードが正しくありません</small>
						</div>
					</div>
					<div class="row center-block form-group">
						<div class=" col-sm-12 center-block">
							<input type="text" class="form-control input-lg" placeholder="xSync ID" name="username" ></input>
						</div>
					</div>
					<div class="row center-block form-group">
						<div class="col-sm-12 text-center">
							<input type="password" class="form-control input-lg" placeholder="パスワード" name="password"></input>
						</div>
					</div>
					<div class="row center-block form-group">
						<div class="col-sm-12">
							<label class="checkbox-inline">
								<input type="checkbox" name=remember-me id="remember-me">ログイン情報を保存する</input></input>
							</label>
						</div>
					</div>
					<div class="row center-block form-group">
						<div class="col-sm-12">
							<input type="submit" class="btn btn-lg btn-primary btn-block button-color" value="ログイン" id="loginbutton" name="lgbn"></input>
						</div>
					</div>
					<div class="row center-block form-group">
						<div class="col-sm-12">
							<p><a href="/public/passwordinputmail">パスワードを忘れた方はこちら</a></p>
							<p><a href="/public/userinputmail">新規登録はこちら</a></p>
						</div>
					</div>
				</div>
			</div>

		</form>
		<div>
		<div class="loginformfooter text-right" style="float:right;">
			<footer class="footer " >
				<div class="container-fluid   ">
					<div class="row ">
						<div class="col-sm-12  text-right">
							<a href="/termsofservice" style="display: inline;">??footer.termofservice_en_US??</a>
							<p class="footer-pipeline" style="display: inline;">??footer.pipeline_en_US??</p>
							<a href="https://www.adwaa.co.jp/privacy-policy" target="_blank" style="display: inline;">??footer.privacypolicy_en_US??</a>
							<p class="footer-pipeline" style="display: inline;">??footer.pipeline_en_US??</p>
							<a href="/license" style="display: inline;">??footer.license_en_US??</a>
							<p class="footer-pipeline" style="display: inline;">??footer.pipeline_en_US??</p>
							<p style="display: inline;">??footer.copyright_en_US??</p>
						</div>
					</div>
				</div>
			</footer>
		</div>
	</div>


</div>
</div>



</body>
</html>