@charset "UTF-8";

.form-control {
	width: 100%;
	height: 34px;
}

.major-outage,
.partial-outage,
.scheduled-maintenance {
  font-size: 14px;
  font-weight: 400;
  position: relative;
  padding: 9px;
  border-radius: 2px;
  line-height: 20px;
  right: 0;
  width: 943px;
  margin: 12px 26px 12px 55px;
}

.major-outage {
  background-color: #ffdede;
  color: #d00;
  border: 1px solid #d00;
}

.partial-outage {
  background-color: #fff4b7;
  color: #ff4500;
  border: 1px solid #ff4500;
}

.scheduled-maintenance {
  background-color: #e4f6fd;
  color: #054361;
  border: 1px solid #054361;
}

.link-system-failure-info,
.link-system-maintenance-info {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  font-weight: bold;
}

.info-message {
  list-style: none;
  padding-left: 20pt;
  margin-bottom: 0px;
}

.info-message p {
  margin: 0 0 0px;
}

.system-failure-title {
    position: relative;
    display: block;
    padding-left: 20pt;
    cursor: pointer;
    font-weight: bold;
}

.system-failure-title::-webkit-details-marker {
  display: none; /* 矢印を消す */
}

/* 疑似要素でアイコンを表示 */
.system-failure-title:after {
  content: url("/../img/ico_chevron_down_Red.png");
  margin: auto;
  position: absolute;
  top: -5pt;
  bottom: 0;
  left: 0pt;
}

/* オープン時 */
details[open] .system-failure-title:after {
  content: url("/../img/ico_chevron_up_Red.png");
}

.system-maintenance-title {
    position: relative;
    display: block;
    padding-left: 20pt;
    cursor: pointer;
    font-weight: bold;
}

.system-maintenance-title::-webkit-details-marker {
  display: none; /* 矢印を消す */
}

/* 疑似要素でアイコンを表示 */
.system-maintenance-title:after {
  content: url("/../img/ico_chevron_downDarkGray.png");
  margin: auto;
  position: absolute;
  top: -5pt;
  bottom: 0;
  left: 0pt;
}

/* オープン時 */
details[open] .system-maintenance-title:after {
  content: url("/../img/ico_chevron_upDarkGray.png");
}

.logon-main-container {
	background-color: #FFFFFF;
	padding: 0px;
	height: 100%;
}

form[id=login] {
	height: 100%;
}

.login-area {
	overflow: hidden;
	padding: 0;
	height: 100%;
}

.login-form-area {
	width: 672px;
	float: left;
	padding: 35px 55px;
	height: 100%;
	background-color: #FFFFFF;
}

.login-btn-area {
	width: 352px;
	float: left;
	padding: 145px 26px;
	height: 100%;
	background-color: #FFFFFF;
}

.m-b-20px {
	margin-bottom: 20px;
}

.m-b-18px {
	margin-bottom: 18px;
}

.m-b-74px {
	margin-bottom: 74px;
}

a {
	text-decoration: underline;
	font-size: 18px;
}

.title-text {
	color: #222;
	font-size: 20px;
}

.form-login-title {
	width: 200px;
	float: left;
	font-weight: 400;
	color: #222;
	font-size: 18px;
	text-align: left !important;
}

.form-login-value {
	float: left;
	width: 350px;
}

.colon {
	float: left;
	width: 10px;
	font-weight: bold;
	text-align: left !important;
}

.form-login-record {
	margin: 0 !important;
}

.m-b-133px {
	margin-bottom: 133px;
}

.status-dashboard {
  position: fixed;
  bottom: 80px;
  width: 1024px;
  text-align: center;
}

.status-dashboard-link {
  color: #000000;
  text-decoration: none;
}

.status-dashboard-link:hover {
  color: #000000;
  text-decoration: none;
}

input[type="submit"] {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.img-logo {
	height: 65%;
	margin: 13px 0px 0px 280px;
}

.footer-container {
	position: fixed;
	bottom: 0;
	width: 1024px;
	height: 60px;
}

.copyright-area {
	/* contractSite.cssを上書き */
	background-color: #23345a;
	bottom: 0;
	font-size: 14px;
	vertical-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding-left: 0px;
}

.copyright-logo {
	color: #7b7a7a;
}