﻿/*バーメニュー*/
.bar_style {
    font-weight: bold;
    font-size: 1.3em;
}
/* datetime now*/
.datetime-now {
    font-weight: bold;
    font-size: 1.3em;
}
/* subsystem名称*/
.subsystem_name {
    font-weight: bold;
    font-size: 1.3em;
}
/* 最上位左側のタイトル*/
.layout_title {
    font-weight: bold;
    font-size: 1.3em;
}

.Type3_Value_Low {
    font-style: italic;
    font-weight: bold;
    color: blue;
}

.Type3_Value_High {
    font-style: italic;
    font-weight: bold;
    color: red;
}

.form-item {
    margin-bottom: 2em;
}

.empty_row{
    height: 3px;
}
.size_150 {
    font-size: 150%;
}
.wight_bold {
    font-weight: bold;
}
.empty_block {
    padding: 20px;
}

input[type="checkbox"] {
    transform: scale(1.8);
}
a.dont_show_underline {
    text-decoration: none;
}
/*------------------------------------------------*/
/*グラフの書式設定*/
/*------------------------------------------------*/
.graph_modal_header {
    font-weight: bold;
    font-size: 1.3em;
}

.graph_area {
    min-width: 800px;
    min-height: 800px;
    margin: 0 auto;
}
/*------------------------------------------------*/
/*テーブル名のリンク書式設定*/
/*------------------------------------------------*/
a.tableLink { /*リンクされた文字*/
    color: #000000;
    font-style: normal;
    text-decoration: none;
}

a:link.tableLink { /*未訪問のリンク*/
    color: #000000;
    font-style: normal;
    text-decoration: none;
}

a:visited.tableLink { /*訪問後のリンク*/
    color: #000000;
    text-decoration: none;
}

a:hover.tableLink { /*マウスをのせたとき*/
    color: #000000;
    font-style: normal;
    text-decoration: none;
}

a:active.tableLink { /*クリック中*/
    text-decoration: none;
}

/*------------------------------------------------*/
/*テーブル(共通)の書式設定*/
/*------------------------------------------------*/
/*偶数行の背景色*/
.table-striped_my > tbody > tr:nth-child(2n) {
    font-weight: normal;
    background-color: #f6f6f6;
}
/*奇数行の背景色*/
.table-striped_my > tbody > tr:nth-child(2n+1) {
    font-weight: normal;
    background-color: #ffffff;
}

/*2行飛びの背景色*/
.table-striped_double_my > tbody > tr:nth-child(4n+1) {
    font-weight: normal;
    background-color: #ffffff;
}
/*2行飛びの背景色*/
.table-striped_double_my > tbody > tr:nth-child(4n+2) {
    font-weight: normal;
    background-color: #ffffff;
}
/*2行飛びの背景色*/
.table-striped_double_my > tbody > tr:nth-child(4n+3) {
    font-weight: normal;
    background-color: #f6f6f6;
}
/*2行飛びの背景色*/
.table-striped_double_my > tbody > tr:nth-child(4n) {
    font-weight: normal;
    background-color: #f6f6f6;
}
/*マウスを重ねた行のハイライト設定*/
.table-hover_my > tbody > tr:hover {
    font-weight: bold;
    background-color: #f5f5f5;
}
/*------------------------------------------------*/
.scroll_dummy {
    width: 17px;
}
/*------------------------------------------------*/
/*テーブル(all)の書式設定*/
/*------------------------------------------------*/
.table_my {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 2px solid rgb(181, 175, 175); /*#c2c2c2;*/
    font-size: 14px;
}
    /*------------------------------------------------*/
    /*ヘッダー行*/
    .table_my > thead > tr {
        background-color: #d1feff;
    }

        .table_my > thead > tr > th,
        .table_my > thead > tr > td {
            padding: 8px;
            line-height: 1.42857143;
            vertical-align: top;
            margin-left: auto;
            margin-right: auto;
            /*border-top: 1px solid #ddd;*/
        }
