/*+ユーザID：ユーザID登録CSS*/

/*+ユーザID登録 id_registration*/
.id_registration > img:first-of-type{
    margin-bottom: 3em;
}

/*div_1～div_4共通*/
.id_registration table th{
    width: 12%;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    text-align: left;
    border-bottom: 1px solid white;
    background-color: #EEEEEE;
    padding: 0.2em 0;
    padding-left: 0.5em;
}

/*td内改行*/
.spa_1{
    display: block;
}

/*必須項目*/
.spa_2{
    display: inline-block;
    width: 5.5em;
    color: #CC3333;
}

.id_registration div table tr:last-of-type th{/*一番下は白くしない*/
    border-bottom-color: #D8DCDE;
}

/*＊ 左右は個別に設定*/
.kome{
    width: auto;
    position: relative;
}

.id_registration .div_1 .kome::after,
.id_registration .div_2 .kome::after{
    content: "＊";
    display: inline-block;
    width: 0;
    height: 0;
    font-family: "YuGothicM", "Yu Gothic", Meiryo, sans-serif;
    font-size: 19px;
    color: #CC3333;
    position: absolute;
    top: 6%;
}

/*権限kome*/
.id_registration .div_3 .kome::after{
    content: "＊";
    display: inline-block;
    width: 0;
    height: 0;
    font-family: "YuGothicM", "Yu Gothic", Meiryo, sans-serif;
    font-size: 19px;
    color: #CC3333;
    position: absolute;
    top: 27%;
}

/*//ユーザID～顧客パスワード id_registration div_1*/
.id_registration .div_1

/*ユーザＩＤkome*/
.id_registration .div_1 table tr:first-of-type .kome{
    position: relative;
}
.id_registration .div_1 table tr:first-of-type .kome::after{
    position: absolute;
    left: 42%;
}

/*パスワードkome*/
.id_registration .div_1 table tr:nth-last-of-type(2) .kome{
    position: relative;
}

.id_registration .div_1 table tr:nth-last-of-type(2) .kome::after{
    position: absolute;
    left: 47%;
}


/*//名前～備考 id_registration div_2*/
.id_registration .div_2

/*名前kome*/
.id_registration .div_2 .kome{
    position: relative;
}

.id_registration .div_2 .kome::after{
    position: absolute;
    left: 23%;
}


/*//権限～グループコード id_registration div_3*/
.id_registration .div_3

/*権限kome*/
.id_registration .div_3 .kome{
    position: relative;
}

.id_registration .div_3 .kome::after{
    position: absolute;
    left: 23%;
}

/*//登録 クリア ユーザID一覧に戻る id_registration div_4*/
.id_registration .div_4 table th{
    text-align: center;
}

.id_registration .div_4 table .button{
    all: unset;
    display: inline-block;
    width: 60%;
    height: 1.8em;
    line-height: 1.8em;
    font-size: 19px;
    letter-spacing: 0.1em;
    border: 1px solid #767676;
    border-radius: 4px;
    background-color: #EFEFEF;
    padding: 0 0.3em;
}

/*ユーザID一覧に戻る*/
.id_registration .div_4 table tr:last-child th{
    color: #585A67;
    text-decoration: underline;
}