#chart-analyse {

    position: absolute;

    top: 9px;

    left: 553px;

    cursor: pointer;

    display: none;

}



#order-checker {

    position: absolute;

    top: 9px;

    right: 177px;

    cursor: pointer;

    display: none;

}



#order-checker-dialog {

    /*margin: 0px;*/

    /*padding: 0px;*/

    overflow-x: hidden;

    overflow-y: hidden;

}



    #order-checker-dialog p {

        margin: 0;

        padding: 0;

    }



    #order-checker-dialog .wSelect-options {

        height: 220px !important;

        overflow-y: auto;

        scrollbar-base-color: rgb(51, 50, 50);

        scrollbar-track-color: dimgray;

        border: solid 1px silver;

    }



#order-checker-main {

    position: absolute;

    margin: 0;

    padding: 0;

    width: 100%;

    height: 100%;

}



#order-checker-select-brand-div {

    position: absolute;

    top: 0px;

    left: 0px;

}



#order-checker-brand-table {

    top: 288px;

    left: 420px;

    width: 350px;

    border-radius: 5px;

    background-color: #222222;

    color: white;

    border: 2px white solid;

    z-index: 201;

    position: absolute;

}



.order-checker-brand-td {

    width: 175px;

    height: 26px;

}



    .order-checker-brand-td:hover {

        background-color: #99AAFF;

    }



.order-checker-img-brand-td {

    vertical-align: middle;

    padding-right: 5px;

}





#order-checker-help {

    position: absolute;

    margin: 0;

    padding: 0;

    width: 100%;

    height: 100%;

    display: none;

}



#order-checker-header, #order-checker-footer {

    width: 100%;

    height: 40px;

    margin: 0;

    padding: 0;

    text-align: left;

}



    #order-checker-header > div {

        margin: 10px;

    }



#order-checker-help-open {

    float: right;

    margin: 10px;

    height: 20px;

    width: 20px;

    cursor: pointer;

}



#order-checker-body {

    width: 100%;

    height: 462px;

    margin: 0;

    padding: 0;

}



.order-checker-title-upper {

    margin: 0;

    padding: 0;

    width: 100%;

    height: 23px;

    line-height: 23px;

}



.order-checker-title-lower {

    margin: 0;

    padding: 0;

    width: calc(100% - 1px);

    height: 19px;

    border-color: silver;

    border-style: solid;

    line-height: 19px;

}



.order-checker-left-div > .order-checker-title-lower {

    border-width: 1px 1px 0 0;

}



.order-checker-right-div > .order-checker-title-lower {

    border-width: 1px 0 0 1px;

}



#order-checker-sell-limit {

    color: royalblue;

}



#order-checker-sell-stop {

    color: lightblue;

}



#order-checker-buy-limit {

    color: red;

}



#order-checker-buy-stop {

    color: pink;

}



.order-checker-left-div {

    width: calc(100% / 3 + 1px);

    float: left;

}



.order-checker-center-div {

    width: calc(100% / 3 - 2px);

    float: left;

}



.order-checker-right-div {

    width: calc(100% / 3 + 1px);

    float: left;

}



#order-checker-data-body {

    width: 100%;

    height: calc(100% - 45px);

    margin: 0;

    padding: 0;

    background-color: #333333;

    float: left;

}



.order-checker-data-left-div {

    float: left;

    height: 17px;

    width: calc(100% / 3 - 1px);

    margin: 0px 0px 1px 1px;

    padding: 0;

    text-align: right;

    background-color: #222222;

}



.order-checker-data-center-div {

    float: left;

    height: 17px;

    width: calc(100% / 3 - 2px);

    margin: 0px 1px 1px 1px;

    padding: 0;

    text-align: center;

    line-height: 17px;

    background-color: #222222;

}



.order-checker-data-right-div {

    float: left;

    height: 17px;

    width: calc(100% / 3 - 1px);

    margin: 0px 1px 1px 0px;

    padding: 0;

    text-align: left;

    background-color: #222222;

}



.order-checker-bar-sell-limit {

    height: 100%;

    margin: 0;

    padding: 0;

    background-color: royalblue;

    display: inline-block;

}



