body {
    font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ ゴシック", sans-serif;
    font-size: 75%;
    white-space: nowrap;
}

html, body {
    height: 100%;
    padding: 0px;
    margin: 0px;
}

button {
    border-radius: 4px;
    border-width: 1px;
    border-bottom-width: 2px;
    border-color: lightgray;
    background-color: #DDDDDD;
    cursor: pointer;
}

fieldset {
    -moz-border-radius: 5px; /* for Firefox */
    -webkit-border-radius: 5px; /* for Chrome */
}

.num {
    text-align: right;
}

td.mainContentsParts {
    vertical-align: top;
    text-align: left;
}

td {
    text-align: center;
    vertical-align: middle;
}

.stockContent {
    float: left;
    border-style: solid;
    border-width: thin;

    padding: 1px 2px 1px 2px;

}

.displayOfLine {
    width: 100%;
}

.lineStockInfo {
    width: 200px;
}

img.doc {
    width: 20px;
    height: 12px;
}

img.home {
    width: 20px;
    height: 12px;
}

.stockInfoSub2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kaijiRow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsRow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

img.chartImage {
    margin-right: 5px;
}

.plus {
    color: red;
}

.minus {
    color: blue;
}

span.functionGroup {
    margin-right: 30px;
}

.plusMinusButton {
    width: 24px;
}

button.codeGroupButton {
    width: 140px;
    margin-bottom: 5px;
    vertical-align: middle;
}
button.codeGroupButtonHalf {
    width: 66px;
    margin-right: 4px;
    margin-bottom: 5px;
    vertical-align: middle;
}


button.codeGroupButton.ipo {
    width: 80px;
    margin: 0px;
    color: red;
}

button.codeGroupButton.ipo.W52H {
    width: auto;
}

.negative {
    color: blue;
}

.positive {
    color: red;
}

tr.toujitu td,
td.toujitu {
    background-color: lightyellow;
}

.toujitu.ymd {
    color: red;
}

span.kessan {
    font-size: 90%;
    color: darkorange;
    font-weight: 700;
}

span.toujituKessan {
    font-size: 90%;
    color: red;
    font-weight: 900;
}

span.datetime {
    font-size: x-small;
    color: gray;
}

img.layoutButton {
    width: 30px;
    height: 30px;
}

.displayTypeAreaFieldset {
    padding: 2px;
}

td.displayTypeAreaCell {
    text-align: left;
}

table.syusei,
table.shihanki,
table.nenGyoseki,
table.ruikei,
table.zanQ {
    border-collapse: collapse;
    font-size: 100%;
    background-color: white;
}

.zanRowHeadKanji {
    font-size: smaller;
}

tr.zanQKonkiYosou td {
    border-top-width: 2px;
}

table.shihanki td.numCell,
table.ruikei td.numCell,
table.nenGyoseki td.numCell {
    vertical-align: top;
}

table.balance {
    border-collapse: collapse;
    border-color:gray;
}

tr.diffRow {
    background-color: #eeeeff;
}

.numTdSub {
    font-size: 90%;
}

tr.zenkihi td {
    border-top: double;
}

td.shihanki.numcol {
    min-width: 60px;
}

td.numCell {
    text-align: right;
    padding-left: 4px;
}

.vertical_middle {
    line-height: 22px;
    display: table;
    vertical-align: middle;
}

img.erase {
    float: right;
}

span.guide {
    font-weight: 700;
}


span.fav {
    display: inline-block;
    height: 16px;
    width: 16px;
}

span.fav[v="1"] {
    background: url('images/fav1.png');
    background-repeat: no-repeat;
    background-position-y: 2px;
}

span.fav[v="0"] {
    background: url('images/fav0.png');
    background-repeat: no-repeat;
    background-position-y: 2px;
}

th.balance {
    min-width:60px;
}

th.balance_rowTitle {
    min-width: 50px;
}

img.ad {
    height: 40px;
    width: 200px;
}

td.gyosyu {
    text-align:left;
}

input.price {
    width: 100px;
}

div.priceBackMinus15 {
    background: linear-gradient(white,rgb(0, 163, 0));
}

div.priceBackMinus10 {
    background: linear-gradient(white,rgb(50, 168, 50));
}

