﻿body {
    height: 100%;
    margin: 0px;
    border-collapse: collapse;
    /*background-color: #232F3E;*/
}

.full {
    /* 画像ファイルの指定 */
    background-image: url(image/fuzi.png);
    /* 画像を常に天地左右の中央に配置 */
    background-position: center center;
    /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;
    /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-attachment: fixed;
    /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-size: cover;
    /* 背景画像が読み込まれる前に表示される背景のカラー */
    background-color: #464646;
}

.full_2 {
    background-color: #464646;
}

.hedder_table {
    height: 80px;
    width: 800px;
}

.footer_table {
    height: 60px;
    width: 800px;
    color: #FFFFFF;
    font-size: 1.2em;
}

.menu_pc_display {
}

.menu_mobile_display {
    display: none;
}

/*signin*/
.signin_table {
    width: 400px;
}

.signin_hedder {
    text-align: center;
    font-size: 2em;
    font-weight: 800;
    height: 120px;
}

.signin_futter {
    text-align: center;
    height: 100px;
}

.signin_td_01 {
    text-align: center;
    color: #FFFFFF;
    font-size: 1.4em;
    font-weight: 800;
    height: 60px;
    width: 50%;
}
.signin_td_02 {
    text-align: center;
    font-size: 1.1em;
    font-weight: 800;
}

.signin_TextBox_01 {
    border-color: #CCCCCC;
    border-style: Solid;
    border-width: 1px;
    font-size: 1em;
    height: 40px;
    width: 260px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px; /*CSS3草案 */
    -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
    -moz-border-radius: 10px; /* Firefox用 */
}
.signin_button_01 {
    height: 40px;
    width: 260px;
    color: #FFFFFF;
    font-size: 1.1em;
    border-radius: 14px; /* CSS3草案 */
    -webkit-border-radius: 14px; /* Safari,Google Chrome用 */
    -moz-border-radius: 14px; /* Firefox用 */
}
/*-------*/


/*テーブルの罫線設定============================================================================*/
#tbl-bdr table, #tbl-bdr td, #tbl-bdr th {
    border-collapse: collapse;
    border: 1px solid #333;
}


.page_table {
    width: 800px;
}

.page_table2 {
    width: 80%;
}

/* 透過 */
.page_rgba {
    background-color: rgba(255,255,255,1);
    word-break: break-word;
}


/*ページ*/

/*ページ　タイトル*/
.page_title {
    color: #FFFFFF;
    height: 40px;
    text-align: left;
    padding-left: 20px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: rgba(255,255,255,1);
}

.td_default {
    color: #FFFFFF;
    vertical-align: top;
    height: 24px;
    text-align: left;
    padding-top: 20px;
    padding-left: 20px;
}

/*ページ　メニュー*/

.menu_td {
    height: 110px;
}

.menu_image_01 {
    width: 100px;
}

.menu_image_02 {
    width: 60px;
}

.menu_image_03 {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 80px;
}

.menu_image_04 {
    width: 80px;
}

.page_table_main {
    width: 100%;
    background-color: #FFFFFF;
}

.page_table_sub {
    width: 800px;
}

.page_dt {
    text-align: left;
    padding-left: 10%;
    height: 40px;
    line-height: 120%;
}

.page_dt_02 {
    background-color: rgba(255,255,255,1);
    text-align: left;
    padding-left: 10%;
    padding-right: 10%;
    line-height: 120%;
}

/*ページ　ニュース*/
.news {
    width: 26px;
    height: 26px;
    text-align: center;
    border-radius: 20px; /*CSS3草案 */
    -webkit-border-radius: 20px; /* Safari,Google Chrome用 */
    -moz-border-radius: 20px; /* Firefox用 */
}

.news_01 {
    background-color: rgba(255,255,255,1);
    //color: #FFFFFF;
    vertical-align: top;
    height: 24px;
    text-align: left;
    padding-top: 20px;
    padding-left: 20px;
}

/*ページ　組織図*/
.genelogy_Lv4 {
    font-size: 0.9em;
    text-align: center;
    width: 100px;
    line-height: 90%;
    vertical-align: top;
}

.genelogy_footer {
    font-size: 0.8em;
    text-align: center;
    width: 50px;
}

/*ウォレット*/
.keisen_maru {
    border-radius: 10px;
    border: 1px solid #333333;
    vertical-align: top;
}

