/** 共通 **/

body {
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  color: #1d1d1d;
  overflow-x: hidden;
  font-size: 14px;
  height:100%;
  background-image:url("../image/img_bg.png");
  background-size:cover; 
  background-position: center center; 
  background-repeat: no-repeat; 
  background-attachment: fixed; 
  background-color: #ffffff;
}

/************/
/* ログイン */
/************/

.login_base  {
	margin: auto;
	width: 1335px;
	height: 956px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.login_base .login_bg {
	position: absolute;
	margin: auto;
	width: 750px;
	height: 612px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 6px;
	background-color: #fafcfd;
	box-shadow: 0px 17px 39.2px 0.8px rgba(0, 0, 0, 0.52);
}

.login_base .login_box {
	display: flex;
	border-radius: 6px;
	width: 100%;
	height: 100%;
}

/** ログインイメージ */
.login_base .login_img {
    display: inline-block; 
    border-radius: 6px 0px 0px 6px;
    padding-top: 0px; 
	padding-left: 0px;
	max-width: 370px;
	max-height: 612px;
	width: auto;
	height: auto;
}

/* 入力エリア */
.login_base .input_box {
	border-radius: 6px;
	width: 100%;
	height: 100%;
}

/** メッセージ表示エリア */
.login_base .message_box {
	border-top-right-radius : 6px;
    display: block; 
	width: 100%;
	height: 90px;  /* 2022.5.25 FJ)mentaki お知らせ表示対応 100px→90px */
    text-align:center;
}


/** 棚卸IDもしくは輸送業者ID(BOX) */
.login_base .company_box {
    display: block; 
	width: 100%;
    height: 90px;  /* 2022.5.25 FJ)mentaki お知らせ表示対応 100px→90px */
}

/** ユーザID(BOX) */
.login_base .user_box {
    display: block; 
	width: 100%;
    height: 90px;  /* 2022.5.25 FJ)mentaki お知らせ表示対応 100px→90px */
}

/** パスワード(BOX) */
.login_base .passwd_box {
    display: block; 
	width: 100%;
    height: 90px;  /* 2022.5.25 FJ)mentaki お知らせ表示対応 100px→90px */
}

/** ボタン(BOX) */
.login_base .button_box {
    display: block; 
	width: 100%;
	height: 100%;
}

/* 2022.5.25 FJ)mentaki お知らせ表示対応 Add Start */
/** お知らせメッセージ(BOX) */
.button_box .bottom_message_box {
    margin-top: 20px;
    height: 80px;
}
/* 2022.5.25 FJ)mentaki お知らせ表示対応 Add End   */


/** 棚卸IDもしくは輸送業者ID(icon) **/
.login_base .company_icon {
    display: inline-block;
	padding-top: 20px; 
	padding-left: 53px;
	width: 14px;
	height: 16px;
}
/** 棚卸IDもしくは輸送業者ID(text) **/
.login_base .company {
    display: inline-block; 
	height: 14px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
    padding: 0px 0px 0px 6px;
	letter-spacing: 0.1px;
	text-align: left;
	color: #000000;
	color: var(--black);
	margin-top: 0px;
	margin-bottom: 0px;
    white-space: nowrap;    /* 2020.7.30 FAE)mentaki 折り返さないように追加 */
}
/** 棚卸IDもしくは輸送業者ID(input) **/
.login_base .company_input {
    display: block; 
	margin-top: 3px;
	margin-left: 53px;
	text-indent: 1em;
	width: 290px;
	height: 40px;
	border-radius: 4px;
	background-color: #eeeeee;
	border: solid 2px #cccccc;
}


/** ユーザID(icon) **/
.login_base .user_icon {
    display: inline-block;
	padding-top: 20px; 
	padding-left: 53px;
	width: 14px;
	height: 16px;
}
/** ユーザID(text) **/
.login_base .user {
    display: inline-block; 
	height: 14px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
    padding: 0px 0px 0px 6px;
	letter-spacing: 0.1px;
	text-align: left;
	color: #000000;
	color: var(--black);
	margin-top: 0px;
	margin-bottom: 0px;
    white-space: nowrap;    /* 2020.7.30 FAE)mentaki 折り返さないように追加 */
}
/** ユーザID(input) **/
.login_base .user_input {
    display: block; 
	margin-top: 3px;
	margin-left: 53px;
	text-indent: 1em;
	width: 290px;
	height: 40px;
	border-radius: 4px;
	background-color: #eeeeee;
	border: solid 2px #cccccc;
}


/** パスワード(icon) **/
.login_base .passwd_icon {
    display: inline-block;
	padding-top: 20px; 
	padding-left: 53px;
	width: 14px;
	height: 16px;
}
/** パスワード(text) **/
.login_base .passwd {
    display: inline-block; 
	height: 14px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
    padding: 0px 0px 0px 6px;
	letter-spacing: 0.1px;
	text-align: left;
	color: #000000;
	color: var(--black);
	margin-top: 0px;
	margin-bottom: 0px;
    white-space: nowrap;    /* 2020.7.30 FAE)mentaki 折り返さないように追加 */
}
/** パスワード(input) **/
.login_base .passwd_input {
    display: block; 
	margin-top: 3px;
	margin-left: 53px;
	text-indent: 1em;
	width: 290px;
	height: 40px;
	border-radius: 4px;
	background-color: #eeeeee;
	border: solid 2px #cccccc;
}

/**メッセージ(label)**/
.login_base .message_label {
    display: block; 
    padding-top:50px;
    color:#ff0000;
}

/** ログインボタン */
.login_base .login_btn  {
    display: block; 
	margin-top: 40px; 
	margin-left: 93px;
	width: 200px;
	height: 42px;
	text-align: center;
	border-radius: 8px;
	color: #ffffff;  
	border:3px solid #11b95f;
	background-color: #11b95f;
    cursor: pointer;    /* 2023.1.26 FJ)mentaki Add */
}
.login_base .login_btn:disabled {
	background-color: lightgray;
    border-color : lightgray;
    cursor: default;    /* 2023.1.26 FJ)mentaki Add */
}

/* 2022.5.25 FJ)mentaki お知らせ表示対応 Add Start */
.login_base .message_info_label {
    display: inline-block;
    margin-top: 3px;
    margin-left: 20px;
    color: #ff0000;
}
/* 2022.5.25 FJ)mentaki お知らせ表示対応 Add End   */

/** ロゴ */
.login_base .login_logo {
    display: block; 
    /* 2022.5.25 FJ)mentaki お知らせ表示対応 Edit Start */
	/*padding-top: 75px;*/ 
    margin-top: 10px;
    /* 2022.5.25 FJ)mentaki お知らせ表示対応 Edit End   */
	padding-left: 70px;
	width: 271px;
	height: 23px;
}

/* 2020.5.8 FAE)mentaki IMEオフが効いていない不具合 Add Start */
.ime_disabled {
	/*ime-mode:disabled;*/ /*20230518 マイグレ対応 Hojo*/
}
/* 2020.5.8 FAE)mentaki IMEオフが効いていない不具合 Add End   */

/* 2023.6.26 FJ)mentaki 多要素認証対応 Add Start */
/* 認証ウィンドウ */
.auth_dlg_window {
	width: 450px;
	z-index: 100;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* 認証パネル */
.panel_auth {
	width: 520px;
	height: 390px;
	background-color: #FFF;
	text-align: center;
}

/* 認証パネルのメッセージラベル */
.panel_message_info_label {
	display: inline-block;
	margin-top: 20px;
}
.bold_style {
	font-weight: bold;
}
.error_style {
	color: #ff0000;
	display: block;
}

/* 認証キーテキストボックス */
.authkey_input {
	width: 200px;
	height: 30px;
	border-radius: 4px;
	background-color: #eeeeee;
	border: solid 2px #cccccc;
	text-align: center;
	font-size: 18px;
	margin-top: 20px;
}

/* 認証ボタン */
.dlg_auth_button {
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 30px;
	text-align: center;
	border-radius: 8px;
	color: #ffffff;
	border: 3px solid #11b95f;
	background: linear-gradient(to bottom, #11b95f,#059449);
	box-shadow: 0px 2px 0 0 #16541f;
	outline: none;
	font-weight: bold;
	font-size: 18px;
}

/* その他のボタン */
.dlg_other_button {
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 30px;
	text-align: center;
	border-radius: 8px;
	color: #ffffff;
	border: 3px solid darkgray;
	background: linear-gradient(to bottom, darkgray, gray);
	box-shadow: 0px 2px 0 0 darkgray;
	outline: none;
	font-weight: bold;
	font-size: 14px;
}

/* 認証ウィンドウの背景 */
.auth_dlg_background {
	z-index: 70;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .7;
	position: fixed;
	overflow: hidden;
	top: 0px;
	left: -1px;
}
/* 2023.6.26 FJ)mentaki 多要素認証対応 Add End   */

/* 2025.9.3 FJ)mentaki パスワードリセット機能追加 Add Start */
/* リンクボタン */
.link_button {
	color: #00afcc !important;
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}
/* 2025.9.3 FJ)mentaki パスワードリセット機能追加 Add End   */