/*ヘッダ行の上下スペース*/
.table-condensed_my > thead > tr > th,
.table-condensed_my > thead > tr > td {
    padding: 1px;
}
/*------------------------------------------------*/
/*本体行*/
.table_my > tbody > tr > th,
.table_my > tbody > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    margin-left: auto;
    margin-right: auto;
}
/*データ行の上下スペース*/
.table-condensed_my > tbody > tr > th,
.table-condensed_my > tbody > tr > td {
    padding: 2px;
}
/*------------------------------------------------*/
/*フッター行*/
.table_my > tfoot > tr > th,
.table_my > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
/*フッター行の上下スペース*/
.table-condensed_my > tfoot > tr > th,
.table-condensed_my > tfoot > tr > td {
    padding: 2px;
}
/*------------------------------------------------*/
.table_my > caption + thead > tr:first-child > th,
.table_my > colgroup + thead > tr:first-child > th,
.table_my > thead:first-child > tr:first-child > th,
.table_my > caption + thead > tr:first-child > td,
.table_my > colgroup + thead > tr:first-child > td,
.table_my > thead:first-child > tr:first-child > td {
    border-top: 0;
}
/* */
.table_my > tbody + tbody {
    border-top: 2px solid #ddd;
}
/* */
/*.table_my .table_my {
  background-color: #fff;
}*/

/* 外枠部分 */
.y_data_area {
    width: 420px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
}

/* タイトル部分 */
.y_data_title {
    width: 420px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0; /* tableのcellspacing="0"の代わり */
}

    .y_data_title th {
        text-align: center;
        border-top: 1px solid #CCC;
        background: #EEF1F4;
    }

    .y_data_title th,
    .y_data_title td {
        padding: 2px;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
    }

        .y_data_title th.col1 {
            text-align: center;
            width: 70px;
        }

        .y_data_title th.col2 {
            width: 120px;
        }

        .y_data_title th.col3 {
            width: 60px;
        }

        .y_data_title th.col4 {
            width: 80px;
        }

        .y_data_title th.col5 {
            border-right: 0;
            width: 80px;
        }

        .y_data_title th.col6 {
            width: 20px;
        }

/* データ部分 */
.y_scroll_box {
    width: 420px;
    max-height: 2000px;
    height: auto !important; /* IE6 max-height対応 */
    height: 2000px; /* IE6 max-height対応 */
    overflow-x: hidden; /* 横スクロール非表示 */
    overflow-y: scroll; /* 縦スクロール */
}

    .y_scroll_box::-webkit-scrollbar {
        width: 17px;
        background: #eee;
    }

    .y_scroll_box::-webkit-scrollbar-button {
        width: 17px;
        background: #666;
    }

    .y_scroll_box::-webkit-scrollbar-thumb {
        background: #999;
    }

    .y_scroll_box::-webkit-scrollbar-corner {
        background: #ddd;
    }

.y_hidden {
    overflow: hidden; /* IE系でデータ部分のテーブルをドラッグした際のズレを防止 */
    padding: 0 0 10px; /* スクロール仕切った際の下ボーダーの重なりを防止 */
}

.y_data {
    width: 420px;
    border-collapse: separate;
    border-spacing: 0; /* tableのcellspacing="0"の代わり */
    table-layout: fixed; /* 内容を固定 */
}

    .y_data th,
    .y_data td {
        padding: 2px;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
    }

    .y_data td {
        text-align: right;
        overflow: hidden; /* データが幅を超えたとき非表示に */
        white-space: nowrap; /* データの折り返しを防止 */
    }

        .y_data td.col1 {
            text-align: center;
            width: 70px;
        }

        .y_data td.col2 {
            width: 120px;
        }

        .y_data td.col3 {
            width: 60px;
        }

        .y_data td.col4 {
            width: 80px;
        }

        .y_data td.col5 {
            border-right: 0;
            width: 80px;
        }

        .y_data td.col6 {
            width: 20px;
        }

        .y_data td p {
            margin: 0; /* 余分なマージンを消去 */
        }

/* IE6 */
.y_data_title,
.y_data {
    _border-collapse: collapse; /* IE6がborder-spacing: 0;に対応していないので */
}

/* IE7 */
*:first-child + html .y_data_title,
*:first-child + html .y_data {
    border-collapse: collapse; /* IE7がborder-spacing: 0;に対応していないので */
}

/*60表*/
/* 外枠部分 */
.t60_data_area {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 2px solid rgb(181, 175, 175); /*#c2c2c2;*/
    font-size: 14px;
}