/*ボタン*/
.button_01 {
    height: 60px;
    width: 400px;
    color: #FFFFFF;
    font-size: 1.1em;
    background-color: #29A4F3;
    border-radius: 14px; /* CSS3草案 */
    -webkit-border-radius: 14px; /* Safari,Google Chrome用 */
    -moz-border-radius: 14px; /* Firefox用 */
}

.button_02 {
    height: 60px;
    width: 80%;
    color: #FFFFFF;
    font-size: 1.1em;
    border-radius: 14px; /* CSS3草案 */
    -webkit-border-radius: 14px; /* Safari,Google Chrome用 */
    -moz-border-radius: 14px; /* Firefox用 */
}

.button_03 {
    color: #474747;
    font-size: 1.1em;
    font-weight: 600;
    background-color: #ffffff;
    border-color: #474747;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    height: 46px;
    width: 80%;
}

.button_04 {
    color: #474747;
    font-size: 1.1em;
    font-weight: 600;
    background-color: #ffffff;
    border-color: #474747;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    height: 46px;
    width: 200px;
}

.button_05 {
    color: #474747;
    font-size: 1.1em;
    font-weight: 600;
    background-color: #ffffff;
    border-color: #474747;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    height: 46px;
    width: 300px;
}

.button_06 {
    height: 60px;
    width: 400px;
    color: #FFFFFF;
    font-size: 1.1em;
    background-color: brown;
    border-radius: 14px; /* CSS3草案 */
    -webkit-border-radius: 14px; /* Safari,Google Chrome用 */
    -moz-border-radius: 14px; /* Firefox用 */
}

/*テキストボックス*/
.TextBox_01 {
    border-color: #CCCCCC;
    border-style: Solid;
    border-width: 1px;
    font-size: 1em;
    height: 40px;
    width: 260px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px; /*CSS3草案 */
    -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
    -moz-border-radius: 10px; /* Firefox用 */
}

.TextBox_02 {
    border-color: #CCCCCC;
    border-style: Solid;
    border-width: 1px;
    font-size: 1.1em;
    height: 40px;
    width: 80%;
    padding-left: 20px;
    border-radius: 20px; /*CSS3草案 */
    -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
    -moz-border-radius: 10px; /* Firefox用 */
}

.TextBox_03 {
    border-color: #CCCCCC;
    border-style: Solid;
    border-width: 1px;
    font-size: 1.4em;
    height: 40px;
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px; /*CSS3草案 */
    -webkit-border-radius: 20px; /* Safari,Google Chrome用 */
    -moz-border-radius: 20px; /* Firefox用 */
}

.TextBox_04 {
    border-color: #CCCCCC;
    border-style: Solid;
    border-width: 1px;
    font-size: 1.1em;
    height: 40px;
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px; /*CSS3草案 */
    -webkit-border-radius: 20px; /* Safari,Google Chrome用 */
    -moz-border-radius: 20px; /* Firefox用 */
}

.TextBox_05 {
    border-color: #CCCCCC;
    border-style: Solid;
    border-width: 1px;
    font-size: 1.6em;
    height: 40px;
    width: 260px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px; /*CSS3草案 */
    -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
    -moz-border-radius: 10px; /* Firefox用 */
}

/*イメージ*/
.image_15 {
    width: 15px;
}

.image_20 {
    width: 20px;
}

.image_30 {
    width: 30px;
}

.image_40 {
    width: 40px;
}

.image_60 {
    width: 60px;
}

.image_100 {
    width: 100px;
}

.image_150 {
    width: 150px;
}

.image_logo {
    width: 30%;
}

.image_matrix_line {
    width: 125px;
}

/*組織図*/
.line_4 {
    width: 12.5%;
    vertical-align: top;
    word-break: break-all;
}

.line_height {
    height: 10px;
}

div.scr {
    width: 800px;
    height: 750px;
    overflow: scroll;
    /*background-color: #99FF99;*/
}

.scr_font_size {
    font-size: 0.9em;
}



/*登録*/

.regist_table {
    width: 600px;
}

.regist_td_select {
    color: white;
    background-color: #16243E;
    text-align: center;
}

.regist_td {
    width: 25%;
    height: 60px;
    text-align: center;
}

.regist_td2 {
    color: #FF0000;
    line-height: 110%;
    text-align: left;
    padding-left: 20%;
}

.regist_td_title {
    height: 36px;
    text-align: left;
}

.regist_keisen_maru {
    border-radius: 10px;
    border: 1px solid #333333;
    vertical-align: top;
    padding: 10px;
}

.FontTitle01 {
    font-size: 1.2em;
    font-weight: 800;
}


