/* MOD by Nagashima #4180 Change the design of the login screen. 2018/01/16 start
* {
	font-family: "Meiryo UI",Arial,sans-serif,"MS UI Gothic";
}

html{
	height:100%;
	background-color: black;
}

body {
	margin: 0px;
	padding: 0px;
}

#mainbox {
	min-height: 667px;
	min-width: 1003px;
	text-align: center;
}

#headbox {
	margin: 20px 10px 10px 20px;
	left: 0px;
	top: 0px;
	text-align: left;
}

#headbox #index_logo {
	left: 0px;
	top: 0px;
	width: auto;
	max-height: 100%;
}

#titlebox {
	margin: -60px 0px 0px;
	left: 0px;
	top: 0px;
}

#titlebox #index_logo_3d {
	left: 0px;
	top: 0px;
	width: auto;
}

#titlebox #title{
	margin: 0px;
	color: white;
	font-weight: bold;
}

#titlebox #description {
	margin: 0px 0px 0px 240px;
	color: white;
	font-weight: bold;
}

// ADD by Yonamine #2484 Login screen was added a reception time. 2016/02/24 start
#infobox {
	margin: 10px 0px 0px 90px;
	display: inline-block;
}
// ADD by Yonamine #2484 Login screen was added a reception time. 2016/02/24 end

#formbox {
// MOD by Yonamine #2484 Login screen was added a reception time. 2016/02/24 start
//	margin: 40px 0px 0px 240px;
//
	margin: 10px 0px 0px 25px;
// MOD by Yonamine #2484 Login screen was added a reception time. 2016/02/24 end
	padding: 10px;
	color: white;
	height: 130px;
	border: 3px ridge #808080;
	display: inline-block;
	vertical-align: top;
}

#formbox #login_table {
	margin: 0px;
	padding: 0px;
	border-spacing: 10px;
}

#formbox #login_table th{
	margin: 0px;
	padding: 0px;
    overflow: hidden;
    width: 120px;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

#formbox #login_table td {
    overflow: hidden;
}

#formbox #login_table input{
	color: black;
	display: inline-block;
	font-size: 1em;
}

#formbox #login_table #login_button {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	width: 100px;
	height: 40px;
}

#formbox ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#formbox li {
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#linkbox {
// MOD by Yonamine #1759 Support for laptop resolution(1366x768). 2015/08/31 start
//	margin: 60px 0px 0px 10px;
//
	margin: 30px 0px 0px 10px;
// MOD by Yonamine #1759 Support for laptop resolution(1366x768). 2015/08/31 end
	padding: 10px;
    width: 240px;
	color: white;
	font-size: 12pt;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
}

#linkbox a {
	color: white;
	font-size: 1.2em;
	font-weight: bold;
}

#linkbox a:hover {
	color: crimson;
}

#linkbox img {
	vertical-align:middle;
}

#linkbox #left_link {
	margin: 5px;
	text-align:left;
}

#linkbox #right_link {
	margin: 5px;
	text-align:left;
}
*/
* {
	font-family: 游ゴシック,游ゴシック体,"Meiryo UI","MS UI Gothic",Arial,sans-serif;
}
a, button, input {
	font-family: "Yu Gothic UI","Meiryo UI","MS UI Gothic",Arial,sans-serif;
}

html {
/* MOD by LEE #9241 TOHATSU - Logo change. 2022/01/26 Start */
	background-color: #000C26;
/* MOD by LEE #9241 TOHATSU - Logo change. 2022/01/26 End */
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	min-width: 800px;
	min-height: 600px;
	overflow: hidden;
}
button {
/* MOD by LEE #9241 TOHATSU - Logo change. 2022/01/26 Start */
	background-color: #000C26;
/* MOD by LEE #9241 TOHATSU - Logo change. 2022/01/26 End */
	border: 1px solid white;
	color: white;
	font-size: 1.6em;
}
button:hover,
button:focus {
	background-color: white;
/* MOD by LEE #9241 TOHATSU - Logo change. 2022/01/26 Start */
	color: #000C26;
/* MOD by LEE #9241 TOHATSU - Logo change. 2022/01/26 End */
	cursor: pointer;
	outline: 0;
}

#logo-area {
	width: 800px;
	text-align: left;
}
#logo-area img {
	vertical-align: middle;
}

#input-area {
	width: 800px;
	height: 380px;
	text-align: left;
	display : table;
}
#input-area form {
	padding: 0;
	margin: 0;
	display : table-cell;
	vertical-align: middle;
}
#input-area #warning {
	margin: 40px 0;
	padding: 0;
}
#input-area label {
	color: white;
	display: inline-block;
	font-size: 1.6em;
	vertical-align: sub;
	width: 160px;
	white-space: nowrap;
}
#input-area input {
	padding: 8px;
	border: 1px solid dimgray;
	color: black;
	font-size: 1em;
	width: 616px;
}
#input-area div.row {
	height: 60px;
}
#input-area div.right {
	text-align: right;
}
#input-area #LOGIN {
	margin: 0;
	padding: 5px 20px;
	min-width: 100px;
}

#requirements-area {
	margin: -60px 0 0;
	padding: 0;
	text-align: left;
	width: 800px;
}
#requirements-area div.row {
	margin: 0;
	padding: 5px;
	border: 1px solid white;
	display: inline-block;
}
#requirements-area div.column {
	min-width: 240px;
	display: inline-block;
	vertical-align: middle;
}
#requirements-area h1 {
	margin: 0 0 0 40px;
	padding: 0;
	color: white;
	font-size: 1em;
	font-weight: normal;
}
#requirements-area p,
#requirements-area span {
	margin: 5px 10px;
	padding: 0;
	color: white;
	font-size: 1em;
}

#link-area {
	margin: 30px 0 0 -5px;
	padding: 0;
	width: 800px;
	text-align: left;
}
#link-area ul {
	padding-left: 0;
	list-style-type: none;
}
#link-area li {
	display: inline-block;
	color: white;
	font-size: 1.2em;
}
#link-area li:before {
	content: " | ";
}
#link-area li:first-child:before {
	content: "";
}
#link-area li a {
	margin: 0;
	padding: 2px 5px;
/* MOD by LEE #9241 TOHATSU - Logo change. 2022/01/26 Start */
	background-color: #000C26;
/* MOD by LEE #9241 TOHATSU - Logo change. 2022/01/26 End */
	color: white;
	text-decoration: none;
	white-space: nowrap;
}
#link-area li a:hover {
	background-color: white;
/* MOD by LEE #9241 TOHATSU - Logo change. 2022/01/26 Start */
	color: #000C26;
/* MOD by LEE #9241 TOHATSU - Logo change. 2022/01/26 End */
	cursor: pointer;
	outline: 0;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
	   -moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none; /* Non-prefixed version, currently
								  supported by Chrome and Opera */
}
/* MOD by Nagashima #4180 Change the design of the login screen. 2018/01/16 end */