/* コードミラー
            */

            .CodeMirror {
                border: 1px solid #aaa;
                background: white;
            }

            .CodeMirror-gutter {
                width: 1em;
                /*background: #C2EEFF;*/
            }

            .cm-tab:after {
               content: "\21e5";
               display: -moz-inline-block;
               display: -webkit-inline-block;
               display: inline-block;
               width: 0px;
               position: relative;
               overflow: visible;
               left: -1.4em;
               color: #aaa;
            }



            .CodeMirror-focused .CodeMirror-activeline-background {
                background: unset;
                /* background: #e8f2ff;*/
            }
            .CodeMirror:not(.CodeMirror-focused) .CodeMirror-activeline-background {
                background: unset;
            }


            /*
            .CodeMirror-activeline{
                background: red;
            }
            .CodeMirror-activeline-background {
                background: red;
            }
            */


            .tooltip {
              position: relative;
              display: inline-block;
              border-bottom: 1px dotted black;
            }

            .tooltip .tooltiptext {
              display: block;
              width: 120px;
              background-color: black;
              color: #fff;

              text-align: center;
              border-radius: 6px;
              padding: 5px 0;

              /* Position the tooltip */
              position: absolute;
              z-index: 999;
            }

            .tooltip:hover .tooltiptext {
              visibility: visible;
            }

            .box{
                    width:    200px;
                    height:   100px;
            }
            .red{
                    position: absolute;
                    top:      20px;
                    left:     20px;

                    font-size: 100%;
                    top: 500px;
                    left: 200px;
                    padding: 10px 0;
                    z-index: 999;
                    border-radius: 10px;
                    display: none;
                    background-color: gray;
                color: #fff;
            }

            /* 接続情報 */
            .conInfo {
                position:  absolute;
                background-color: #ccc;
                padding:    0px;
                right:      0px;
                top:        0px;
                font-size:  80%;
            }

            .colClass {
            color:ff0000;
            background-color:#ccc;
            }


            #lbl1 {
                /*
              color: red;
              background-color: red;
                **/
              padding: 2px;
              border-radius: 0px;
            }

            .font50{font-size: 50%; }
            .font80{font-size: 80%; }

            .btn{
                position:relative; width:50px;height:25px;
            }
            .btnImg{
                position:absolute; top:0; left:0; width:20px; height:20px;
            }
            .btnTxt{
                position:absolute; top:2px; left:22px; font-size:90%;
/*
                color: #fff;
*/
/*
                background: #000;
*/
                background: rgba(255,255,255,.6);
                font-weight: bold;
/*
                font-family: Impact,Charcoal;
*/
/*
                font-family: "ＭＳ ゴシック",sans-serif;
*/
                font-stretch:expanded;
            }

div#titleBar {
	color: "red";
	width: 400px;
	height:20px;
    background-color: skyblue;

    position:absolute; top:0px; left:0px;
}

div#titleBarSpace {
	color: "red";
/*
    background-color: skyblue;
*/
	width: 400px;
	height:20px;

/*
    position:absolute; top:0px; left:0px;
*/
/*
    margin : 5px ;
*/
/*
    padding : 0px ;
*/
/*
    border : 5px solid maroon ;
*/
}

    #ttlName{
        font-size:60%;
        font-weight: bold;
        font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;


        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }