﻿body {
    min-width: 1345px;
    /* min-height: 500px; */
    /* width: 1350px; */
    width: 99%;
    height: 510px;
    /* height: auto; */
    overflow-x: hidden;
    overflow-y: auto;
    /* border: solid 1px blue; */
}
img {
    border-style: none;
}
#Canbus {
    position: absolute;
    width: 99%;
    height: 80%;
    top: 10%;
    margin-top: -10px;
    /*border: solid 1px blue;*/
}
#form1 {
    margin: 0 auto;
    width: 920px;
    height: 515px;
    /*margin-left: 25%;
    width: 50%;
    height: auto;*/
    /*border: solid 1px red;*/
}
/* 多言語選択 */
.radio_list {
    position: relative;
    left: 510px;
    top: 5px;
    background-color: #F0F8FF;
    cursor: pointer;
    border: solid 2px #87CEEB;
}
.radio_list:hover {
    cursor: pointer;
}
#Ftech_Logo {
    position: relative;
    /* border: solid 1px red; */
}
#Ftech_Logo: hover {
    cursor: pointer;
}
#WebEDI_Logo {
    position: relative;
    left: 10px;
    top: 10px;
    width: 547px;
    height: 285px;
    /* border: solid 1px red; */
}
#WebEDI_Logo: hover {
    cursor: pointer;
}
#dummy {
    width: 498px;
    height: 89px;
    /* border: solid 1px red; */
}
/* Web-EDI（Web Electronic Data Interchange）System */
.Label4 {
    position: relative;
    left: 5px;
    top: 10px;
    width: 810px;
    font-family: Meiryo UI;
    font-style: italic;
    font-size: 30px;
    /* border: solid 1px red; */
}
/* Rev.1.00 */
.Label3 {
    position: relative;
    left: 10px;
    top: 10px;
    width: 100px;
    font-family: Meiryo UI;
    font-style: italic;
    font-size: 15px;
    /* border: solid 1px red; */
}
.WebEDI_Logo_Box {
    float: left;
    /* border: solid 1px red; */
}
/* ユーザＩＤ（Label）*/
.Label1 {
    position: relative;
    float: left;
    left: 600px;
    top: -275px;
    width: 150px;
    height: 25px;
    text-align: center;
    font-family: Meiryo UI;
    background-color: #009999;
    color: #FFFFFF;
    /* border: solid 1px white; */
}
/* ユーザＩＤ（Input）*/
.TextBox1 {
    position: relative;
    float: left;
    left: 605px;
    top: -276px;
    width: 150px;
    height: 24px;
    text-align: center;
    font-family: Meiryo UI;
    background-color: #FFFFCC;
    color: #000000;
    /* border: solid 1px white; */
}
/* パスワード（Label）*/
.Label2 {
    position: relative;
    float: left;
    left: 294px;
    top: -245px;
    width: 150px;
    height: 25px;
    text-align: center;
    font-family: Meiryo UI;
    background-color: #009999;
    color: #FFFFFF;
    /* border: solid 1px white; */
}
/* パスワード（Input）*/
.TextBox2 {
    position: relative;
    float: left;
    left: 299px;
    top: -246px;
    width: 150px;
    height: 24px;
    text-align: center;
    font-family: Meiryo UI;
    background-color: #FFFFCC;
    color: #000000;
    /* border: solid 1px white; */
}
/* ログイン */
.login_button {
    position: relative; 
    left: 142px; 
    top: -210px; 
    width: 157px; 
    height: 40px;
    font-family: Meiryo UI;
    font-size: 19px;
    cursor: pointer;
}
.login_button:hover {
    box-sizing: border-box;
    border: solid 2px #4169E1;
}
/*----------------------------------------------------*/
/* ▼Login（隠しボタン）20240716 Add for reCAPTCHA v3 */
/*----------------------------------------------------*/
.login_button2 {
    position: relative;
    left: 142px;
    top: -210px;
    width: 157px;
    height: 40px;
    font-family: Meiryo UI;
    font-size: 19px;
    cursor: pointer;
    display: none; /* ★非表示 */
}
    .login_button2:hover {
        box-sizing: border-box;
        border: solid 2px #4169E1;
    }
