body {
    margin: 0px;
    background-image: url(images/background_image.png); /* 背景画像指定 */
    background-repeat: repeat-y; /* 背景の繰り返し設定 */
    background-position: top;
}

/* メニュー全体 */
.menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .menu li {
        position: relative;
        display: inline-block;
    }

/* サブメニュー */
.submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 100%; /* 画像の下に表示 */
    left: 0;
    background: #444;
    display: none; /* 初期は非表示 */
    min-width: 120px;
}

    .submenu li a {
        display: block;
        padding: 10px;
        color: white;
        text-decoration: none;
    }

        .submenu li a:hover {
            background: #555;
            min-width: 100px;
        }

/* 画像にホバーしたら表示 */
.menu li:hover .submenu {
    display: block;
}



.table_width {
    width: 600px;
}


div.scr_uni {
    width: 960px;
    height: 600px;
    overflow: scroll;
    /*background-color: #99FF99;*/
}

/*メニュー-------------------*/
.image_logo {
    width: 300px;
}

.hedder_a {
    width: 35%;
}
.hedder_b {
    width: 33%;
}

.buttun_copy {
    font-size: 1em;
    width: 60px;
    height: 24px;
}


.TableType_02 {
    width: 800px;
}

.icon_coin_menu {
    width: 190px;
}

.TableType_250 {
    height: 140px;
    width: 190px;
    border: solid 1px red; /*赤線*/
    border-radius: 20px; /*CSS3草案 */
}

.IconType_80 {
    width: 100px;
}

.Table_a {
    width: 140px;
    padding: 10px
}

.Table_b {
    width: 140px;
    padding: 10px
}

.Table_c {
    width: 160px;
    padding: 10px
}

.account_Table {
    width: 220px;
}


.Table_hight {
    vertical-align:top;
    height: 600px;
}

.padding_right_10 {
    padding-right: 10px;
}

.input_box {
    /*color: #F0EBF8;*/
    color: #FFFFFF;
    width: 1px;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
}
/*----------------------------*/
.signin_hedder {
    color: #FFFFFF;
    height: 100px;
    width: 90%;
    background-color: #84BFE1
}

.signin_table {
    width: 600px;
    text-align: center;
}

.footer {
    text-align: center;
    height: 40px;
    background-color: #CCCCCC;
}

.Title_01 {
    height: 50px;
    font-size: 1.2em;
    padding-left: 10px;
}

.TextBox_id {
    width: 250px;
    height: 30px;
    font-size: 1.1em;
    text-align: left;
    padding-left: 8px;
    border-radius: 6px;
}

.TextBox_date {
    width: 120px;
    font-size: 1.1em;
    text-align: left;
    padding-left: 8px;
}

.TextBox_input_01 {
    width: 300px;
    font-size: 1.1em;
    text-align: left;
    padding-left: 8px;
}

.TextBox_input_02 {
    width: 600px;
    font-size: 1.1em;
    text-align: left;
    padding-left: 8px;
}

.TextBox_input_03 {
    width: 98%;
    font-size: 1.1em;
    text-align: left;
    padding-left: 16px;
}

.TextBox_input_04 {
    width: 60px;
    font-size: 1.1em;
    text-align: left;
    padding-left: 16px;
}


.Button_enter {
    color: #FFFFFF;
    width: 200px;
    height: 36px;
    background-color: #106EBE;
}

.Cust_td01 {
    width: 130px;
    padding-left: 10px;
    background-color: #dcdcdc;
}

.icon_25 {
    width: 20px;
}
.icon_30 {
    width: 30px;
}
.icon_40 {
    width: 40px;
}
.icon_40h {
    height: 42px;
}
.icon_50 {
    width: 50px;
}
.image_no_height {
    height: 70px;
}

.image_no_height2 {
    height: 46px;
}

.from_td_0 {
    background-color: #673AB7;
    /* 左上 | 右上 | 右下 | 左下 */
    border-radius: 20px 20px 0 0;
}
.from_td_1 {
    font-size: 1.4em;
    background-color: #FFFFFF;
    padding: 30px;
}

.from_td_2 {
    font-size: 1em;
    background-color: #FFFFFF;
    padding: 30px;
}

.from_td_all {
    font-size: 1em;
    background-color: #FFFFFF;
    padding: 30px;
    /* 左上 | 右上 | 右下 | 左下 */
    border-radius: 20px 20px 20px 20px;
}