/* タイトル部分 */
.t60_data_title {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0; /* tableのcellspacing="0"の代わり */
}

    .t60_data_title th {
        text-align: center;
        /*border-top: 1px solid #CCC;*/
        background-color: #d1feff;
        /*background: #EEF1F4;*/
    }

    .t60_data_title th,
    .t60_data_title td {
        padding: 1px;
        line-height: 1.42857143;
        vertical-align: top;
        margin-left: auto;
        margin-right: auto;
        /*padding: 2px;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;*/
    }
        .t60_data_title th.col_ID {
            text-align: center;
            width: 50px;
        }

        .t60_data_title th.col_time {
            text-align: center;
            width: 200px;
        }

        .t60_data_title th.col_pict {
            text-align: center;
            width: 200px;
        }

        .t60_data_title th.col_digit4 {
            text-align: center;
            width: 100px;
        }

        .t60_data_title th.col_pref {
            text-align: center;
            width: 80px;
        }

        .t60_data_title th.col_digit3 {
            text-align: center;
            width: 80px;
        }

        .t60_data_title th.col_kana {
            text-align: center;
            width: 50px;
        }

        .t60_data_title th.col_customer {
            text-align: center;
            /*width: 300px;*/
        }

        .t60_data_title th.col_comment {
            text-align: left;
            /*width: 300px;*/
        }

        .t60_data_title th.col_last {
            text-align: left;
        }
/* データ部分 */
.t60_scroll_box {
    width: 100%;
    max-height: 840px;
    height: auto !important; /* IE6 max-height対応 */
    height: 840px; /* IE6 max-height対応 */
    overflow-x: hidden; /* 横スクロール非表示 */
    overflow-y: scroll; /* 縦スクロール */
}
    .t60_scroll_box::-webkit-scrollbar {
        width: 20px;
        background: #fff;
    }

    .t60_scroll_box::-webkit-scrollbar-button {
        width: 17px;
        background: #666;
    }

    .t60_scroll_box::-webkit-scrollbar-thumb {
        background: #999;
    }

    .t60_scroll_box::-webkit-scrollbar-corner {
        background: #ddd;
    }

.t60_hidden {
    overflow: hidden; /* IE系でデータ部分のテーブルをドラッグした際のズレを防止 */
    padding: 0 0 10px; /* スクロール仕切った際の下ボーダーの重なりを防止 */
}

.t60_data {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0; /* tableのcellspacing="0"の代わり */
    table-layout: fixed; /* 内容を固定 */
}

    .t60_data th,
    .t60_data td {
        padding: 2px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
        margin-left: auto;
        margin-right: auto;
        /*padding: 2px;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;*/
    }

    .t60_data td {
        text-align: center;
        /*overflow: hidden;*/ /* データが幅を超えたとき非表示に */
        white-space: nowrap; /* データの折り返しを防止 */
    }

        .t60_data td.col_ID {
            text-align: center;
            width: 50px;
        }

        .t60_data td.col_time {
            text-align: center;
            width: 200px;
        }

        .t60_data td.col_pict {
            text-align: center;
            width: 200px;
        }

        .t60_data td.col_digit4 {
            text-align: center;
            width: 100px;
        }

        .t60_data td.col_pref {
            text-align: center;
            width: 80px;
        }

        .t60_data td.col_digit3 {
            text-align: center;
            width: 80px;
        }

        .t60_data td.col_kana {
            text-align: center;
            width: 50px;
        }

        .t60_data td.col_customer {
            text-align: center;
            /*width: 300px;*/
        }

        .t60_data td.col_comment {
            text-align: left;
            /*width: 300px;*/
        }

        .t60_data td.col_last {
            text-align: left;
        }

table.t60_data td p {
    margin: 0; /* 余分なマージンを消去 */
}

/* IE6 */
.t60_data_title,
.t60_data {
    _border-collapse: collapse; /* IE6がborder-spacing: 0;に対応していないので */
}

/* IE7 */
*:first-child + html .t60_data_title,
*:first-child + html .t60_data {
    border-collapse: collapse; /* IE7がborder-spacing: 0;に対応していないので */
}

/* 集計部分 */
.t60_data_summary {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0; /* tableのcellspacing="0"の代わり */
}

    .t60_data_summary td {
        padding: 1px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #CCC;
        margin-left: auto;
        margin-right: auto;
        background-color: #d1feff;
        /*padding: 2px;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;*/
    }

.boxLong {
    margin-left: 10px;
    width: 1070px;
    height: 50px;
}

.box1 {
    margin-left: 10px;
    float: left;
    width: 610px;
    height: 2050px;
}

.box2 {
    float: left;
    width: 450px;
    height: 2050px;
}

.space {
    clear: left;
}

.fitpicture {
    width: 90px;
    height: 40px;
}

.fitpicture_marubatu_header {
    width: 15px;
    height: 15px;
}
.fitpicture_marubatu {
    width: 25px;
    height: 25px;
}
/* 登録ポップアップ */