.order-checker-bar-sell-stop {

    height: 100%;

    margin: 0;

    padding: 0;

    background-color: lightblue;

    display: inline-block;

}



.order-checker-bar-buy-limit {

    height: 100%;

    margin: 0;

    padding: 0;

    background-color: red;

    display: inline-block;

}



.order-checker-bar-buy-stop {

    height: 100%;

    margin: 0;

    padding: 0;

    background-color: pink;

    display: inline-block;

}



.order-checker-central-price {

    background-color: yellow;

    color: black;

    border-color: yellow;

}



#order-checker-footer > p {

    line-height: 20px;

    margin: 4px 0px 0px 5px;

    padding: 0px;

}



#order-checker-help-title {

    padding: 0;

    line-height: 30px;

    font-size: 16px;

    text-indent: 1em;

    margin-top: 20px;

    display: inherit;

}



#order-checker-help-content {

    padding: 0;

    line-height: 20px;

    font-size: 14px;

    margin: 0 1.5em;

    text-indent: 0.5em;

    display: inherit;

}



#order-checker-help-ok {

    position: absolute;

    right: 5px;

    top: 200px;

    width: 80px;

    display: inherit;

}



#analysis_menu {

    display: none;

    position: absolute;

    width: 350px;

    height: 100px;

    background: rgba(9,66,105,0.5);

    z-index: 90;

}



.analysis_menu-item {

    float: left;

    width: 65px;

    height: 80px;

    cursor: pointer;

}



#analysis_menu-close {

    display: block;

}



#analysis_menu-close-img {

    position: absolute;

    top: 5px;

    right: 5px;

    cursor: pointer;

}



.chart-tool-title {

    background-color: rgb(173,208,157);

    height: 16px;

    width: 100px;

    border-radius: 5px;

    text-align: center;

    margin-top: 28px;

}



.chart-tool-img {

    /*text-align: center;*/

    background-color: rgb(126,148,163);

    border-radius: 5px;

    width: 60px;

    height: 50px;

    margin-top: 5px;

    margin-left: 10px;

}



.chart-tool-img img {

    margin-left: 10px;

    margin-top: 10px;

    width: 40px;

}



.chart-tool-text {

    background-color: rgb(185,185,185);

    height: 18px;

    width: 60px;

    border-radius: 3px;

    font-size: 12px;

    margin-top: 5px;

    margin-left: 10px;

    text-align: center;

}



.chart-tool-divide-fibo-on, .chart-tool-divide-price-on, .chart-tool-divide-order-on {

    background-color: orangered;

}



/*カスタム板情報*/