select::-ms-expand {
    /*IEの矢印を非表示にするCSS*/
    display: none;
}

select {
    width: 80px;
    height: 36px;
    /*各ブラウザのselect要素の標準CSSをリセット*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*select要素の余白と文字に関するCSS*/
    margin-bottom: 0px;
    padding: 7px 30px 7px 10px;
    font-size: 1em;
    line-height: 1em;
    /*select要素のボーダーに関するCSS*/
    border-radius: 5px;
    border: none;
    /*select要素の矢印アイコンのCSS*/
    background-image: url(./image/icon_select_48.png);
    background-repeat: no-repeat;
    background-size: 20px 16px;
    background-position: right 10px center;
    /*select要素の背景色を指定するCSS*/
    background-color: #bddfff;
}


.DropDownList::-ms-expand {
    /*IEの矢印を非表示にするCSS*/
    display: none;
}

.DropDownList {
    width: 120px;
    height: 36px;
    /*各ブラウザのselect要素の標準CSSをリセット*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*select要素の余白と文字に関するCSS*/
    margin-bottom: 0px;
    padding: 7px 30px 7px 10px;
    font-size: 1em;
    line-height: 1em;
    /*select要素のボーダーに関するCSS*/
    border-radius: 5px;
    border: none;
    /*select要素の矢印アイコンのCSS*/
    background-image: url(./image/icon_select_48.png);
    background-repeat: no-repeat;
    background-size: 20px 16px;
    background-position: right 10px center;
    /*select要素の背景色を指定するCSS*/
    background-color: #bddfff;
}







.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;
    vertical-align: middle;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    font-size: 1em;
}


.input_box {
    width: 1px;
    height: 1px;
    border: none;
}

.buttun_copy {
    width: 100px;
    height: 30px;
}

.padding_left {
    padding-left: 20px;
}

.hktm_mene_true {
    text-align: center;
    color: #474747;
    font-size: 1.1em;
    font-weight: 600;
    background-color: #29A4F3;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
    border-color: #29A4F3;
    border-style: Solid;
    border-width: 1px;
}

.hktm_mene_false {
    color: #474747;
    font-size: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
    border-color: #474747;
    border-style: Solid;
    border-width: 1px;
}

.hktm_mene {
    text-align: center;
}


