﻿@charset "UTF-8";
/*
ログイン画面。

2018/11/30-02 mod  Y.Watanabe	「height: 100vh」を避ける。iOS/Safari用。小窓/drag/bottom関連。
2018/11/20-02 mod  Y.Watanabe	サーバテスト画面。
2017/10/30-01 変更 Y.Watanabe	ログイン画面直し。
2017/10/05    変更 Y.Watanabe	デザインガイド追従。home/xlogin/top.htm
2017/08/28    変更 Y.Watanabe	表示項目設定。
2017/02/23-01 変更 T.Yoshihara	ロゴ調整
2017/01/23    変更 Y.Watanabe
2015/11/30-01 追加 Y.Watanabe	XWE1.0
*/
html, body {
	margin: 0;
	paddng: 0;
	border: none;
}
/*[s]2018/11/30-02 add*/
html {
	height: 100%;
	overflow: hidden;
}
/*[e]2018/11/30-02 add*/
body {
	position: relative;
	text-align: center;
/*[s]2018/11/30-02 mod*/
	height: 100%;
	overflow: hidden;
/*[e]2018/11/30-02 mod*/
	background-color: #ffffff;
	background-image: url(../product/background.png);  
	background-size: 100%;
	    -webkit-background-size: 100%;
	    -moz-background-size: 100%;
	    -ms-background-size: 100%;
	    -o-background-size: 100%;
}
body.ui-helper-reset {
	font-size: 100%;
}

/* ロゴ画像 */

#XW_LOGO_CLIP {
	overflow: hidden;

	position: absolute;
	width: 100%;
	height: 100vh;
	z-index: -1;

	text-align: center;
}
/*[s]2018/11/20-02 mod*/
#XW_LOGO_MAIN,
#XW_LOGO_SUB {
/*[e]2018/11/20-02 mod*/
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	position: absolute;
}
#XW_LOGO_MAIN {
	background-image: url("../product/login_L2.png");
	height: 300px;
	width: 700px;
	max-width: 100%;

	position: relative !important;
	top: 250px;
}

#XW_LOGO_SUB {
	background-image: url("../product/xw160.png");
	width: 160px;
	height: 100px;

	left: 10px;
	top: 10px;
}

/* 入力欄 */

.xw-hidden #XW_MAIN_FORM {
	visibility: hidden;
}
#XW_MAIN_FORM {
	display: inline-block;
	background-color: rgba(159, 190, 222, 0.75);
	box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.65);

	padding: 1em;
	margin-top: 384px;
}

#XW_MAIN_FORM th label,
#XW_MAIN_FORM input[type=checkbox],
#XW_MAIN_FORM input[type=radio] {
	cursor: pointer;
}

#XW_MAIN_FORM input[type=text] {
	ime-mode: inactive;
/* IE版との互換として。HTML5で非推奨だが。 */
}

#XW_LANG_LIST {
	display: inline;
	margin-bottom: 0.9em;
	border-color: #4084c8;
}

#XW_MAIN_FORM table {
	border-spacing: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.9em;
}

#XW_MAIN_FORM th {
	font-weight: normal;
	text-align: left;
}
#XW_MAIN_FORM th label {
	margin-right: 0.3em;
}

#XW_MAIN_FORM td {
	border: 0;
	padding: 0;
}
#XW_MAIN_FORM .xw-input {
	margin-bottom: 0.4em;
	border-color: #4084c8;
	width: 10.4em; /*半角16文字*/
}

#XW_LOGIN,
#XW_CLEAR_FORM {
	margin-right: 0.4em;
}
#XW_OPEN_TR {
	position: absolute;
	right: 10px;
	top: 10px;
}