div.priceBackMinus5 {
    background: linear-gradient(white,rgb(89, 155, 89));
}

div.priceBackMinus {
    background: linear-gradient(white,rgb(89, 155, 89));
}

div.priceBackPlus15 {
    background: linear-gradient(white,#FFA500);
}

div.priceBackPlus10 {
    background: linear-gradient(white,#ffbb3c);
}

div.priceBackPlus5 {
    background: linear-gradient(white,rgb(255, 214, 139));
}

div.priceBackPlus {
    background: linear-gradient(white,rgb(255, 214, 139));
}

div.negativeBack {
    background: linear-gradient(white,green);
}

div.positiveBack {
    background: linear-gradient(white,orange);
}

button.allCheck {
    width: 80px;
}

.argNum {
    width: 50px;
    text-align: right;
}

.argNums {
    white-space: nowrap;
    padding: 4px;
    background-color: rgb(210, 248, 210);
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
}

.chartCheck {
    white-space: nowrap;
}
.sinyouHistoryCond {
    padding: 2px;
    background-color: #ddddff;
    border-radius: 10px; 
}

span.warn {
    color: red;
}

.smallMessage {
    font-size: small;
}

.scannerButton {
    background-color: lightgreen;
    min-width: 120px;
}
.displaySettingTable td {
    text-align: left;
}

table.kessanSyuseiReki {
    border-collapse: collapse;
}

table.kessanSyuseiReki tr.syuseiJissekiRow {
    background-color: #eeeeff;
    border-bottom-width: 10px;
}

table.kessanSyuseiReki tr.syuseiJissekiRow td, 
table.kessanSyuseiReki th {
    border-bottom-width: 2px;
}


table.kessanSyuseiReki td.up {
    color: red;
}

table.kessanSyuseiReki td.down {
    color: blue;
}

table.kessanSyuseiReki span.isKessanTerm {
    color: red;
}

span.isTaisyaku {
    color: red;
}

.stockContent a {
    text-decoration: none;
}

.areaContainer {
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    border-radius: 2px;
    padding: 2px;
    margin-bottom: 4px;
}

#gyosyuCheckboxArea ul,
#gyosyuCheckboxArea li {
    list-style: none;
}

#displaySettingTableContainer {
    background-color: rgb(228, 228, 228);
}

.fieldContainer {
    border-radius: 5px;
    border-style:solid;
    border-width: 1px;
    border-color: gray;
    padding: 2px;
}

label.resultSettingSwitchLabel {
    font-weight: bold;
}

table.codeTable td {
    vertical-align: top;
}

.kabuplusIcon {
    width: 16px;
    height: 16px;
}

tr.tuukiQtRow td {
    border-bottom-width: 3px;
}

.functionGroup.csvlink a{
    margin-right: 16px;
}

.smallFieldLabel {
    font-size: x-small;
    color: gray;
    max-width: 120px;
}

.gridText {
    text-align: left;
}

form[name=bubbleChartForm] td {
    text-align: left;
}

.afiContainer a {
    text-decoration: none;
    margin-right: 16px;
    font-weight: bold;
}

span.cellSurfix {
    font-size: smaller;
}

.surfix {
    font-size: smaller;
}

.lastPushCodeGroupButton {
    background: linear-gradient(to right, #ffdbd3, #ffffff);
}

.outerLink:hover {
    background-color: yellow;
}

.outerLink {
    border-radius: 2px;
    border-width: 1px;
    margin-left: 2px;
    margin-right: 2px;
    border-style: solid;
    border-color: gray;
    padding: 1px 2px 2px 1px;
}

.numTdSub {
    display: inline-block;
    height: 12px;
    font-size: 90%;
}

.numTdSubKanji {
    display: inline-block;
    height: 12px;
    font-size: 90%;
}

tr.headerRow td,
tr.headerRow th
 {
    text-align: center;
    background-color: rgb(226, 255, 246);
}

td.gyosekiTableTitleCell {
    background-color: rgb(226, 255, 246);
    font-weight: bold;
}

.kessankiMainText {
    font-size: 90%;
}

.kessankiSubText {
    font-size: 90%;
    color: rgb(96, 96, 96);
    text-align: right;
}

.customLayoutConfigTable td {
    text-align: left;
}

.maxHappyoYmd {
    font-weight: bold;
}