.order-checker2 {

    font-family: 'メイリオ',Meiryo,'Meiryo UI','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',Helvetica,Arial,sans-serif;

    color: white;

    font-size: 12px;

    line-height: normal;

    font-style: normal;

    font-weight: normal;

    font-size: 13px;

    font-size: 1.3rem;

    min-height: 440px;

    /*margin: 10px auto 3px;*/

    width: 100%;

    padding: 0;

    box-sizing: border-box;

    /*font-size: 1.3rem;*/

    font-size: 12px;

}



    .order-checker2 table {

        border-collapse: collapse;

        border-spacing: 0;

        width: 100%;

        border-top-width: 0px;

        border-right-width: 0px;

        border-bottom-width: 0px;

        border-left-width: 0px;

        border-collapse: collapse;

        border-spacing: 0;

        /*-webkit-border-horizontal-spacing: 0px;

        -webkit-border-vertical-spacing: 0px;*/

        display: table;

    }



    .order-checker2 th {

        text-align: center;

        color: white;

        background-color: #444;

        border: 1px solid white;

        text-align: center;

        /*padding: 3px 0;*/

        font-weight: bold;

    }



        .order-checker2 th:nth-child(1) {

            /* color: #0099cc; */

            color: white;

        }



        .order-checker2 th:nth-child(3) {

            /* color: #ff6600; */

            color: white;

        }



    .order-checker2 td {

        width: 8px;

        /*height: 22px;*/

        height: 16px;

        font-size: 12px;

        /*font-size: 1.2rem;*/

        font-weight: bold;

        color: white;

        /*padding: 3px 2px;*/

        padding: 1px 1px;

        background-color: #222222;

        border-top: 1px solid #444444;

        border-bottom: 1px solid#444444;

        /*border-right: 1px solid #222222;

        border-left: 1px solid #222222;*/

        text-align: center;

    }



        .order-checker2 td.max {

            background: #4b4b4b;

        }



        .order-checker2 td span {

            display: block;

            width: 100%;

            height: 100%;

            box-sizing: border-box;

        }



        /* .order-checker2 td:nth-child(1) {

            border-left: 1px solid #999;

        }



        .order-checker2 td:nth-child(5), .order-checker2 td:nth-child(10), .order-checker2 td:nth-child(11), .order-checker2 td:nth-child(16), .order-checker2 td:nth-child(21) {

            border-right: 1px solid #524545;

        } */





        .order-checker2 td:nth-child(11) {

            border-left: 1px solid #9a9a9a;

            border-right: 1px solid #9a9a9a;

        }



        .order-checker2 tr:nth-child(12) td {

            color: black;

            background: yellow;

        }



        .order-checker2 tr:nth-child(12) td:nth-child(11) {

            color: black;

            background: yellow;

        }



        .order-checker2 td.current-over-sell span {

            border: 1px solid royalblue;

            background: royalblue;

        }



        .order-checker2 td.current-over-buy span {

            border: 1px solid pink;

            background: pink;

        }



        .order-checker2 td.current-under-buy span {

            border: 1px solid red;

            background:red;

        }



        .order-checker2 td.current-under-sell span {

            border: 1px solid lightblue;

            background: lightblue;

        }



        /* ツールチップ */

        /* 表示文字の装飾 */

        /*.order-checker2 td.tooltip1{*/

        /*color: #555;*/

        /*display: inline-block;*/ /* インライン要素化 */

        /*border-bottom:dashed 1px #555;*/ /* 下線を引く */

        /*}*/



        /* ツールチップ部分を隠す */

        .order-checker2 td.tooltip1 p {

            display: none;

        }



        /* マウスオーバー */

        .order-checker2 td.tooltip1:hover {

            position: relative;

            color: #333;

        }



            /* マウスオーバー時にツールチップを表示 */

            .order-checker2 td.tooltip1:hover p {

                display: block; /* ボックス要素にする */

                position: absolute; /* relativeからの絶対位置 */

                /*top: 25px;*/

                top: 23px;

                /*left: 0px;*/

                left: 5px;

                font-size: 90%;

                /*color: #fff;*/

                color: black;

                /*background-color: #51A2C1;*/

                background-color: #fff2b8;

                width: 100px;

                padding: 5px;

                border-radius: 3px;

                z-index: 100;

            }





        .order-checker2 td:nth-last-child(-n+10):hover p {

            left: auto;

            right: 0px;

        }



        /* フキダシ部分を作成 */

        .order-checker2 td.tooltip1 p:before {

            content: '';

            /*display: block;*/

            display: none;

            position: absolute; /* relativeからの絶対位置 */

            height: 0;

            width: 0;

            top: -13px;

            left: 15px;

            border: 13px transparent solid;

            border-right-width: 0;

            border-left-color: #51A2C1;

            transform: rotate(270deg); /* 傾きをつける */

            -webkit-transform: rotate(270deg);

            -o-transform: rotate(270deg);

            z-index: 100;

        }

/*ログイン必須のお知らせ*/

#dialog-info {

    background-color: #666666;

    border: solid 1px black;

    border-radius: 10px;

    color: white;

    padding-top: 0;

}



#dialog-body {

    display: flex;

    flex-direction: column;

    align-items: center;

    font-size:13px;

}



    #dialog-body > h3 {

        width: 100%;

    }

    #dialog-body > div {

        margin-bottom: 10px;

    }



    #dialog-body  p {

        margin:0;

        line-height:1.4;

    }



#close-dialog-btn {

    height: 40px;

    width: 200px;

    margin-top:10px;

    cursor:pointer;

}