.from_td_top {
    font-size: 1em;
    background-color: #FFFFFF;
    padding: 30px;
    /* 左上 | 右上 | 右下 | 左下 */
    border-radius: 20px 20px 0 0;
}

.from_td_buttom {
    font-size: 1em;
    background-color: #FFFFFF;
    padding: 30px;
    /* 左上 | 右上 | 右下 | 左下 */
    border-radius: 0 0 20px 20px;
}

.from-table {
    border: 1px solid #999;
}


.chkbox input[type=checkbox] {
    width: 24px;
    height: 24px;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    font-size: 1em;
}

.radio input[type=radio] {
    width: 24px;
    height: 24px;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    font-size: 1em;
}

select::-ms-expand {
    /*IEの矢印を非表示にするCSS*/
    display: none;
}

select {
    width: 100px;
    height: 36px;
    /*各ブラウザのselect要素の標準CSSをリセット*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*select要素の余白と文字に関するCSS*/
    margin-bottom: 0px;
    padding: 7px 30px 7px 10px;
    font-size: 1.1em;
    line-height: 1.1em;
    /*select要素のボーダーに関するCSS*/
    border-radius: 5px;
    border: none;
    /*select要素の矢印アイコンのCSS*/
    background-image: url(./images/icon_select_48.png);
    background-repeat: no-repeat;
    background-size: 24px 20px;
    background-position: right 10px center;
    /*select要素の背景色を指定するCSS*/
    background-color: #bddfff;
}

#tbl-bdr table, #tbl-bdr td, #tbl-bdr th {
    border-collapse: collapse;
    border: 1px solid #333;
    overflow: auto;
}

#tbl-bdr2 table, #tbl-bdr2 td, #tbl-bdr2 th {
    border-collapse: collapse;
    border: 1px solid #333;
    overflow: auto;
}

#tbl-bdr-non table, #tbl-bdr-non td, #tbl-bdr-non th {
    border: none;
}

.kyc_image {
    width: 400px;
}

.contact_memo {
    font-size: 1.1em;
    width: 100%;
    height: 250px;
}

.contact_Menu {
    font-size: 1.1em;
    width: 140px;
    height: 30px;
}














