﻿body {
    font-family: Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

p, h1, h2, h3, h4, h5, h6 {
    font-family: Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

footer p {
    text-align: center;
}

.dl-horizontal dt {
    white-space: normal;
}

input.form-control {
    max-width: 280px;
}

input.alart{
    max-width: 100px;
    text-align:right;
}

input.infomation-title {
    max-width: 500px;
}

textarea.infomation-textarea {
    height: 200px;
}

.alartMail{
    min-width:500px;
}

th.x-header {
    text-align: center;
    width: 100px;
}

th.y-header {
    text-align: center;
    width: 120px;
}

td.x-value {
    text-align: center;
    width: 100px;
}

td.y-value {
    text-align: right;
    width: 120px;
}

#legend tr {
    display: inline-block;
    margin: 0px 20px;
}

#legend2 tr {
    display: inline-block;
    margin: 0px 20px;
}

.row-offset {
    margin-top:20px;
}

.row-offset-2 {
    margin-top:10px;
}

.offset-left{
    margin-left:20px;
}

.chart-table-body{
    width:100%;
}

.chart-table-body2{
    width:70%;
}

.chart-table {
    margin-top: 30px;
}

.info-badge{
    width:20px;
}

.info-date {
    width:180px;
    text-align:center;
}

.info-description {
    font-size:90%;
    margin: 10px 0px 0px 0px;
}

.brand-logo {
    padding:0px;
    max-width: 100%;
    height:auto;
}

.navbar-brand img {
    max-width: 100%;
}

thead.scrollHead,tbody.scrollBody{
  display:block;
  width: 100%\9;
  float: left\9;
}

tbody.scrollBody{
  overflow-y:scroll;
  height:300px;
}

td,th{
  table-layout:fixed;
}

.alart-label{
    font-size:90%;
    margin-left: 10px;
    margin-right: 10px;
}

@media print {
    tbody.scrollBody{
        overflow-y:hidden;
        height:inherit;
    }
    ul.nav{
        display:none;
    }
}
