body {

    font-family: Meiryo, sans-serif;

    font-size: 11px;

    color: black;

    background-color: white;

}



#chart-contents {

    position: absolute;

    top: 0;

    bottom: 0px;

    left: 0;

    right: 0;

    display: block;



    -webkit-user-select: none; /* Chrome or Safari */

    -moz-user-select: none; /* FireFox */

    -ms-user-select: none; /* IE */

    user-select: none;



    min-height: 660px;

    min-width: 1068px;

}



#main-div{

    position:absolute;

    top:0;

    bottom:0;

    left:0;

    right:0;

}



#chart-main {

    position: absolute;

    left: 5px;

    right: 5px;

    top: 45px;

    bottom: 35px;

    background: #404040;

}



#holizontal-menu{

    position:absolute;

    top:0px;

    left:10px;

    right:0px;

    height:40px;

}



#img-logo {

    position: absolute;

    top: 5px;

    left: 5px;

    width: 200px;

    cursor: pointer;

}



#img-home {

    position: absolute;

    top: 10px;

    right: 5px;

    width: 150px;

    cursor: pointer;

}



#title-label{

    position:absolute;

    top:11px;

    font-size: 13px;

}



#info {

    position:absolute;

    top:8px;

    right:5px;

}



#tech-select {

    position:absolute;

    top:8px;

    left:340px;



    cursor:pointer;

}



#candle-type{

    position:absolute;

    top:8px;

    left:448px;



    cursor:pointer;

}



#color-setting {

    position:absolute;

    top:8px;

    right:92px;

    cursor:pointer;

}



#help {

    position: absolute;

    top: 8px;

    right: 62px;

    cursor: pointer;

}



#img-plus {

    position: absolute;

    top:120px;

    cursor: pointer;

}



#img-minus {

    position: absolute;

    top: 145px;

    cursor: pointer;

}



#position-init {

    position:absolute;

    top:168px;

    left:-2px;

    cursor:pointer;

}



#command-menu {

    position:absolute;

    right:7px;

    top:40px;

    width:20px;

}



#scale-menu {

    position:absolute;

    right:7px;

    bottom:195px;

    width:20px;

}



#canvas-slide {

    position:absolute;

    left:10px;

    top:40px;

    right:33px;

    bottom:0;

    background-color:transparent;

    overflow: hidden;

}



#canvas-base {

    position:absolute;

    left:0px;

    top:0px;

    right:0px;

    bottom:0;

    background: linear-gradient(#B4B4B4,white);

    overflow: hidden;

}



#tech-select-ui {

    display:none;

}



.tab-menu{

    border-bottom: 1px solid #8c7e7e;

}



.tab-menu li{

    margin-bottom: -1px; 

    padding: 10px 15px;

    display: inline-block; 

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    border: 1px solid #8c7e7e;

    color: #8C7E7E;

    background: #F2F0F0;

    font-size: 12px;

    cursor: pointer;

}



ul.jquery-menu {

    background-color: transparent;

    list-style-position: inside;

    width: 270px;

    border-bottom: none;

    font-family:'Meiryo';

    color:white;

    font-size:12px;

    margin-left:6px;

}

ul.jquery-menu li {

    padding-bottom: 5px;

    list-style-type: none;



}

ul.jquery-menu li div.jquery-menu-title-box {

    padding: 5px 10px 0 10px;

    margin-left:-50px;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #4b4b4b), color-stop(1.00, #131313));

    background: -webkit-linear-gradient(#4b4b4b, #131313);

    background: -moz-linear-gradient(#4b4b4b, #131313);

    background: -o-linear-gradient(#4b4b4b, #131313);

    background: linear-gradient(#4b4b4b, #131313);

}

ul.jquery-menu li div.menu-title {

    float: left;

    font-weight: normal;

}

#trend-menu > ul.jquery-menu li div.jquery-menu-title-box,

#osc-menu > ul.jquery-menu li div.jquery-menu-title-box {

    cursor:pointer;

}

#trend-menu > ul.jquery-menu li div.jquery-menu-title-box input,

#trend-menu > ul.jquery-menu li div.jquery-menu-title-box label,

#osc-menu > ul.jquery-menu li div.jquery-menu-title-box input,

#osc-menu > ul.jquery-menu li div.jquery-menu-title-box label {

    cursor:default;

}



#selectable{

    border-color:transparent;

}



.ui-spinner {

    margin-top:-5px;

    margin-left:30px;

    /*width:60px;*/

}



.ui-spinner-input {

	border: none;

	background: none;

	color: white;

	padding: 0;

	margin: .2em 0;

	vertical-align: middle;

	margin-left: .4em;

	margin-right: 22px;

    text-align:right;

}



#select_time_menu{

	position: absolute;

	top: 40px;

	left: 240px;

    z-index:100;

    display:none;

}



#img-backtimeboard{

    width: 445px;

    height:31px;

}



#img-time-close{

	position: absolute;

	top: 0px;

	right: 5px;

    cursor:pointer;

}