@media screen and (max-width: 1250px) {
    body {
        height: 100%;
        margin: 10px;
        font-size: 2em;
        background-color: #F0EBF8;
    }

    /* メニュー全体 */
    .menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .menu li {
            position: relative;
            display: inline-block;
        }

    /* サブメニュー */
    .submenu {
        list-style: none;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 100%; /* 画像の下に表示 */
        left: 0;
        background: #444;
        display: none; /* 初期は非表示 */
        min-width: 240px;
    }

        .submenu li a {
            display: block;
            padding: 10px;
            color: white;
            text-decoration: none;
        }

            .submenu li a:hover {
                background: #555;
                min-width: 200px;
            }

    /* 画像にホバーしたら表示 */
    .menu li:hover .submenu {
        display: block;
    }
    .table_width {
        width: 100%;
    }

    div.scr_uni {
        width: 98vw;
        height: 1200px;
        overflow: scroll;
        /*background-color: #99FF99;*/
    }

    .mobile_center {
        text-align: center;
    }

    /*メニュー-------------------*/
    .image_logo {
        width: 600px;
    }

    .hedder_logo {
        width: 50%;
    }

 
    .buttun_copy {
        font-size: 1em;
        width: 120px;
        height: 48px;
    }


    .TableType_02 {
        width: 95%;
    }

    .icon_coin_menu {
        width: 380px;
    }

    .TableType_250 {
        width: 400px;
    }

    .IconType_80 {
        width: 160px;
    }

    .Table_a {
        width: 300px;
        padding: 10px
    }

    .Table_b {
        width: 300px;
        padding: 10px
    }

    .Table_c {
        width: 300px;
        padding: 10px
    }

    .account_Table {
        width: 420px;
    }

    .Table_hight {
        vertical-align: top;
        height: 1200px;
    }

    .padding_right_10 {
        padding-right: 20px;
    }

    .input_box {
        color: #F0EBF8;
        width: 1px;
        border: 1px solid #F0EBF8;
        background-color: #F0EBF8;
    }
    /*----------------------------*/

    .signin_hedder {
        color: #FFFFFF;
        height: 100px;
        width: 100%;
        background-color: #84BFE1
    }

    .signin_table {
        width: 98%;
        text-align: center;
    }

    .footer {
        color: #FFFFFF;
        text-align: center;
        height: 100px;
        background-color: #84BFE1;
    }

    .Title_01 {
        height: 100px;
        font-size: 1.2em;
        padding-left: 20px;
    }

    .TextBox_id {
        width: 500px;
        height: 60px;
        font-size: 1.1em;
        text-align: left;
        padding-left: 18px;
        border-radius: 12px;
    }

    .TextBox_date {
        width: 240px;
        font-size: 1.1em;
        text-align: left;
        padding-left: 16px;
    }

    .TextBox_input_01 {
        width: 600px;
        font-size: 1.1em;
        text-align: left;
        padding-left: 16px;
    }

    .TextBox_input_02 {
        width: 95%;
        font-size: 1.1em;
        text-align: left;
        padding-left: 16px;
    }

    .TextBox_input_03 {
        width: 95%;
        height: 60px;
        font-size: 1.1em;
        text-align: left;
        padding-left: 16px;
    }

    .Button_enter {
        font-size: 1em;
        color: #FFFFFF;
        width: 300px;
        height: 70px;
        background-color: #106EBE;
        border-radius: 20px;
    }

    .Cust_td01 {
        width: 260px;
        padding-left: 20px;
        background-color: #dcdcdc;
    }

    .icon_25 {
        width: 40px;
    }

    .icon_30 {
        width: 60px;
    }

    .icon_40 {
        width: 80px;
    }

    .icon_40h {
        height: 70px;
    }

    .icon_50 {
        width: 100px;
    }

    .image_no_height {
        height: 120px;
    }

    .image_no_height2 {
        height: 80px;
    }
    .from_td_0 {
        background-color: #673AB7;
        /* 左上 | 右上 | 右下 | 左下 */
        border-radius: 20px 20px 0 0;
    }

    .from_td_1 {
        font-size: 1.4em;
        background-color: #FFFFFF;
        padding: 60px;
    }

    .from_td_2 {
        font-size: 1em;
        background-color: #FFFFFF;
        padding: 60px;
    }

    .from_td_all {
        font-size: 1em;
        background-color: #FFFFFF;
        padding: 60px;
        /* 左上 | 右上 | 右下 | 左下 */
        border-radius: 20px 20px 20px 20px;
    }

    .from_td_top {
        font-size: 1em;
        background-color: #FFFFFF;
        padding: 60px;
        /* 左上 | 右上 | 右下 | 左下 */
        border-radius: 40px 40px 0 0;
    }

    .from_td_buttom {
        font-size: 1em;
        background-color: #FFFFFF;
        padding: 60px;
        /* 左上 | 右上 | 右下 | 左下 */
        border-radius: 0 0 40px 40px;
    }

    .from-table {
        border: 1px solid #999;
    }


    .chkbox input[type=checkbox] {
        width: 48px;
        height: 48px;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        font-size: 1em;
    }

    .radio input[type=radio] {
        width: 48px;
        height: 48px;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        font-size: 1em;
    }

    .image_matrix_line {
        width: 240px;
    }

    select::-ms-expand {
        /*IEの矢印を非表示にするCSS*/
        display: none;
    }

    select {
        width: 140px;
        height: 72px;
        /*各ブラウザのselect要素の標準CSSをリセット*/
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        /*select要素の余白と文字に関するCSS*/
        margin-bottom: 0px;
        padding: 14px 60px 14px 20px;
        font-size: 1.1em;
        line-height: 1.1em;
        /*select要素のボーダーに関するCSS*/
        border-radius: 10px;
        border: none;
        /*select要素の矢印アイコンのCSS*/
        background-image: url(./images/icon_select_48.png);
        background-repeat: no-repeat;
        background-size: 48px 40px;
        background-position: right 20px center;
        /*select要素の背景色を指定するCSS*/
        background-color: #bddfff;
    }

    #tbl-bdr table, #tbl-bdr td, #tbl-bdr th {
        border-collapse: collapse;
        border: 1px solid #333;
        overflow: auto;
    }

    #tbl-bdr2 table, #tbl-bdr2 td, #tbl-bdr2 th {
        border-collapse: collapse;
        border: 1px solid #333;
        overflow: auto;
    }

    #tbl-bdr-non table, #tbl-bdr-non td, #tbl-bdr-non th {
        border: none;
    }

    .kyc_image {
        width: 700px;
    }

    .contact_Menu {
        font-size: 1.1em;
        width: 200px;
        height: 60px;
    }

}