@media screen and (max-width: 1250px) {
    body {
        height: 100%;
        margin: 0px;
        border-collapse: collapse;
        font-size: 2em;
    }

    .hedder_table {
        height: 120px;
        width: 100%;
    }

    .footer_table {
        height: 100px;
        width: 100%;
        color: #FFFFFF;
        font-size: 1.2em;
    }

    .menu_pc_display {
        display: none;
    }

    .menu_mobile_display {
        display: block;
    }

    /*signin*/
    .signin_table {
        width: 100%;
    }

    .signin_hedder {
        text-align: center;
        font-size: 2em;
        font-weight: 800;
        height: 200px;
    }

    .signin_futter {
        text-align: center;
        height: 100px;
    }

    .signin_td_01 {
        text-align: center;
        color: #FFFFFF;
        font-size: 1.4em;
        font-weight: 800;
        height: 80px;
        width: 50%;
    }

    .signin_td_02 {
        text-align: center;
        font-size: 1.1em;
        font-weight: 800;
    }

    .signin_TextBox_01 {
        border-color: #CCCCCC;
        border-style: Solid;
        border-width: 1px;
        font-size: 1em;
        height: 80px;
        width: 460px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 10px; /*CSS3草案 */
        -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
        -moz-border-radius: 10px; /* Firefox用 */
    }

    .signin_button_01 {
        height: 80px;
        width: 460px;
        color: #FFFFFF;
        font-size: 1.1em;
        border-radius: 14px; /* CSS3草案 */
        -webkit-border-radius: 14px; /* Safari,Google Chrome用 */
        -moz-border-radius: 14px; /* Firefox用 */
    }
    /*-------*/
    
    /*テーブルの罫線設定============================================================================*/
    #tbl-bdr table, #tbl-bdr td, #tbl-bdr th {
        border-collapse: collapse;
        border: 1px solid #333;
    }

    .page_table {
        width: 100%;
    }

    .page_table2 {
        width: 100%;
    }

    /*ページ　タイトル*/
    .page_title {
        color: #FFFFFF;
        height: 80px;
        text-align: left;
        padding-left: 20px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        background-color: rgba(255,255,255,1);
    }

    .td_default {
        color: #FFFFFF;
        vertical-align: top;
        height: 24px;
        text-align: left;
        padding-top: 20px;
        padding-left: 20px;
    }

    /*ページ　メニュー*/
    .menu_td {
        height: 220px;
    }
    .menu_image_01 {
        width: 200px;
    }

    .menu_image_02 {
        width: 120px;
    }

    .menu_image_03 {
        padding-top: 10px;
        padding-bottom: 10px;
        height: 160px;
    }

    .menu_image_04 {
        width: 160px;
    }

    .page_table_main {
        width: 100%;
        background-color: #FFFFFF;
    }

    .page_table_sub {
        width: 100%;
    }

    .page_dt {
        text-align: left;
        padding-left: 10%;
        height: 80px;
        line-height: 120%;
    }

    .page_dt_02 {
        background-color: rgba(255,255,255,1);
        text-align: left;
        padding-left: 10%;
        padding-right: 10%;
        line-height: 120%;
    }

    /*ページ　ニュース*/
    .news {
        width: 52px;
        height: 52px;
        text-align: center;
        border-radius: 40px; /*CSS3草案 */
        -webkit-border-radius: 40px; /* Safari,Google Chrome用 */
        -moz-border-radius: 40px; /* Firefox用 */
    }

    .news_01 {
        background-color: rgba(255,255,255,1);
        //color: #FFFFFF;
        vertical-align: top;
        height: 24px;
        text-align: left;
        padding-top: 20px;
        padding-left: 20px;
    }

    /*ページ　組織図*/
    .genelogy_Lv4 {
        font-size: 0.9em;
        text-align: center;
        width: 100px;
        line-height: 90%;
        vertical-align: top;
    }

    .genelogy_footer {
        font-size: 0.8em;
        text-align: center;
        width: 50px;
    }

    /*ウォレット*/
    .keisen_maru {
        border-radius: 10px;
        border: 1px solid #333333;
        vertical-align: top;
    }

    /*ボタン*/
    .button_01 {
        height: 80px;
        width: 400px;
        color: #FFFFFF;
        font-size: 1.1em;
        background-color: #29A4F3;
        border-radius: 14px; /* CSS3草案 */
        -webkit-border-radius: 14px; /* Safari,Google Chrome用 */
        -moz-border-radius: 14px; /* Firefox用 */
    }

    .button_02 {
        height: 80px;
        width: 80%;
        color: #FFFFFF;
        font-size: 1.1em;
        border-radius: 14px; /* CSS3草案 */
        -webkit-border-radius: 14px; /* Safari,Google Chrome用 */
        -moz-border-radius: 14px; /* Firefox用 */
    }

    .button_03 {
        color: #474747;
        font-size: 1.1em;
        font-weight: 600;
        background-color: #ffffff;
        border-color: #474747;
        border-style: solid;
        border-width: 2px;
        border-radius: 10px;
        height: 80px;
        width: 80%;
    }

    .button_04 {
        color: #474747;
        font-size: 1.1em;
        font-weight: 600;
        background-color: #ffffff;
        border-color: #474747;
        border-style: solid;
        border-width: 2px;
        border-radius: 10px;
        height: 60px;
        width: 400px;
    }

    .button_05 {
        color: #474747;
        font-size: 1.1em;
        font-weight: 600;
        background-color: #ffffff;
        border-color: #474747;
        border-style: solid;
        border-width: 2px;
        border-radius: 10px;
        height: 60px;
        width: 600px;
    }

    .button_06 {
        height: 100px;
        width: 500px;
        color: #FFFFFF;
        font-size: 1.2em;
        background-color: brown;
        border-radius: 28px; /* CSS3草案 */
        -webkit-border-radius: 28px; /* Safari,Google Chrome用 */
        -moz-border-radius: 28px; /* Firefox用 */
    }

    /*テキストボックス*/
    .TextBox_01 {
        border-color: #CCCCCC;
        border-style: Solid;
        border-width: 1px;
        font-size: 1em;
        height: 60px;
        width: 500px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 10px; /*CSS3草案 */
        -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
        -moz-border-radius: 10px; /* Firefox用 */
    }

    .TextBox_02 {
        border-color: #CCCCCC;
        border-style: Solid;
        border-width: 1px;
        font-size: 1.2em;
        height: 60px;
        width: 80%;
        padding-left: 20px;
        border-radius: 20px; /*CSS3草案 */
        -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
        -moz-border-radius: 10px; /* Firefox用 */
    }

    .TextBox_03 {
        border-color: #CCCCCC;
        border-style: Solid;
        border-width: 1px;
        font-size: 1.4em;
        height: 60px;
        width: 90%;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 20px; /*CSS3草案 */
        -webkit-border-radius: 20px; /* Safari,Google Chrome用 */
        -moz-border-radius: 20px; /* Firefox用 */
    }

    .TextBox_04 {
        border-color: #CCCCCC;
        border-style: Solid;
        border-width: 1px;
        font-size: 1.1em;
        height: 60px;
        width: 90%;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 20px; /*CSS3草案 */
        -webkit-border-radius: 20px; /* Safari,Google Chrome用 */
        -moz-border-radius: 20px; /* Firefox用 */
    }

    .TextBox_05 {
        border-color: #CCCCCC;
        border-style: Solid;
        border-width: 2px;
        font-size: 1.6em;
        height: 80px;
        width: 260px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 20px; /*CSS3草案 */
        -webkit-border-radius: 20px; /* Safari,Google Chrome用 */
        -moz-border-radius: 20px; /* Firefox用 */
    }

    /*イメージ*/
    .image_15 {
        width: 30px;
    }

    .image_20 {
        width: 40px;
    }

    .image_30 {
        width: 60px;
    }

    .image_40 {
        width: 80px;
    }

    .image_60 {
        width: 120px;
    }

    .image_100 {
        width: 200px;
    }

    .image_150 {
        width: 300px;
    }

    .image_logo {
        width: 30%;
    }

    .image_matrix_line {
        width: 250px;
    }

    /*組織図*/
    .line_4 {
        width: 12.5%;
        vertical-align: top;
        word-break: break-all;
    }

    .line_height {
        height: 20px;
    }

    div.scr {
        width: 100%;
        height: 1400px;
        overflow: scroll;
        /*background-color: #99FF99;*/
    }

    .scr_font_size {
        font-size: 0.9em;
    }



    /*登録*/

    .regist_table {
        width: 100%;
    }

    .regist_td_select {
        color: white;
        background-color: #16243E;
        text-align: center;
    }

    .regist_td {
        width: 25%;
        height: 100px;
        text-align: center;
    }

    .regist_td2 {
        color: #FF0000;
        line-height: 110%;
        text-align: left;
        padding-left: 20%;
    }

    .regist_td_title {
        height: 60px;
        text-align: left;
    }

    .regist_keisen_maru {
        border-radius: 10px;
        border: 1px solid #333333;
        vertical-align: top;
        padding: 10px;
    }

    .FontTitle01 {
        font-size: 1.2em;
        font-weight: 800;
    }


    .chkbox input[type=checkbox] {
        width: 50px;
        height: 50px;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        font-size: 1em;
    }

    .radio input[type=radio] {
        width: 50px;
        height: 50px;
        vertical-align: middle;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        font-size: 1em;
    }

    .buttun_copy {
        width: 200px;
        height: 60px;
        font-size: 1.4em;
    }


    select::-ms-expand {
        /*IEの矢印を非表示にするCSS*/
        display: none;
    }

    select {
        width: 140px;
        height: 82px;
        /*各ブラウザのselect要素の標準CSSをリセット*/
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        /*select要素の余白と文字に関するCSS*/
        margin-bottom: 0px;
        padding: 7px 30px 7px 10px;
        font-size: 1em;
        line-height: 1em;
        /*select要素のボーダーに関するCSS*/
        border-radius: 5px;
        border: none;
        /*select要素の矢印アイコンのCSS*/
        background-image: url(./image/icon_select_48.png);
        background-repeat: no-repeat;
        background-size: 48px 40px;
        background-position: right 10px center;
        /*select要素の背景色を指定するCSS*/
        background-color: #bddfff;
    }

    .DropDownList::-ms-expand {
        /*IEの矢印を非表示にするCSS*/
        display: none;
    }

    .DropDownList {
        width: 280px;
        height: 82px;
        /*各ブラウザのselect要素の標準CSSをリセット*/
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        /*select要素の余白と文字に関するCSS*/
        margin-bottom: 0px;
        padding: 7px 30px 7px 10px;
        font-size: 1em;
        line-height: 1em;
        /*select要素のボーダーに関するCSS*/
        border-radius: 5px;
        border: none;
        /*select要素の矢印アイコンのCSS*/
        background-image: url(./image/icon_select_48.png);
        background-repeat: no-repeat;
        background-size: 48px 40px;
        background-position: right 10px center;
        /*select要素の背景色を指定するCSS*/
        background-color: #bddfff;
    }

}