#slide_menu{

	position: absolute;

	top: 40px;

	right: 40px;

	width: 360px;

	height: 80px;

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

    z-index:90;

    float:right;

    display:none;

}



#imgChartSelect{

    position:absolute;

    margin-left:5px;

    margin-top:5px;

}



#imgCandle{

    position:absolute;

    margin-left:100px;

    margin-top:5px;

    cursor:pointer;

}



#txtCandle {

    position:absolute;

    margin-left:100px;

    margin-top:50px;

    cursor:pointer;

    color:black;

}



#line_menu{

    position:absolute;

    left:160px;

    margin-top:5px;

    cursor:pointer;

}



#txtline{

    position:absolute;

    margin-left:0px;

    cursor:pointer;

    color:black;

}



#heikin_menu{

    position:absolute;

    left:220px;

    margin-top:5px;

    cursor:pointer;

}



#txtHeikin{

    position:absolute;

    margin-left:0px;

    cursor:pointer;

    color:black;

}



#pandf_menu{

    position:absolute;

    left:280px;

    margin-top:5px;

    cursor:pointer;

}



#txtPandF{

    position:absolute;

    margin-left:0px;

    cursor:pointer;

    color:black;

}



#update-color{

    position:absolute;

    color:white;

    top:300px;

    right:40px;

    width:200px;

    background-color:#383c3c;

    z-index:6;

    display:none;

    border-radius:5px;

}



#infoArea{

    position:static;

    color:black;

    font-family:Meiryo;

    font-size:12px;

    background:silver;

    display:none;

}



#changeInfo{

    position:absolute;

    top:3px;

    right:30px;

    outline: none;

}



#jquery-ui-dialog {

    width:300px;

    height:300px;

    visibility:collapse;

}



#color-setting-dialog {

    display:none;

    background-color:#383c3c;

    color:white;

    width:100px;

    height:100px;

    overflow: hidden;

}



#img-plus:hover,#img-minus:hover,#position-init:hover{

    border: 1px solid #bce2e8;

    border-radius:2px;

}



#img-timeBoard{

    position:absolute;

    top:8px;

    left:210px;

    cursor:pointer;

}



/*Chromeで×ボタンのフォーカス時の枠線がいびつになる問題の対策*/

.ui-dialog-titlebar-close .ui-button-text{

    display:none;

}



/*色変更ボードを表示している時にカーソルを変更するために定義*/

div.CursorPointerImportant canvas,div.CursorPointerImportant p{

    cursor:pointer!important;

}



/*数値増減ボタン*/

.ui-spinner-button {

    cursor:pointer;

}



/*hrefが無くてもカーソルを変える*/

.tech-select-ui-dummy-tab {

  cursor:pointer;

}



#help-dialog {

    display:none;

    background-color:#383c3c;

    position: absolute;

    top: 45px;

    right: 10px;

    width: 130px;

    height:85px;

    border-radius:5px;

    z-index:100;

}



#btn-tutorial {

    position:absolute;

    left:5px;

    top:25px;

    width:120px;

}



#btn-version {

    position:absolute;

    left:5px;

    top:55px;

    width:120px;

}



#img-help-dialog-close {

    position:absolute;

    right:5px;

    top:5px;

    cursor:pointer;

}



#v-info {

    display:none;

    text-align:center;

}



#v-title {

    font-weight:bold;

    font-size:15px;

    margin-top:10px;

}



#v-no,#v-date {

    font-size:13px;

    margin-top:5px

}



.select-time-button {

    width: 27px;

    height: 0px;

    font-size: 12px;

    display: block;

    padding: 3px 0px 18px;

    text-align: center;

    border: 1px solid black;

    background-color: black;

    color: white;

    font-family: Meiryo, sans-serif;

}



.select-time-button-click {

    width: 27px;

    height: 0px;

    font-size: 12px;

    display: block;

    padding: 3px 0px 18px;

    text-align: center;

    border: 1px solid #bce2e8;

    background-color: #0972a5;

    color: white;

    font-family: Meiryo, sans-serif;

}



#timeboard-title {

    position: absolute;

    font-family: Meiryo, sans-serif;

    top: 9px;

    left: 250px;

    cursor: pointer;

    color: white;

    font-size: 12px;

    padding-left: 1px;

    padding-top: 2px;

    width: 50px;

    text-align: center;

}

    

#footer-string {

    position: absolute;

    bottom: 5px;

    text-align: center;

    font-size: 15px;

    color: white;

    width: 100%;

}



#select-brand-div {

    position: absolute;

    top: 8px;

    left: 0px;

}



#brand-table {

    background-color: #222222;

    color: white;

    border: 2px white solid;

    z-index: 201;

    position: absolute;

    width: 350px;

    border-radius: 5px;

    top: 33px;

}



.brand-td {

    width: 175px;

    height: 26px;

}



    .brand-td:hover {

        background-color: #99AAFF;

    }



.img-brand-td {

    vertical-align: middle;

    padding-right: 5px;

}