/*----------------------------------------------------*/
/* ▲Login（隠しボタン）20240716 Add for reCAPTCHA v3 */
/*----------------------------------------------------*/
/* ▼先にチェックしてください。*/ /* 20240716 Del*/
/*.Label5 {
    position: relative; 
    left: 610px; 
    top: -225px; 
    width: 130px; 
    height: 15px;
    font-family: Meiryo UI;
    font-size: 12px;
    text-align: left;
    color: #0000FF;
}*/
/* Google reCAPTCHA */ /* 20240716 Del */
/*#reCAPTCHA_Box {
    position: relative;
    left: 605px;
    top: -220px;
    width: 306px; 
    height: 80px;
    ** border: solid 1px red; **
}*/
/*
.g-recaptcha {
    position: relative;
    left: 605px;
    top: -220px;
}
*/
/* Cookie Test */
#CookieTest {
    position: relative;
    left: 600px; 
    top: -200px; 
    font-family: Meiryo UI;
    font-style: italic;
    color: Black;
}
/* パスワードを忘れた方（パスワード・リセット）*/
#PasswordReset {
    position: relative;
    left: 600px;
    top: -190px;
    font-family: Meiryo UI;
    font-style: italic;
    color: Red;
    text-decoration: underline; /* 下線 */
}
#PasswordReset:hover {
    cursor: pointer;
}
/* ※ユーザＩＤとパスワードを入力し、ログインボタンを押下して下さい。*/
#Label50 {
    position: relative;
    left: 10px;
    top: 15px;
    font-family: Meiryo UI;
    font-size: 15px;
}
/* Footer */
.class_footer {
    position: relative;
    top: 20px;
    width: 100%;
    /* margin-top: 20px; */
    /* position: absolute; */
    /* top: 510px; */
    /* border: solid 1px black; */
}
/*---------------*/
/* ▼ for Chrome */
/*---------------*/
/* TextBox */
input[type="tel"],
input[type="text"],
input[type="password"] {
    border: 1px solid #FFFFFF;
    box-shadow: 1px 1px 2px 0 #707070 inset;
}
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="password"]:focus {
    background-color: #F0F8FF;
    outline-color: #DCDCDC;
    outline-style: groove;
}
/* Button */
/* Submit */
input[type="button"], 
input[type="submit"] {
    /*padding: 0px;*/
    border: 2px solid;
    border-color: #F8F8FF #A9A9A9 #A9A9A9 #F8F8FF;
}
    input[type="button"]:focus,
    input[type="submit"]:focus,
    input[type="button"]:active,
    input[type="submit"]:active {
        /*cursor: pointer;*/
        background-color: #89C3EB;
        color: #FFFFFF;
        outline: 0;
    }
/*---------------*/
/* ▲ for Chrome */
/*---------------*/
/* 20221116 Add Start */
#divLOGIN_INFO {
    margin: 0 auto;
    margin-top: -50px;
    text-align: center;
    width: 70%;
    height: 20px;
    /*background-color:cornflowerblue;*/
    /*border: solid 1px #000000;*/
}
#lblLOGIN_INFO {
    margin: 0 auto;
    text-align: center;
    width: 70%;
    font-family: Meiryo UI;
    font-style: italic;
    font-size: 16px;
    color: red;
    /*background-color:lightskyblue*/
    /*border: solid 1px red;*/
}
/* 20221116 Add End */
/* 20240716 Add Start */
.clear {
    clear: both;
}
#divLOGIN_INFO2 {
    float: left;
    margin: 0 auto;
    margin-top: 0px;
    text-align: center;
    width: 100%;
    height: 20px;
    /*border: solid 1px #000000;*/
}
#lblLOGIN_INFO2 {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    font-family: Meiryo UI;
    font-style: italic;
    font-size: 16px;
    color: #000000; /*black*/
    font-weight: bold;
    /*border: solid 1px red;*/
}
/* 20240716 Add End */