/* *****************************************************************************
 * [システム]       シナリオレス型ＡＩチャットボット
 * [パッケージ]     login
 * [プログラム名]   login.css
 * [説明]           ログイン画面CSSファイル
 * ****************************************************************************/
/* *****************************************************************************
 * 履歴		日時		氏名		内容
 * 1.0		2020/06/29	梶山		初期作成
 * 1.1		2020/07/27	梶山		東芝公開許可申請対応
 * 2.0      2020/12/03  川﨑        スマホ対応
 * x.x		2021/01/28　石澤		マルチテナント対応
 * 3.4		2022/11/21  杉本		画面表示までに砂時計表示
 * 3.5		2023/06/30  杉本		ログイン画面の統一
 * ****************************************************************************/


 @charset "utf-8";

/* フォント指定 */
body, textarea, input, button, pre, div, a {
	font-family: 'Meiryo', "メイリオ", sans-serif;
}
noscript {
    font: 17px/25px Meiryo;
    letter-spacing: 0px;
    color: #FF0000;
    text-align: center;
    margin-top: 120px;
    display: block;
}
.normal_disp{
	display: none;
}
 #message {
	 width: 600px;
	 height: 80px;
	 font: 17px/25px Meiryo;
	 letter-spacing: 0px;
	 color: #FF0000;
	 margin-left : auto ;
	 margin-right : auto ;
 }
 
 #form-signup-heading {
	 font: bold 19px Meiryo;
 }
 
 #labelContractID {
	 font: 17px Meiryo;
}

 #labelUsername {
	 font: 17px Meiryo;
 }
 
 #labelPassword {
	 font: 17px Meiryo;
 }
 
 #inputContractID {
	 font: 17px Meiryo;
}

 #inputUsername {
	 font: 17px Meiryo;
 }
 
 #inputPassword {
	 font: 17px Meiryo;
 }
 

 table.center {
	 margin-left : auto ;
	 margin-right : auto ;
 }
 /* V1東芝公開許可対応 */
 #contents {
	 height: calc(100% - 64px);
	 margin-top: 28px;
	 display: none;
	 text-align: center;
 }
 
 #title_bar_area {
	 top: 0;
	 left: 0;
	 display: flex;
	 align-items: center;
	 flex: 0 1 auto;
	 width: 100%;
	 /* height: 64px; */
	 z-index: 10;
	 background: #FFFFFF;
 }
 
 #footter_bar_area {
	 top: 0;
	 left: 0;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 flex: 0 1 auto;
	 width: 100%;
	 z-index: 10;
	 background: #FFFFFF;
	 font-size:12px;
 }
 #gHeader{
	 width:960px;
	 margin:0 auto;
	 position:relative;
	 height:64px;
	 zoom:1;
	 display: none;
 }
 #identifier{
	 position:absolute;
	 left:210px;
	 top:12px;
 }
 #contact{
	 position:absolute;
	 right:0px;
	 top:13px;
	 font-size: 12px;
 }
 #gfooter{
	 width:960px;
	 margin:0 auto;
	 position:absolute;
	 height:36px;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 zoom:1;
	 display: none;
 }
 .block-copyright{
	 float:right;
	 width:360px;
	 text-align:right;
 }
 .copyright{
	 text-align:center;
	 font-size:12px;
 }
 
 /* スマートフォン用CSS */
 #message_mobile {
	width: 100%;
	 /* width: 800px; */
	 height: 40px;
	 font: 14px/16px 'Meiryo', "メイリオ", sans-serif;
	 letter-spacing: 0px;
	 color: #FF0000;
	 margin-left : auto ;
	 margin-right : auto ;
 }
 #gHeader_mobile{
	 /* position: relative;
	 height:20%;
	 zoom:1; */
	width:100%;
	height: 44px;
	position: fixed;
    top: 0px;
	display: none;
 }
 #title_bar_area_mobile {
	margin-top: 0px;
 }
 #title_bar_area_mobile img{
	 height: 44px;
	 margin-left: -8px;
 }
 
 #contents_mobile {
	 height: 100%;
	 margin-top: 75px;
	 /* display: block; */
	 text-align: center;
	 margin-bottom: 100px;
	 -webkit-text-size-adjust: none;
	 display: none;
 }

 #gfooter_mobile{
	position: fixed;
    width: 100%;
    bottom: 0px;
	left: 0px;
	display: none;
}

 #form-signup-heading_mobile {
	 font: bold 19px 'Meiryo', "メイリオ", sans-serif;
 }
 #labelContractID_mobile {
	 font: 17px 'Meiryo', "メイリオ", sans-serif;
 }
 #labelUsername_mobile {
	 font: 17px 'Meiryo', "メイリオ", sans-serif;
 }
 #labelPassword_mobile {
	 font: 17px 'Meiryo', "メイリオ", sans-serif;
 }
 #inputContractID_mobile {
	font: 17px 'Meiryo', "メイリオ", sans-serif;
	width: 90%;
 }
 #inputUsername_mobile {
	 font: 17px 'Meiryo', "メイリオ", sans-serif;
	 width: 90%;
 }
 #inputPassword_mobile {
	 font: 17px 'Meiryo', "メイリオ", sans-serif;
	 width: 90%;
 }
 #sign_in_btn_mobile {
	 font-size: 14px;
	 padding: 5px 40px;
 }
 
 #footter_bar_area_mobile {
	 width: 90%;
	 background: #FFFFFF;
	 font-size:12px;
	 padding: 0 5% 0 5%;
 }
 #footer_mobile{
	 width: 100%;
	 display: flex;
	 justify-content: space-between;
 }
 #identifier_mobile{
	 text-align:center;
 }
 #identifier_mobile img{
	height: 31px;
 }
 #contact_mobile{
	 text-align:right;
	 right:0px;
	 top:5px;
 }
 .copyright_mobile{
	 text-align:center;
	 font-size:12px;	
 }
 .copyright_mobile img{
	height: 31px;
 }
 
 #loading_img{
	position: absolute; 
	top: calc(50% - 50px); 
	left: calc(50% - 50px);
 }