@charset "utf-8";

/* form parts
------------------------------------------------ */
label input { margin-right:  4px; vertical-align: middle; }
.error_message { clear: both; margin: 8px 0; text-align:center; font-size: 12px; color: #c00; white-space:pre-wrap;}
p.error { margin-top: 5px; }
span.error { margin-left: 10px; }
.enabled { padding-left: 18px; background: url(../img/ja/icon/checked1.png) no-repeat left center; }
.hilight,
.hilight td,
.hilight th {background:#fcc !important; }

/* title style
------------------------------------------------ */
/* title1 */
.title1 {
    position: relative;
    padding: 0 20px;
    line-height: 10px;
    background: #549b35;
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
    color: #fff;
}

    .title1 .btn { position: absolute; top: 0; right: 0; }

/* title2 */
.title2 {
    font-size: 18px;
    color: #00683d;
}

/* STEP4からの追加（20151020 秋山） ----------------------------------------- */
.title3 {
    font-size: 14px;
    color: #FFFFFF;
    background-color: #888888;
    padding-left: 20px;
}
/* STEP4からの追加（20151020 秋山）ここまで --------------------------------- */

/* title4 */
.title4 {
    background: #549b35;
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
    color: #fff;
    padding-left: 20px;
    margin: 20px 230px 0px;
}

/* title5 */
.title5 {
    font-weight: normal;
    line-height: 26px;
    margin: 10px 230px;
}

/* file_name */
.file_name {
    padding-left: 370px;
}

/* table style
------------------------------------------------ */
/* table_style1 */
.table_style1 {
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    border-spacing: 0;
}

.table_style1_wb {
    table-layout:fixed;
    word-break : break-all;
}

/* 2017.01.20 kimura【営農STEP-6】WEB-1作業者台帳情報拡充 */
.table_style1_fixed {
    table-layout:fixed;
}
.table_style1_fixed > tbody > tr > td {
    word-wrap: break-word;
}

.table_style1_fixed > tbody > tr > td > pre.pre_style {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
    word-wrap: break-word;
    white-space: pre-line;
}

    .table_style1 th,
    .table_style1 td { padding: 0 6px; border-bottom: solid #c9caca 1px; text-align: left; font-weight: normal; }
    .table_style1 th { height: 23px; background: #ddd; border-top: solid #c9caca 1px; border-right: solid #c9caca 1px; color: #666; text-align:center }
    .table_style1 tr.line2 th { height: 46px; }
    .table_style1 td { padding: 4px 6px; }
    .table_style1 th.center,
    .table_style1 td.center { text-align: center; }
    .table_style1 th.no_space,
    .table_style1 td.no_space { padding: 0; }
    .table_style1 td.bg_cream { background: #fefcec; }
    .table_style1 tr:nth-of-type(2n) td { background: #fcf8d7; }
    .table_style1 tr:hover td { background: #c0d695; }
        .table_style1 td .status { padding: 3px 0 3px 20px; background: url(../img/ja/icon/pin_green1.png) no-repeat left center; color: #00683d; }
        .table_style1 td .status_stop { background-image: url(../img/ja/icon/pin_orange1.png); color: #f39800; }
        .table_style1 td .status_abnormality { background-image: url(../img/ja/icon/pin_red1.png); color: #e60012; }
        .table_style1 td .detail { padding: 3px 0 3px 25px; background-position: left center; background-repeat: no-repeat; color: #444; }
        .table_style1 tr:hover td .detail { background-image: url(../img/ja/icon/arrow2.png); }
        .table_style1 td img { vertical-align: middle; }
        /* テーブル列右詰め STEP4 2015.12.03 T.Matsuoka add start*/
        .table_style1 td.right {text-align: right;}
        /* テーブル列右詰め STEP4 2015.12.03 T.Matsuoka add end*/

/* table_form1 */
.table_form1 {
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    border-spacing: 0;
}

    .table_form1 th,
    .table_form1 td { padding: 8px 0; border-bottom: solid #c9caca 1px; text-align: left; vertical-align: top; font-weight: normal; }
    .table_form1 th { padding-left: 20px; font-size: 14px; color: #00683d; }
    .table_form1 tr.valign_middle th,
    .table_form1 tr.valign_middle td,
    .table_form1 tr.valign_middle img { vertical-align: middle; }
        .table_form1 th .required { margin-right: 10px; color: #c00; }
        .table_form1 th .select { display: block; }
    .table_form1 .no_bd { border-bottom: none; }
        .table_form1 td .calendar,
/* STEP4からの追加（20151020 秋山） ----------------------------------------- */
        .table_form1 td .wsss,
/* STEP4からの追加（20151020 秋山）ここまで --------------------------------- */
/* STEP4からの追加（20151217 秋山） ----------------------------------------- */
        .table_form1 td .wssm,
/* STEP4からの追加（20151217 秋山）ここまで --------------------------------- */
        .table_form1 td .wss,
        .table_form1 td .ws,
/* STEP4からの追加（20151020 秋山） ----------------------------------------- */
        .table_form1 td .wms,
/* STEP4からの追加（20151020 秋山）ここまで --------------------------------- */
        .table_form1 td .wm,
        .table_form1 td .wl { padding: 6px 10px; background: #fff; border: solid #72af2d 1px; font-size: 14px; }
        .table_form1 td .calendar { width: 120px; background: url(../img/ja/icon/calendar1.png) no-repeat 90% center #fff; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important; height:16px;}
/* STEP4からの追加（20151020 秋山） ----------------------------------------- */
        .table_form1 td .wsss { width: 60px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif  !important; height:16px;}
/* STEP4からの追加（20151020 秋山）ここまで --------------------------------- */
/* STEP4からの追加（20151217 秋山） ----------------------------------------- */
        .table_form1 td .wssm { width: 95px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif  !important; height:16px;}
/* STEP4からの追加（20151217 秋山）ここまで --------------------------------- */
        .table_form1 td .wss { width: 120px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif  !important; height:16px;}
        .table_form1 td .ws { width: 220px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;  height:16px;}
/* STEP4からの追加（20151020 秋山） ----------------------------------------- */
        .table_form1 td .wms { width: 320px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;  height:16px;}
/* STEP4からの追加（20151020 秋山）ここまで --------------------------------- */
        .table_form1 td .wm { width: 520px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;  height:16px;}
        .table_form1 td .wl { width: 620px; }
        .table_form1 td textarea { height: 100px !important; }
        .table_form1 td select { margin-right: 4px; height: 28px; background: #fff; border: solid #72af2d 1px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
        .table_form1 td select.w40 { width: 40px !important; }
        .table_form1 td select.w60 { width: 60px !important; }
        .table_form1 td select.w70 { width: 70px !important; }
        .table_form1 td select.w90 { width: 90px !important; }
        .table_form1 td select.w100 { width: 100px !important; }
        .table_form1 td select.w220 { width: 220px !important; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
        .table_form1 td label { font-size: 14px; }
        .table_form1 td input[disabled],
/* STEP4からの追加・変更（20160112 松岡） ----------------------------------------- */
        .table_form1 td textarea[disabled],
/*        .table_form1 td select[disabled] { background: #dcdddd; border-color: #c9caca; } */
        .table_form1 td select[disabled] { background: #dcdddd; border-color: #72af2d; }
/* STEP4からの追加・変更（20160112 松岡） ここまで----------------------------------------- */
        .table_form1 td .parts { display: inline-block; margin-right: 10px; vertical-align: middle; }
            .table_form1 td .parts li { display: inline-block; margin-right: 20px; vertical-align: middle; }
        .table_form1 td .valign_middle { display: inline-block; vertical-align: middle; }
        .table_form1 td .btn_list { display: inline-block; vertical-align: middle; }
            .table_form1 td .btn_list li { display: inline-block; vertical-align: middle; }
            .table_form1 td .btn_list li.hide { display: none; }
            .table_form1 td .btn_list .btn_calendar { width: 115px; height: 28px; }
                .table_form1 td .btn_list .btn_calendar button { width: 100%; height: 100%; background: url(../img/ja/button/display_calendar.png) no-repeat left top; border: none; text-indent: -9999px; cursor: pointer; }
                .table_form1 td .btn_list .btn_calendar button:hover { background-image: url(../img/ja/button/display_calendar_on.png); }

/* ------------------------------------------------
  2015.12.22 T.Matsuoka STEP4 add start
------------------------------------------------ */
/* フォーム上のテーブルで横並びのスタイル定義 */
    .table_form1.table_form_horizontal th { text-align: center; vertical-align: inherit; font-weight: inherit; }
    .table_form1.table_form_horizontal td { text-align: left; vertical-align: inherit; font-weight: inherit; padding: 0px 4px; }
    .table_form1.table_form_horizontal td.right { text-align: right; }
    .table_form1.table_form_horizontal th { padding-left: inherit; /*font-size: 14px; color: #00683d;*/ }
/* STEP4からの追加（20151020 秋山） ----------------------------------------- */

/* table_form1の中のtable_style1 */
.table_form1 .table_style1 {
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    border-spacing: 0;
}

    .table_form1 .table_style1 th,
    .table_form1 .table_style1 td { padding: 0 6px; border-bottom: solid #c9caca 1px; text-align: left; font-weight: normal; }
    .table_form1 .table_style1 th { height: 23px; background: #ddd; border-top: solid #c9caca 1px; border-right: solid #c9caca 1px; color: #666; text-align:center }
    .table_form1 .table_style1 tr.line2 th { height: 46px; }
    .table_form1 .table_style1 td { padding: 4px 6px; }
    .table_form1 .table_style1 th.center,
    .table_form1 .table_style1 td.center { text-align: center; }
    .table_form1 .table_style1 th.no_space,
    .table_form1 .table_style1 td.no_space { padding: 0; }
    .table_form1 .table_style1 td.bg_cream { background: #fefcec; }
    .table_form1 .table_style1 tr:nth-of-type(2n) td { background: #fcf8d7; }
    .table_form1 .table_style1 tr:hover td { background: #c0d695; }
        .table_form1 .table_style1 td .status { padding: 3px 0 3px 20px; background: url(../img/ja/icon/pin_green1.png) no-repeat left center; color: #00683d; }
        .table_form1 .table_style1 td .status_stop { background-image: url(../img/ja/icon/pin_orange1.png); color: #f39800; }
        .table_form1 .table_style1 td .status_abnormality { background-image: url(../img/ja/icon/pin_red1.png); color: #e60012; }
        .table_form1 .table_style1 td .detail { padding: 3px 0 3px 25px; background-position: left center; background-repeat: no-repeat; color: #444; }
        .table_form1 .table_style1 tr:hover td .detail { background-image: url(../img/ja/icon/arrow2.png); }
        .table_form1 .table_style1 td img { vertical-align: middle; }

/* STEP4からの追加（20151020 秋山）ここまで --------------------------------- */
/* ------------------------------------------------
  2015.12.22 T.Matsuoka STEP4 add end
------------------------------------------------ */

/* STEP4からの追加（20151109 秋山） add start ----------------------------------------- */
/* 行結合のあるテーブルの色定義 */
/* 偶数行グループの背景色設定（tbodyで1グループ） */
.table_rowspan > tbody.even_row > tr > td {
    background-color: #fcf8d7;
}
/* 奇数行グループの背景色設定（tbodyで1グループ） */
.table_rowspan > tbody:not(.even_row) > tr > td {
    background-color: #FFFFFF;
}
/* hoverされた行グループの背景色設定（tbodyで1グループ） */
.table_rowspan > tbody:hover > tr > td { background: #c0d695; }
/* STEP4からの追加（20151109 秋山） add end --------------------------------- */

/* section style
------------------------------------------------ */
.sec_style1 {
    position: relative;
    padding-bottom: 8px;
    background: #fff;
    box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    -ms-box-shadow: 0 1px 2px #ccc;
    -o-box-shadow: 0 1px 2px #ccc;
}

/* modal
------------------------------------------------ */
/* modal_target */
.modal_target {
    display: none;
    background: #fff;
    box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
    -moz-box-shadow: 1px 1px 3px #666;
    -ms-box-shadow: 1px 1px 3px #666;
    -o-box-shadow: 1px 1px 3px #666;
}

/* dorpdown
------------------------------------------------ */
/* dorpdown_target */
.dorpdown_target {
    display: none;
    margin-top: 10px;
    background: #fff;
}

/* pagiNation
------------------------------------------------ */
#pagiNation {
    text-align: center;
}

    .pagination { margin-top: 10px; text-align: center; overflow: hidden; }
        .pagination li { display: inline-block; vertical-align: middle; }
        .pagination li.total { margin-right: 6px; color: #00683d; }
            .pagination li a { display: inline-block; padding-top: 4px; width: 29px; height: 25px; background-position: left top; background-repeat: no-repeat; text-align: center; font-size: 14px; font-weight: normal; color: #fff; }
            .pagination li a { background-image: url(../img/ja/background/paging.png); }
            .pagination li a.now { background-image: url(../img/ja/background/paging_on.png); }

/* icon_example
------------------------------------------------ */
#icon_example {
    z-index: 2;
}
#icon_example section {
    position: absolute;
    top: 10px;
    left: 0;
    width: 130px;
    background: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: 2px 2px 3px #bbb;
    -webkit-box-shadow: 2px 2px 3px #bbb;
    -moz-box-shadow: 2px 2px 3px #bbb;
    -ms-box-shadow: 2px 2px 3px #bbb;
    -o-box-shadow: 2px 2px 3px #bbb;
}

    #icon_example h2 {
        position: relative;
        padding-left: 28px;
        background: url(../img/ja/icon/arrow_down1.png) no-repeat 2px 2px;
        font-size: 14px;
        line-height: 28px;
        z-index: 1;
        cursor: pointer;
    }
    #icon_example h2.on { background-image: url(../img/ja/icon/arrow_up1.png); }

    #icon_example .target {
        position: relative;
        display: none;
        background: #fff;
        z-index: 2;
    }

        #icon_example ul {
        }

            #icon_example ul li {
                float: left;
                padding-left: 42px;
                width: 118px;
                background-position: 5px center;
                background-repeat: no-repeat;
                border-top: solid #ccc 1px;
                line-height: 40px;
            }
            #icon_example ul li:nth-of-type(2n) { width: 117px; border-left: solid #ccc 1px; }

            #icon_example ul .icon1 { background-image: url(../img/ja/icon/M_WheelTractor_RG.png); }
            #icon_example ul .icon2 { background-image: url(../img/ja/icon/M_HCrawlerTractor_RG.png); }
            #icon_example ul .icon3 { background-image: url(../img/ja/icon/M_CrawlerTractor_RG.png); }
            #icon_example ul .icon4 { background-image: url(../img/ja/icon/M_Head-FeedingCombine_RG.png); }
            #icon_example ul .icon5 { background-image: url(../img/ja/icon/M_HarvesterCombine_RG.png); }
            #icon_example ul .icon6 { background-image: url(../img/ja/icon/M_RicePlanter_RG.png); }
            #icon_example ul .icon7 { background-image: url(../img/ja/icon/M_FishingBoat_RG.png); }
            #icon_example ul .icon8 { background-image: url(../img/ja/icon/M_PleasureBoat_RG.png); }
            #icon_example ul .icon9 { background-image: url(../img/ja/icon/M_Excavator_RG.png); }




/* weather_window
------------------------------------------------ */
#weather_window {
    z-index: 3;
    position:relative;
}
#weather_window section {
    position: absolute;
    top: 12px;
    right: 0;
    width: 420px;
    background: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: 2px 2px 3px #bbb;
    -webkit-box-shadow: 2px 2px 3px #bbb;
    -moz-box-shadow: 2px 2px 3px #bbb;
    -ms-box-shadow: 2px 2px 3px #bbb;
    -o-box-shadow: 2px 2px 3px #bbb;
}

#weather_window .ui{
    position:absolute;
    right:10px;
    z-index:99;
    top:45px;
    display:none;
}

    #weather_window h2 {
        position: relative;
        padding-left: 28px;
        background: url(../img/ja/icon/arrow_down1.png) no-repeat 2px 2px;
        font-size: 14px;
        line-height: 28px;
        z-index: 1;
        cursor: pointer;
    }
    #weather_window h2.on { background-image: url(../img/ja/icon/arrow_up1.png); }


    #weather_window .target {
        position: relative;
        display: none;
        background: #fff;
        z-index: 3;
    width:400px;
    height:180px;
    margin:10px;
    overflow:auto;
    padding-top:20px;
    }



 #weather_window .target table{
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    border-spacing: 0;
    width:3650px;
    border-bottom: solid #c9caca 1px;
    border-left: solid #c9caca 1px;
 }

#weather_window .target table th{
 border-top: solid #c9caca 1px;
border-right: solid #c9caca 1px;
text-align:left;
 }

 #weather_window .target table .time th{
     text-align:center;
     color:#FFF;
     background-color:#999;
 }

 #weather_window .target table .day .today{
     background-color:#4bb2c5;
     color:#FFF;
     }
  #weather_window .target table .day th{
     background-color:#eaa228;
     color:#FFF;
     }
  #weather_window .target table .day th:last-child{
     background-color:#c94473;
     color:#FFF;
     }
 #weather_window .target table th:first-child{
     text-align:center;
     background-color:#999;
     color:#FFF;
 }

  #weather_window .target table td:first-child{
     text-align:center;
     background-color:#999;
     color:#FFF;
     font-weight:bold;
 }
   #weather_window .target table td:first-child p{
       font-size:80%;
 }



 #weather_window .target table tbody tr td{
 border-top: solid #c9caca 1px;
border-right: solid #c9caca 1px;
width:50px !important;
text-align:center;
background:#F4F8F6;
}




/* farm_list
------------------------------------------------ */
#farm_list {
    z-index: 3;
}
#farm_list section { position: absolute; top: 10px; left: 0; width: 450px; }

    #farm_list .block {
        position: relative;
        width: 130px;
        background: #fff;
        border-radius: 2px;
        box-shadow: 2px 2px 3px #bbb;
        -webkit-box-shadow: 2px 2px 3px #bbb;
        -moz-box-shadow: 2px 2px 3px #bbb;
        -ms-box-shadow: 2px 2px 3px #bbb;
        -o-box-shadow: 2px 2px 3px #bbb;
    }

        #farm_list h2 {
            position: relative;
            padding-left: 30px;
            background: url(../img/ja/icon/arrow_down1.png) no-repeat 2px 2px;
            font-size: 14px;
            line-height: 28px;
            color: #00683d;
            z-index: 1;
            cursor: pointer;
        }
        #farm_list h2.on { background-image: url(../img/ja/icon/arrow_up1.png); }

        #farm_list .target {
            display: none;
        }

            #farm_list .frame {
                height: 418px;
                overflow: auto;
            }

            #farm_list .not_found { text-align: center !important; color: #FF0000; font-weight: bold !important; }

            #ledger_detail_map .frame {
                height: 320px;
                overflow: auto;
            }

            #ledger_detail_map .not_found { text-align: center !important; color: #FF0000; font-weight: bold !important; }

        #farm_example .frame {
            max-height: 250px;
            overflow: auto;
        }

            #farm_list_example .farm_example .frame { height: 170px; }

            #farm_list .group_select {
                padding: 6px 30px;
                border-top: solid #ccc 1px;
            }

                #farm_list .group_select dl {}
                    #farm_list .group_select dl dt,
                    #farm_list .group_select dl dd { display: inline-block; vertical-align: middle; }
                    #farm_list .group_select dl dt { margin-right: 6px; }
                    #farm_list .group_select dl dd {}
                        #farm_list .group_select dl dd select { width: 196px; height: 28px; background: #fff; border: solid #549b35 1px; }

        #farm_list #pagiNation { text-align: center; }
            #farm_list #pagiNation .pagination { margin-top: 6px; padding-bottom: 6px; }

/* farm_example
------------------------------------------------ */
#farm_example {
    z-index: 3;
}
#farm_example section { position: absolute; top: 500px; right: 0; width: 450px; }

    #farm_example .block {
        position: relative;
        margin-left: 320px;
        width: 130px;
        background: #fff;
        border-radius: 2px;
        box-shadow: 2px 2px 3px #bbb;
        -webkit-box-shadow: 2px 2px 3px #bbb;
        -moz-box-shadow: 2px 2px 3px #bbb;
        -ms-box-shadow: 2px 2px 3px #bbb;
        -o-box-shadow: 2px 2px 3px #bbb;
    }

        #farm_example h2 {
            position: relative;
            padding-left: 30px;
            background: url(../img/ja/icon/arrow_up1.png) no-repeat 2px 2px;
            font-size: 14px;
            line-height: 28px;
            color: #00683d;
            z-index: 1;
            cursor: pointer;
        }
        #farm_example h2.on { background-image: url(../img/ja/icon/arrow_down1.png); }
        #farm_example .target {
            position: absolute;
            bottom: 28px;
            left: 0;
            display: none;
            width: 100%;
        }
        #farm_example .target .table_style1 {}
            #farm_example .not_found { text-align: center !important; color: #FF0000; font-weight: bold !important; }

/* STEP4 [WEB-10] 2015.11.02 add start*/
    /* ほ場凡例用定義（C70410ほ場情報、C70360作物台帳両方で用いる。） */
    /* 表示色凡例エリア（枠線色） */
    .disp_color_stroke_legend_area {
        display: block;
        width: 30px;
        height: 10px;
        border: 3px solid #CF2236; /* ←application.propertiesのデフォルト定義をコピー。ユーザの設定値をマスタから取得して別途上書く。 */
    }
    /* 表示色凡例エリア（塗り色） */
    .disp_color_stroke_legend_area > .disp_color_fill_legend_area {
        display: block;
        width: 30px;
        height: 10px;
        background-color: #FFFFFF; /* ←application.propertiesのデフォルト定義をコピー。ユーザの設定値をマスタから取得して別途上書く。 */
    }
/* STEP4 [WEB-10] 2015.11.02 add end*/

.legend_list {
    max-height:250px;
}

/* machine_list
------------------------------------------------ */
#machine_list {
    position: relative;
    top: 330px;
    z-index: 2;
}

    #machine_list h2 {
        padding: 8px 0  8px 55px;
        background: url(../img/ja/icon/track2.png) no-repeat 20px center #fff;
        border-top: solid #00683d 6px;
        box-shadow: inset 0 1px 2px #ccc;
        -webkit-box-shadow: inset 0 1px 2px #ccc;
        -moz-box-shadow: inset 0 1px 2px #ccc;
        -ms-box-shadow: inset 0 1px 2px #ccc;
        -o-box-shadow: inset 0 1px 2px #ccc;
        font-size: 16px;
        color: #00683d;
    }

    #machine_list .frame { max-height: 170px; overflow: auto; }
        #machine_list .table_style1 {}
           .fuel { padding: 1px 0; text-align:center; }
          .fuel img { padding-right: 1px; }
         #machine_list .not_found { text-align: center !important; color: #FF0000; font-weight: bold !important; }

/* availability_report
------------------------------------------------ */
#availability_report {
}

    #availability_report .vehicle {
        position: absolute;
        top: -35px;
        right: 12px;
    }

    #availability_report .select_area {
        margin-top: 15px;
        padding: 4px 20px 0;
        min-height: 32px;
        background: #549b35;
    }

        #availability_report .select_area dl { display: inline-block; margin-right: 0px; vertical-align: middle; color: #fff; }
            #availability_report .select_area dl dt,
            #availability_report .select_area dl dd { display: inline-block; vertical-align: middle; }
                #availability_report .select_area dl dd select { margin: 0 4px; width: 92px; height: 28px; background: #fff; border: none; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
                #availability_report .select_area .item dd select { width: 142px; }
                #availability_report .select_area .maintenance dd select { width: 215px; }
        #availability_report .select_area .btn { display: inline-block; width: 81px; height: 29px; vertical-align: top; }

    #availability_report .graph { padding: 30px 15px 0; }
        #availability_report .graph #plot { width: 970px; height: 300px; }

    #availability_report .work_time {
        margin-top: 20px;
    }

    #availability_report .table_form1 {
    }

        #availability_report .table_form1 td {}
            #availability_report .table_form1 td .wss { width: 55px; }
            #availability_report .table_form1 td textarea { height: 140px !important; }

    #availability_report .tab {
        margin-top: 15px;
        padding: 0 14px;
    }

        #availability_report .tab ul {
        }

            #availability_report .tab ul li {
                float: left;
            }

    #availability_report .target { display: none; }
    #availability_report #target1 { display: block; }

        #availability_report .btn_group { margin-top: 10px; text-align: center; }
            #availability_report .btn_group li { display: inline-block; vertical-align: top; margin: 0 2px; }

/* farm_info
------------------------------------------------ */
#farm_info {
    margin-bottom: 25px;
}


    #farm_info .info_map {
    }

        #farm_info .info_map .map {
            float: right;
            width: 338px;
            height: 250px;
        }

            #farm_info .info_map .map .gmap_area { width: 100%; height: 100%; }

        #farm_info .info_map .info {
            float: left;
            width: 640px;
        }

            #farm_info .info_map .info .table_style1 { margin-bottom: 20px; }

/* STEP4 2015.12.03 T.Matsuoka add start*/
#fertilizer_chemical_hist_list_section {
    margin-bottom: 25px;
}
/* テーブル同士のマージン確保のため、最後のブロック以外のテーブルにマージンを当てる。 */
#fertilizer_chemical_hist_list_section > .block:not(:last-child) > .table_style1 {
    margin-bottom: 20px;
}
/* STEP4 2015.12.03 T.Matsuoka add end*/

/* regist_photo_list
------------------------------------------------ */
#regist_photo_list {
}

    #regist_photo_list .table_style1 {}
            #regist_photo_list .table_style1 td a.btn_over { display: inline-block; }
    #regist_photo_list .btn_list { position: relative; padding: 4px 0; text-align: center; }
        #regist_photo_list .btn_list li { display: inline-block; vertical-align: middle; }
    #regist_photo_list .btn_group { margin-top: 10px; text-align: center; }
        #regist_photo_list .btn_group li { display: inline-block; vertical-align: top; margin: 0 2px; }
    #regist_photo_list .block { margin-bottom: 20px; }

/* Memo Textarea
------------------------------------------------ */
    #regist_photo_list td { height: 150px; }
    #regist_photo_list .pict { max-height: 150px; max-width: 200px;}
    #regist_photo_list .memo { height: 150px; width: 620px; background-color:rgba(0,0,0, 0.0); border:none; overflow:hidden; overflow-x:hidden; overflow-y:hidden}

/* regist_photo_list_edit
------------------------------------------------ */
#regist_photo_list_edit {
}

    #regist_photo_list_edit .table_style1 {}
            #regist_photo_list_edit .table_style1 td a.btn_over { display: inline-block; }
    #regist_photo_list_edit .btn_list { position: relative; padding: 4px 0; text-align: center; }
        #regist_photo_list_edit .btn_list li { display: inline-block; vertical-align: middle; }
    #regist_photo_list_edit .btn_group { margin-top: 10px; text-align: center; }
        #regist_photo_list_edit .btn_group li { display: inline-block; vertical-align: top; margin: 0 2px; }
    #regist_photo_list_edit .block { margin-bottom: 20px; }

/* Memo Textarea
------------------------------------------------ */
    #regist_photo_list_edit td { height: 150px; }
    #regist_photo_list_edit .pict { max-height: 150px; max-width: 200px;}
    #regist_photo_list_edit .memo { height: 150px; width: 505px; background-color:rgba(0,0,0, 0.0); border:none; overflow:hidden; overflow-x:hidden; overflow-y:hidden}

/* regist_photo_detail
------------------------------------------------ */
#regist_photo_detail {
}

    #regist_photo_detail .block { margin-bottom: 20px; }
    #regist_photo_detail .photo { float: right; margin-bottom: 10px;  max-height: 300px; max-width: 400px; }
    #regist_photo_detail .pict {max-height: 300px; max-width: 400px; }

#regist_photo_detail .form_area { float: left; margin-bottom: 10px; width: 585px; }
        #regist_photo_detail .form_area .table_form1 {}
            #regist_photo_detail .form_area .table_form1 th { width: 90px; }
            #regist_photo_detail .form_area .table_form1 td {}
                #regist_photo_detail .form_area .table_form1 td .ws { width: 55px; }
                #regist_photo_detail .form_area .table_form1 td textarea { width: 435px; height: 200px !important; }
            #regist_photo_detail .form_area .table_form1 tr:last-child th,
            #regist_photo_detail .form_area .table_form1 tr:last-child td { border-bottom: none; }

    #regist_photo_detail .btn_group { clear: both; text-align: center; }

        #regist_photo_detail .btn_group li { display: inline-block; margin: 0 2px; vertical-align: top; }

/* crop_yield
------------------------------------------------ */
#crop_yield {
}

    #crop_yield .select_area { padding: 4px 20px 0; min-height: 32px; background: #549b35; }
        #crop_yield .select_area dl { display: inline-block; margin-right: 30px; vertical-align: middle; color: #fff; }
            #crop_yield .select_area dl dt,
            #crop_yield .select_area dl dd { display: inline-block; vertical-align: middle; }
                #crop_yield .select_area dl dd select { margin: 0 4px; width: 280px; height: 28px; background: #fff; border: none;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
                #crop_yield .select_area .year dd select { width: 92px; }
        #crop_yield .select_area .btn { display: inline-block; width: 81px; height: 29px; vertical-align: top; }

    #crop_yield .check_btn { position: relative; padding: 4px 0; }
        #crop_yield .check_btn ul {}
        #crop_yield .check_btn .check { position: absolute; top: 12px; left: 20px; }
        #crop_yield .check_btn .btn { text-align: center; }
            #crop_yield .check_btn ul li { display: inline-block; vertical-align: middle; font-size: 14px; }
            #crop_yield .check_btn .check li { margin-right: 20px; }


/* crop_yield_detail
------------------------------------------------ */
#crop_yield_detail {
}

    #crop_yield_detail .block {
        margin-bottom: 20px;
    }

/* crop_yield_map
------------------------------------------------ */
#crop_yield_map {
    position: relative;
}

    #crop_yield_map .select_area { position: relative; padding-top: 4px; min-height: 32px; background: #549b35; z-index: 2; }
    #crop_yield_map .select_area .wrap { padding: 0 20px; width: 960px; }
        #crop_yield_map .select_area dl { display: inline-block; margin-right: 30px; vertical-align: middle; color: #fff; }
            #crop_yield_map .select_area dl dt,
            #crop_yield_map .select_area dl dd { display: inline-block; vertical-align: middle; }
                #crop_yield_map .select_area dl dd select { margin: 0 4px; width: 280px; height: 28px; background: #fff; border: none;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
                #crop_yield_map .select_area .year dd select { width: 92px; }
        #crop_yield_map .select_area .btn { display: inline-block; margin-left: 12px; width: 81px; height: 29px; vertical-align: top; }

    #crop_yield_map .example {
        z-index: 2;
    }

        #crop_yield_map .example .block {
            position: absolute;
            top: 10px;
            left: 0;
            width: 118px;
            background: #fff;
            border-radius: 2px;
            box-shadow: 2px 2px 3px #bbb;
            -webkit-box-shadow: 2px 2px 3px #bbb;
            -moz-box-shadow: 2px 2px 3px #bbb;
            -ms-box-shadow: 2px 2px 3px #bbb;
            -o-box-shadow: 2px 2px 3px #bbb;
        }

            #crop_yield_map .example .block h3 {
                position: relative;
                padding: 0 6px 0 30px;
                background: url(../img/ja/icon/arrow_down1.png) no-repeat 2px 2px;
                font-size: 14px;
                line-height: 28px;
                z-index: 1;
                cursor: pointer;
            }
            #crop_yield_map .example .block h3.on { background-image: url(../img/ja/icon/arrow_up1.png); }

            #crop_yield_map .example .block .target {
                position: relative;
                border-top: solid #ccc 1px;
            }

    #crop_yield_map #gmap { top: 36px; height: 534px; }

    #crop_yield_map  #yieldsColor{
        width:100px;
        height:200px;
        text-align:center;
    }



/* work_progress_map
------------------------------------------------ */
#work_progress_map {
    position: relative;
}

#work_progress_map .sort_area {
    background: #549b35;
    color: #fff;
}
#work_progress_map .sort_area .select_block {}
#work_progress_map .sort_area .btn {}

#work_progress_map .sort_area .select_block { display: inline-block; width: 813px; vertical-align: middle; }
#work_progress_map .sort_area .select_block dl { padding: 4px 0; border-bottom: solid #fff 1px; }
#work_progress_map .sort_area .select_block dl:last-child { border-bottom: none; }
#work_progress_map .sort_area .select_block dl dt,
#work_progress_map .sort_area .select_block dl dd { display: inline-block; vertical-align: middle; }
#work_progress_map .sort_area .select_block dl dt { width: 70px; text-align: right; }
#work_progress_map .sort_area .select_block dl dd {}
#work_progress_map .sort_area .select_block dl dd select { margin: 0 4px; width: 180px; height: 28px; background: #fff; border: none; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
#work_progress_map .sort_area .select_block dl dd div { margin: 0 4px;  width : 180px; height: 28px;border: none; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
#work_progress_map .sort_area  .btn { display: inline-block; margin-left: 20px; width: 81px; vertical-align: middle; }


/* crop_yield_history_list
------------------------------------------------ */
#crop_yield_history_list {
}

    #crop_yield_history_list .table_form1 {}
        #crop_yield_history_list .table_form1 td {}
            #crop_yield_history_list .table_form1 td .wm { width: 300px; }
            #crop_yield_history_list table tbody tr td:last-child a { display:inline-block; }
            #crop_yield_history_list table tbody tr td:last-child {}
    #crop_yield_history_list .btn_list { position: relative; padding: 4px 0; text-align: center; }
        #crop_yield_history_list .btn_list li { display: inline-block; vertical-align: middle; }
    #crop_yield_history_list .btn_group { clear: both; margin-top: 10px; text-align: center; }
        #crop_yield_history_list .btn_group li { display: inline-block; margin: 0 2px; vertical-align: top; }
    #crop_yield_history_list .crossLine { margin-top: -40px; }
    #crop_yield_history_list .block { margin-bottom: 20px; }

/* crop_yield_history_list_edit
------------------------------------------------ */
#crop_yield_history_list_edit {
}
    #crop_yield_history_list_edit .select_btn { position: relative; padding: 10px 0 10px 0; }
        #crop_yield_history_list_edit .select_btn .select { position: relative; top: 0px; left: 20px; }
            #crop_yield_history_list_edit .select_btn .select dt,
            #crop_yield_history_list_edit .select_btn .select dd { display: inline-block; vertical-align: middle; }
            #crop_yield_history_list_edit .select_btn .select dt { margin-right: 10px; font-size: 14px; }
            #crop_yield_history_list_edit .select_btn .select dd {}
                #crop_yield_history_list_edit .select_btn .select dd select { height: 28px; background: #fff; border: solid #72af2d 1px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
            #crop_yield_history_list_edit .select_btn .btn { float: right; position: absolute; top:5px; right:10px; }
    #crop_yield_history_list_edit .block { margin-bottom: 20px; }
    #crop_yield_history_list_edit .form_area {}
        #crop_yield_history_list_edit .form_area .table_form1 {}
            #crop_yield_history_list_edit .form_area .table_form1 td {}
                #crop_yield_history_list_edit .form_area .table_form1 td .wm { width: 380px; }
        #crop_yield_history_list_edit .form_area .btn_group { clear: both; margin-top: 10px; text-align: center; }
            #crop_yield_history_list_edit .form_area .btn_group li { display: inline-block; margin: 0 2px; vertical-align: top; }
    #crop_yield_history_list_edit .list_area { float: right; width: 350px; }
        #crop_yield_history_list_edit .list_area .select_btn { position: relative; padding: 4px 0; }
            #crop_yield_history_list_edit .list_area .select_btn .btn { display: inline-block; margin-right: 20px; width: 140px; vertical-align: middle; }
                #crop_yield_history_list_edit .list_area .select_btn .btn li { display: inline-block; }
            #crop_yield_history_list_edit .list_area .select_btn .select { display: inline-block; vertical-align: middle; }
                #crop_yield_history_list_edit .list_area .select_btn .select dt,
                #crop_yield_history_list_edit .list_area .select_btn .select dd { display: inline-block; vertical-align: middle; }
                #crop_yield_history_list_edit .list_area .select_btn .select dt { margin-right: 10px; font-size: 14px; }
                #crop_yield_history_list_edit .list_area .select_btn .select dd {}
                    #crop_yield_history_list_edit .list_area .select_btn .select dd select { height: 28px; background: #fff; border: solid #72af2d 1px; }


/* crop_yield_graph
------------------------------------------------ */
#crop_yield_graph {
}

    #crop_yield_graph .check_area {
        border-bottom: solid #ccc 1px;
        text-align: right;
    }

        #crop_yield_graph .check_area .btn {display: inline-block; vertical-align: middle; text-align:right; padding:5px;}
.graph {
        padding: 40px 0;
    }

#crop_yield_graph .graph {
        padding: 40px 0px 0px 0px !important;
    }

        #crop_yield_graph .graph dl { position: relative; }
            #crop_yield_graph .graph dl dt { position: absolute; top: 75px; left: 20px; }
            #crop_yield_graph .graph dl dd { position: relative; margin-left: 50px; width: 930px; height: 430px }
                #crop_yield_graph .graph dl dd #plot { width: 100%; height: 100%; }

    #crop_yield_graph .select_area { padding: 4px 20px 0; min-height: 32px; background: #549b35; margin-top:1px; }
        #crop_yield_graph .select_area dl { display: inline-block; margin-right: 30px; vertical-align: middle; color: #fff; }
            #crop_yield_graph .select_area dl dt,
            #crop_yield_graph .select_area dl dd { display: inline-block; vertical-align: middle; }
                #crop_yield_graph .select_area dl dd select { margin: 0 4px; width: 280px; height: 28px; background: #fff; border: none;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important; }
                #crop_yield_graph .select_area .year dd select { width: 92px;}
        #crop_yield_graph .select_area .btn { display: inline-block; margin-left: 12px; width: 81px; height: 29px; vertical-align: top; }


/* work time analysis
------------------------------------------------ */
#work_time_analysis {
}

    #work_time_analysis .check_area {
        border-bottom: solid #ccc 1px;
    }

        #work_time_analysis .check_area .btn {vertical-align: middle; text-align:right; padding:5px;}

/* C70521:集計・分析-作業時間画面のグラフ縦軸のラベルが隠れるため、paddingを調整
------------------------------------------------ */
    #work_time_analysis .graph {
        padding: 20px 0;
    }

    #work_time_analysis .select_area {
        margin-top: 1px;
        padding: 4px 20px 0;
        min-height: 32px;
        background: #549b35;
    	color: #fff;
    }
        #work_time_analysis .graph dl { position: relative; }
            #work_time_analysis .graph dl dt { position: absolute; top: 75px; left: 20px; }
            #work_time_analysis .graph dl dd { position: relative; margin-left: 50px; width: 930px; height: 430px }
                #work_time_analysis .graph dl dd #plot { width: 100%; height: 100%; }

		#work_time_analysis .select_area .select_block {}
		#work_time_analysis .select_area .btn {}

		#work_time_analysis .select_area .select_block { display: inline-block; width: 813px; vertical-align: middle; }
			#work_time_analysis .select_area .select_block dl { padding: 4px 0; border-bottom: solid #fff 1px; }
				#work_time_analysis .select_area .select_block dl:last-child { border-bottom: none; }
				#work_time_analysis .select_area .select_block dl dt,
					#work_time_analysis .select_area .select_block dl dd { display: inline-block; vertical-align: middle; }
					#work_time_analysis .select_area .select_block dl dt { width: 70px; text-align: right; }
					#work_time_analysis .select_area .select_block dl dd {}
					#work_time_analysis .select_area .select_block dl dd select { margin: 0 4px; width: 180px; height: 28px; background: #fff; border: none; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
					#work_time_analysis .select_area .select_block dl dd div { margin: 0 4px;  width : 180px; height: 28px;border: none; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
		#work_time_analysis .select_area  .btn { display: inline-block; margin-left: 20px; width: 81px; vertical-align: middle; }


/* crop_yield_histogram
------------------------------------------------ */
#crop_yield_histogram {
}

    #crop_yield_histogram .graph_ranking {
        margin: 20px 0;
    }

    #crop_yield_histogram .graph{
        padding-top:10px !important;
    }

        #crop_yield_histogram .graph_ranking .graph { float: left; width: 520px; }
            #crop_yield_histogram .graph_ranking .graph dl { position: relative; padding-bottom: 30px; }
                #crop_yield_histogram .graph_ranking .graph dl dt { position: absolute; }
                #crop_yield_histogram .graph_ranking .graph dl .frequency { top: 220px; left: 20px; }
                #crop_yield_histogram .graph_ranking .graph dl .yield { bottom: 0; left: 270px; }
                #crop_yield_histogram .graph_ranking .graph dl dd { position: relative; margin-left: 50px; width: 450px; }
                    #crop_yield_histogram .graph_ranking .graph dl dd .year { text-align: right; }
                        #crop_yield_histogram .graph_ranking .graph dl dd .year span { padding-left: 20px; background: url(../img/ja/icon/square1.png) no-repeat left center; }
                    #crop_yield_histogram .graph_ranking .graph dl dd #plot { width: 100%; height: 500px; }
        #crop_yield_histogram .graph_ranking .ranking { float: right; width: 480px; }
            #crop_yield_histogram .graph_ranking .ranking .block { margin-top: 20px; }
                #crop_yield_histogram .graph_ranking .ranking .block .table_style1 {}
                    #crop_yield_histogram .graph_ranking .ranking .block .table_style1 tr:nth-of-type(2n) td,
                    #crop_yield_histogram .graph_ranking .ranking .block .table_style1 tr:hover td { background: #fff; }

    #crop_yield_histogram .select_area { padding: 4px 20px 0; min-height: 32px; background: #549b35; margin-top:1px; }
        #crop_yield_histogram .select_area dl { display: inline-block; margin-right: 30px; vertical-align: middle; color: #fff; }
            #crop_yield_histogram .select_area dl dt,
            #crop_yield_histogram .select_area dl dd { display: inline-block; vertical-align: middle; }
                #crop_yield_histogram .select_area dl dd select { margin: 0 4px; width: 280px; height: 28px; background: #fff; border: none;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important; }
                #crop_yield_histogram .select_area .year dd select { width: 92px; }
        #crop_yield_histogram .select_area .btn { display: inline-block; margin-left: 12px; width: 81px; height: 29px; vertical-align: top; }

/* cooperation_info_list
------------------------------------------------ */
#cooperation_info_list {
}

    #cooperation_info_list .btn_group {
        clear: both;
        margin-top: 10px;
        text-align: center;
    }

        #cooperation_info_list .btn_group li { display: inline-block; margin: 0 2px; vertical-align: top; }
        #cooperation_info_list .block { margin-bottom: 20px; }


/* work_hisotry_list
------------------------------------------------ */
#work_hisotry_list {
}

    #work_hisotry_list .block { margin-bottom: 20px; }

/* record_list
------------------------------------------------ */
#record_list {
}

    #record_list .select_area {
        padding: 4px 20px 0;
        min-height: 32px;
        background: #549b35;
    }

        #record_list .select_area dl { display: inline-block; margin-right: 14px; vertical-align: middle; color: #fff; }
            #record_list .select_area dl dt,
            #record_list .select_area dl dd { display: inline-block; vertical-align: middle; }
                #record_list .select_area dl dd select { margin: 0 4px; width: 92px; height: 28px; background: #fff; border: none; }
                #record_list .select_area dl dd .from_to { display: inline-block; margin: 0 20px; width: 20px; height: 6px; vertical-align: middle; }
                #record_list .select_area dl dd .calendar { padding: 6px 10px; background: #fff; border: solid #72af2d 1px; font-size: 14px; width: 120px; background: url(../img/ja/icon/calendar1.png) no-repeat 90% center #fff;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important; height:16px;}

        #record_list .select_area .btn { /*display:block;*/ display:inline-block; /*margin-left: 30px;*/ width: 81px; height: 29px; vertical-align: top; /*float:right;*/ }

    #record_list .tab {
        margin-top: 6px;
        padding: 0 14px;
    }

        #record_list .tab ul {
        }

            #record_list .tab ul li {
                float: left;
            }

    #record_list .target {
        display: none;
    }
    #record_list #target1 { display: block; }

        #record_list .btn_group {
            margin-top: 10px;
            text-align: center;
        }

            #record_list .btn_group li {
                display: inline-block;
                margin: 0 2px;
            }

/* record_calendar
------------------------------------------------ */
#record_calendar {
}

    #record_calendar .sort_area {
        background: #549b35;
        color: #fff;
    }

        #record_calendar .sort_area .select_block {}
        #record_calendar .sort_area .btn {}

        #record_calendar .sort_area .select_block { display: inline-block; width: 860px; vertical-align: middle; }
            #record_calendar .sort_area .select_block dl { padding: 4px 0; border-bottom: solid #fff 1px; }
            #record_calendar .sort_area .select_block dl:last-child { border-bottom: none; }
                #record_calendar .sort_area .select_block dl dt,
                #record_calendar .sort_area .select_block dl dd { display: inline-block; vertical-align: middle; }
                #record_calendar .sort_area .select_block dl dt { width: 70px; text-align: right; }
                #record_calendar .sort_area .select_block dl dd {}
                    #record_calendar .sort_area .select_block dl dd select { margin: 0 4px; width: 200px; height: 28px; background: #fff; border: none; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
        #record_calendar .sort_area  .btn { display: inline-block; margin-left: 20px; width: 81px; vertical-align: middle; }

    #record_calendar .month_unit {
        position: relative;
        padding: 6px 0;
    }
    #record_calendar .month_unit select { margin: 0 4px; width: 100px; height: 28px; background: #fff; border: solid #72af2d 1px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}

        #record_calendar .month_unit .month_year { margin: 0 auto; width: 260px; }
        #record_calendar .month_unit .unit { position: absolute; top: 6px; right: 15px; }
            #record_calendar .month_unit .unit dt,
            #record_calendar .month_unit .unit dd { display: inline-block; vertical-align: middle; }

    #record_calendar .calendar_block {
    }

        #record_calendar .calendar_block .table_style1 {}
            #record_calendar .calendar_block .table_style1 thead th { text-align: center; }
            #record_calendar .calendar_block .table_style1 tbody td { border-right: solid #c9caca 1px; vertical-align: top; }
            #record_calendar .calendar_block #target_week .table_style1 tbody td { height: 299px; }
            #record_calendar .calendar_block #target_month .table_style1 tbody td { height: 56px; }
        #record_calendar .calendar_block .table_style1 tbody tr{background:#FFF !important;}
        #record_calendar .calendar_block .table_style1 tbody tr td{background:#FFF !important;}
                #record_calendar .calendar_block .table_style1 tbody td a { color: #444; }
                #record_calendar .calendar_block .table_style1 tbody td ol {}
                    #record_calendar .calendar_block .table_style1 tbody td ol li { margin-bottom: 10px; }
                #record_calendar .calendar_block .table_style1 tbody td .num { text-align: right; }

     #record_calendar .calendar_block .table_style1 tbody tr td.enable{background:#fcf8d7 !important;}

/* record_calendar_detail
------------------------------------------------ */
#record_calendar_detail {
}

    #record_calendar_detail h3 { padding: 5px 20px; font-size: 14px; font-weight: normal; }
    #record_calendar_detail .btn_group { margin-top: 10px; text-align: center; }
        #record_calendar_detail .btn_group li { display: inline-block; margin: 0 2px; }

/* record_day
------------------------------------------------ */
#record_day {
}

    #record_day .form_map {}

    #record_day .form_map {}
        #record_day .form_map .form_area { float: left; margin-bottom: 10px; width: 410px; }
            #record_day .form_map .form_area .table_form1 {}
                #record_day .form_map .form_area .table_form1 th { width: 120px; }
                #record_day .form_map .form_area .table_form1 td {}
                    #record_day .form_map .form_area .table_form1 td .wss { width: 50px; }
                    #record_day .form_map .form_area .table_form1 td .ws { width: 120px; }
                    #record_day .form_map .form_area .table_form1 td .wm { width: 240px; }
                    #record_day .form_map .form_area .table_form1 td .border { border: none; }
                    #record_day .form_map .form_area .table_form1 td select { margin: 0 4px 0 0; width: 260px; }
                    #record_day .form_map .form_area .table_form1 td .multi_select select { width: 100px; }

        #record_day .form_map .map_schedule { float: right; margin-bottom: 10px; width: 570px; }
            #record_day .form_map .map_schedule .map { width: 100%; height: 420px; }
                #record_day .form_map .map_schedule .map .gmap_area { width: 100%; height: 100%; }
            #record_day .form_map .map_schedule .schedule { margin-top: 10px; }

    #record_day .work_list {}
        #record_day .work_list .table_style1 {}
            #record_day .work_list .table_style1 tr:nth-of-type(2n) td { background: #fff; }
            #record_day .work_list .table_style1 tr:hover td { background: #c0d695; }
            #record_day .work_list .table_style1 tr.hilight td { background: #fcc; }
               #record_day .work_list .table_style1 td select { height: 28px; background: #fff; border: solid #72af2d 1px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
        #record_day .work_list .btn_group { padding-bottom: 10px; border-bottom: solid #c9caca 1px; }

        #record_day .btn_group { margin-top: 10px; text-align: center; }
            #record_day .btn_group li { display: inline-block; margin-right: 4px; vertical-align: top; }

            #record_day .form_map .form_area_normal .table_form1 {}
                #record_day .form_map .form_area_normal .table_form1 th { width: 120px; }


/* ledger_detail
------------------------------------------------ */
#ledger_detail {
}

    #ledger_detail .btn_list { position: relative; padding: 4px 0; }
        #ledger_detail .btn_list ul { text-align: center; }
            #ledger_detail .btn_list ul li { display: inline-block; vertical-align: middle; }
            #ledger_detail table tbody tr td:last-child a { display:inline-block; }
            #ledger_detail table tbody tr td:last-child { padding:4px; }
                #ledger_detail table tbody tr td a{display:inline-block;}

/* ledger_form
------------------------------------------------ */
#ledger_form {
}

    #ledger_form .btn_group { margin-top: 10px; text-align: center; }
        #ledger_form .btn_group li { display: inline-block; margin: 0 2px; vertical-align: top; }

/* ledger_detail_map
------------------------------------------------ */
#ledger_detail_map {
    position: relative;
}

    #ledger_detail_map .farm_list {
        position: absolute;
        top: 75px;
        left: 45%;
        margin-left: 120px;
        width: 435px;
        background: #fff;
        border-top: solid #00683d 6px;
        box-shadow: 0 1px 2px #ccc;
        -webkit-box-shadow: 0 1px 2px #ccc;
        -moz-box-shadow: 0 1px 2px #ccc;
        -ms-box-shadow: 0 1px 2px #ccc;
        -o-box-shadow: 0 1px 2px #ccc;
        z-index: 2;
    }

        #ledger_detail_map .farm_list .group_select { padding: 6px 30px; }
            #ledger_detail_map .farm_list .group_select dl {}
                #ledger_detail_map .farm_list .group_select dl dt,
                #ledger_detail_map .farm_list .group_select dl dd { display: inline-block; vertical-align: middle; }
                #ledger_detail_map .farm_list .group_select dl dt { margin-right: 6px; }
                #ledger_detail_map .farm_list .group_select dl dd {}
                    #ledger_detail_map .farm_list .group_select dl dd select { width: 196px; height: 28px; background: #fff; border: solid #549b35 1px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
        #ledger_detail_map .table_style1 {}
                #ledger_detail_map .table_style1 tr td .btn_over { display: inline-block; }
        #ledger_detail_map .farm_list #pagiNation { text-align: center; }
            #ledger_detail_map .farm_list #pagiNation .pagination { margin-top: 6px; }
        #ledger_detail_map .farm_list .tool { margin: 0 auto; padding: 3px; width: 208px; }
            #ledger_detail_map .farm_list .tool li { float: left; margin-right: 5px; }
            #ledger_detail_map .farm_list .tool li.end { margin: 3px 0 0 20px; }

    #ledger_detail_map .farm_list #btn_list { margin-top: 10px; text-align: center; }
        #ledger_detail_map .farm_list #btn_list .btn_over { display: inline-block; }

    #ledger_detail_map .btn_area {
        position: absolute;
        top: 510px;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 2;
    }

        #ledger_detail_map .btn_area ul {
            display: inline-block;
            padding: 6px;
            background: #fff;
            box-shadow: 1px 1px 3px #666;
            -webkit-box-shadow: 1px 1px 3px #666;
            -moz-box-shadow: 1px 1px 3px #666;
            -ms-box-shadow: 1px 1px 3px #666;
            -o-box-shadow: 1px 1px 3px #666;
            vertical-align: top;
        }
        #ledger_detail_map .btn_area ul:last-child { margin-left: 10px; }

            #ledger_detail_map .btn_area ul li {
                display: inline-block;
                vertical-align: top;
            }

                #ledger_detail_map .btn_area ul li span { display: block; height: 37px; }

    #ledger_detail_map #gmap { top: 26px; height: 544px; }


/* ledger_machine
------------------------------------------------ */
#ledger_machine {
}

    #ledger_machine .btn_list { position: relative; padding: 4px 0; }
        #ledger_machine .btn_list ul { text-align: center; }
            #ledger_machine .btn_list ul li { display: inline-block; vertical-align: middle; }

#ledger_machine table tbody tr td:last-child a { display:inline-block; }
#ledger_machine table tbody tr td:last-child { padding-left:10px; }

/* ledger_machine_form
------------------------------------------------ */
#ledger_machine_form {
}

    #ledger_machine_form .btn_group { margin-top: 10px; text-align: center; }
        #ledger_machine_form .btn_group li { display: inline-block; margin: 0 2px; vertical-align: top; }

/* ledger_worker
------------------------------------------------ */
#ledger_worker {
}

    #ledger_worker .btn_list { position: relative; padding-top: 4px; }
        #ledger_worker .btn_list ul { text-align: center; }
            #ledger_worker .btn_list ul li { display: inline-block; vertical-align: middle; }
    #ledger_worker .info_list { margin: 4px 0; }
        #ledger_worker .info_list .enabled,
        #ledger_worker .info_list .unavailable { color: #00683d; }

        /*-----------chack---*/
        #ledger_worker .info_list .edit_delete { display: inline-block; }
        #ledger_worker .info_list .btn { margin-top: 5px; margin-bottom:7px; text-align: center; }
            #ledger_worker .info_list .btn a { display: inline-block; }
    #ledger_worker .btn_group { clear: both; margin-top: 10px; text-align: center; }
        #ledger_worker .btn_group li { display: inline-block; margin: 0 2px; vertical-align: top; }
    #ledger_worker .info_list div table tbody tr td:last-child{ text-align:center; }

/* ledger_crop
------------------------------------------------ */
#ledger_crop {
}

    #ledger_crop .select_btn { position: relative; padding: 4px 0; min-height: 30px; }
        #ledger_crop .select_btn .select { position: absolute; top: 8px; left: 20px; }
            #ledger_crop .select_btn .select dt,
            #ledger_crop .select_btn .select dd { display: inline-block; vertical-align: middle; }
            #ledger_crop .select_btn .select dt { margin-right: 10px; font-size: 14px; }
            #ledger_crop .select_btn .select dd {}
                #ledger_crop .select_btn .select dd select { height: 28px; background: #fff; border: solid #72af2d 1px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
        #ledger_crop .select_btn .btn { text-align: center; }
            #ledger_crop .select_btn .btn li { display: inline-block; vertical-align: middle; }
    #ledger_crop .table_style1 {}
        #ledger_crop .table_style1 thead th {}
        #ledger_crop .table_style1 tbody td {}
        #ledger_crop .table_style1 tbody td:last-child a { display:inline-block; }
        #ledger_crop .table_style1 tbody td:last-child { text-align:center; }
        #ledger_crop .table_style1 tbody td.color { padding: 0; border-right: solid #fff 1px; }
        #ledger_crop .table_style1 tbody td.frame_color01 { background: url(../img/ja/picture/color_chip_red.png) repeat left top; }
        #ledger_crop .table_style1 tbody td.frame_color02 { background: url(../img/ja/picture/color_chip_green.png) repeat left top; }
        #ledger_crop .table_style1 tbody td.frame_color03 { background: url(../img/ja/picture/color_chip_blue.png) repeat left top; }
        #ledger_crop .table_style1 tbody td.frame_color04 { background: url(../img/ja/picture/color_chip_deep.png) repeat left top; }
        #ledger_crop .table_style1 tbody td.frame_color05 { background: url(../img/ja/picture/color_chip_pink.png) repeat left top; }
        #ledger_crop .table_style1 tbody td.frame_color06 { background: url(../img/ja/picture/color_chip_pink.png) repeat left top; }
        #ledger_crop .table_style1 tbody td.fill_color01 { background: url(../img/ja/picture/color_chip_red.png) repeat left top; }
        #ledger_crop .table_style1 tbody td.fill_color02 { background: url(../img/ja/picture/color_chip_green.png) repeat left top; }
        #ledger_crop .table_style1 tbody td.fill_color03 { background: url(../img/ja/picture/color_chip_blue.png) repeat left top; }
        #ledger_crop .table_style1 tbody td.fill_color04 { background: url(../img/ja/picture/color_chip_deep.png) repeat left top; }
        #ledger_crop .table_style1 tbody td.fill_color05 { background: url(../img/ja/picture/color_chip_pink.png) repeat left top; }
        #ledger_crop .table_style1 tbody td.fill_color06 { background: url(../img/ja/picture/color_chip_pink.png) repeat left top; }


/* ledger_crop_form
------------------------------------------------ */
#ledger_crop_form {
}
#ledger_crop_form .frame_color01 { border: solid #ff9933 3px !important; }
#ledger_crop_form .frame_color02 { border: solid #c93a40 3px !important; }
#ledger_crop_form .frame_color03 { border: solid #6d1782 3px !important; }
#ledger_crop_form .frame_color04 { border: solid #ff7bac 3px !important; }
#ledger_crop_form .frame_color05 { border: solid #0168b3 3px !important; }
#ledger_crop_form .frame_color06 { border: solid #1d695f 3px !important; }
#ledger_crop_form .frame_color07 { border: solid #7f7eb8 3px !important; }
#ledger_crop_form .frame_color08 { border: solid #1d4293 3px !important; }
#ledger_crop_form .frame_color09 { border: solid #d0aa23 3px !important; }
#ledger_crop_form .frame_color10 { border: solid #9a1439 3px !important; }
#ledger_crop_form .frame_color11 { border: solid #d274e8 3px !important; }
#ledger_crop_form .frame_color12 { border: solid #74c1f9 3px !important; }
#ledger_crop_form .frame_color13 { border: solid #76d89d 3px !important; }
/*#ledger_crop_form .fill_color01 { background: url(../img/ja/picture/color_chip_bg_09.png) repeat left top !important; border: solid #fff 3px; }*/
/*#ledger_crop_form .fill_color02 { background: url(../img/ja/picture/color_chip_bg_10.png) repeat left top !important; border: solid #fff 3px; }*/
/*#ledger_crop_form .fill_color03 { background: url(../img/ja/picture/color_chip_bg_11.png) repeat left top !important; border: solid #fff 3px; }*/
/*#ledger_crop_form .fill_color04 { background: url(../img/ja/picture/color_chip_bg_12.png) repeat left top !important; border: solid #fff 3px; }*/
/*#ledger_crop_form .fill_color05 { background: url(../img/ja/picture/color_chip_bg_13.png) repeat left top !important; border: solid #fff 3px; }*/
/*#ledger_crop_form .fill_color06 { background: url(../img/ja/picture/color_chip_bg_14.png) repeat left top !important; border: solid #fff 3px; }*/
/*#ledger_crop_form .fill_color07 { background: url(../img/ja/picture/color_chip_bg_15.png) repeat left top !important; border: solid #fff 3px; }*/
/*#ledger_crop_form .fill_color08 { background: url(../img/ja/picture/color_chip_bg_16.png) repeat left top !important; border: solid #fff 3px; }*/
#ledger_crop_form .fill_color01 { background-color: #e5d57d !important; opacity: 0.5; border: solid #fff 3px; }
#ledger_crop_form .fill_color02 { background-color: #cd5638 !important; opacity: 0.5; border: solid #fff 3px; }
#ledger_crop_form .fill_color03 { background-color: #a04e90 !important; opacity: 0.5; border: solid #fff 3px; }
#ledger_crop_form .fill_color04 { background-color: #d685b0 !important; opacity: 0.5; border: solid #fff 3px; }
#ledger_crop_form .fill_color05 { background-color: #d6ddf0 !important; opacity: 0.5; border: solid #fff 3px; }
#ledger_crop_form .fill_color06 { background-color: #6bb6bb !important; opacity: 0.5; border: solid #fff 3px; }
#ledger_crop_form .fill_color07 { background-color: #7f7eb8 !important; opacity: 0.5; border: solid #fff 3px; }
#ledger_crop_form .fill_color08 { background-color: #1d4293 !important; opacity: 0.5; border: solid #fff 3px; }
#ledger_crop_form .fill_color09 { background-color: #efff00 !important; opacity: 0.5; border: solid #fff 3px; }
#ledger_crop_form .fill_color10 { background-color: #ff0000 !important; opacity: 0.5; border: solid #fff 3px; }
#ledger_crop_form .fill_color11 { background-color: #fb00ff !important; opacity: 0.5; border: solid #fff 3px; }
#ledger_crop_form .fill_color12 { background-color: #005aff !important; opacity: 0.5; border: solid #fff 3px; }
#ledger_crop_form .fill_color13 { background-color: #00ff37 !important; opacity: 0.5; border: solid #fff 3px; }

    #ledger_crop_form .btn_group { margin-top: 10px; text-align: center; }
        #ledger_crop_form .btn_group li { display: inline-block; margin: 0 2px; vertical-align: top; }
    #ledger_crop_form .edit_area { border-bottom: solid #c9caca 1px; }
        #ledger_crop_form .edit_area .block { float: left; width: 695px; }
            #ledger_crop_form .edit_area .block .table_form1 {}
                #ledger_crop_form .edit_area .block .table_form1 td {}
                #ledger_crop_form .edit_area .block .table_form1 tr:last-child td { border-bottom: none; }
                    #ledger_crop_form .edit_area .block .table_form1 td .ws { width: 55px; }
                    #ledger_crop_form .edit_area .block .table_form1 td .wm { width: 320px; }
                    #ledger_crop_form .edit_area .block .table_form1 td.fill_color input { height: 23px; }
                    #ledger_crop_form .edit_area .block .table_form1 td .from_to { display: inline-block; height: 6px; vertical-align: middle; }
                    #ledger_crop_form .edit_area .block .table_form1 td #dorpdown_color,#ledger_crop_form .edit_area .block .table_form1 td #dorpdown_color_b { padding-left: 5px; }
        #ledger_crop_form .edit_area .preview { float: right; width: 285px; min-height: 350px; background: #f2f2ee; }
            #ledger_crop_form .edit_area .preview dl { padding: 15px; }
                #ledger_crop_form .edit_area .preview dl dt { color: #00683d; }
                #ledger_crop_form .edit_area .preview dl dd { margin: 15px auto 0; width: 190px; }
                    #ledger_crop_form .edit_area .preview dl dd #preview_target { width: 184px; height: 254px; /*background: url(../img/ja/picture/color_chip_bg_09.png) repeat left top;*/ border: solid #f93 3px; }

/* ledger_crop_varieties
------------------------------------------------ */
#crop_varieties {
}

    #crop_varieties .btn_list { position: relative; padding-top: 4px; }
        #crop_varieties .btn_list ul { text-align: center; }
            #crop_varieties .btn_list ul li { display: inline-block; vertical-align: middle; }
    #crop_varieties .info_list { margin: 4px 0; }
        #crop_varieties .info_list .enabled,
        #crop_varieties .info_list .unavailable { color: #00683d; }

        /*-----------chack---*/
        #crop_varieties .info_list .edit_delete { display: inline-block; }
        #crop_varieties .info_list .btn { margin-top: 5px; margin-bottom:7px; text-align: center; }
            #crop_varieties .info_list .btn a { display: inline-block; }
    #crop_varieties .btn_group { clear: both; margin-top: 10px; text-align: center; }
        #crop_varieties .btn_group li { display: inline-block; margin: 0 2px; vertical-align: top; }
    #crop_varieties .info_list div table tbody tr td:last-child{ text-align:center; }

/* import_export
------------------------------------------------ */
#import_export { min-height: 538px; }

    #import_export .subcontents { width:550px; padding:23px 0 50px 225px; }
        #import_export .subcontents h3{ padding: 0 20px; background: #549b35; font-size: 14px; font-weight: normal; line-height: 26px; color: #fff; }
        #import_export .subcontents p{ padding-top: 15px; }
        #import_export .subcontents p.caption{ padding: 4px 8px 0 8px; }
        #import_export .subcontents p.left{ text-align: left; }
    #import_export .subcontents.lastchild{ padding-top:0px }
    #import_export .btn_list { position: relative; padding-top: 0px; }
        #import_export .btn_list ul { text-align: center; padding-top:15px; }
            #import_export .btn_list ul li { display: inline-block; width:150px; vertical-align: top; }
                    #import_export input[type=file] { display:none; }


/* import_export_res 2015.03.04 インポート結果画面用に追加
------------------------------------------------ */
#import_export_res {
}

    #import_export_res .subcontents { width:550px; padding:10px 0 10px 225px; }
        #import_export_res .subcontents p{ padding-top: 8px; }
        #import_export_res .subcontents p.caption{ padding: 4px 8px 0 8px; }
        #import_export_res .subcontents p.left{ text-align: left; }
    #import_export_res .btn_list { margin-top: 10px; text-align: center; }
        #import_export_res .btn_list ul { text-align: center; }
            #import_export_res .btn_list ul li { display: inline-block; vertical-align: middle; }

/* weather_info
------------------------------------------------ */
#weather_info {
}

    #weather_info .select_area {
        margin-top: 1px;
        padding: 4px 20px 0;
        min-height: 32px;
        background: #549b35;
    }

        #weather_info .select_area dl { display: inline-block; margin-right: 14px; vertical-align: middle; color: #fff; }
            #weather_info .select_area dl dt,
            #weather_info .select_area dl dd { display: inline-block; vertical-align: middle; }
                #weather_info .select_area dl dd select { margin: 0 4px; width: 92px; height: 28px; background: #fff; border: none;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
                #weather_info .select_area .item dd select { width: 142px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
                ##weather_info .select_area .maintenance dd select { width: 215px; }
        #weather_info .select_area .btn { display: inline-block; width: 81px; height: 29px; vertical-align: top; }

    #weather_info .graph { position:relative; }
        #weather_info .graph .check { margin-top: 20px; margin-bottom: 30px; text-align: right; }
        #weather_info .graph h3 {  position:absolute; top:0px; left:15px; font-size:140%;}
            #weather_info .graph .check li { display: inline-block; margin-right: 20px; vertical-align: middle; font-size: 14px; }
        #weather_info .graph dl { position: relative; margin-top: 20px; }
            #weather_info .graph dl dt { position: absolute; top: 0; left: 85px; font-size: 16px; }
            #weather_info .graph dl dd { position: relative; margin: 0 auto; width: 850px; }
                #weather_info .graph dl dd .compare { text-align: right; }
                    #weather_info .graph dl dd .year { display: inline-block; margin-left: 35px; }
                        #weather_info .graph dl dd .year span { padding-left: 35px; background-position: left center; background-repeat: no-repeat; }
                        #weather_info .graph dl dd .year_red span { background-image: url(../img/ja/icon/border_red.png); }
                        #weather_info .graph dl dd .year_blue span { background-image: url(../img/ja/icon/border_blue.png); }
                #weather_info .graph #plot { width: 970px; height: 360px; margin:0px auto; }
        #weather_info .graph #plot2 { margin: 0 auto; width: 970px; height: 300px; }
         #weather_info .select_area input[type="text"] { padding: 2px 4px; height: 22px; border: solid #00683d 1px; width:40px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;height: 16px;}
         #weather_info .select_area  .calendar {  background: url(../img/ja/icon/calendar1.png) no-repeat 90% center #fff; width: 120px !important; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}



/* configuration_control
------------------------------------------------ */
#configuration_control {
}

/* configuration_control_detail
------------------------------------------------ */
#configuration_control_detail {
    position: relative;
}

    #configuration_control_detail .time_area {
        position: relative;
        margin-top: 20px;
        padding: 3px 0;
        background: #549b35;
        border-bottom: solid #fff 1px;
        color: #fff;
        z-index: 2;
    }

    #configuration_control_detail .submit_list {
        position: relative;
        padding: 3px 0 4px;
        background: #549b35;
        color: #fff;
        z-index: 2;
    }

    #configuration_control_detail dl { display: inline-block; margin-right: 10px; vertical-align: middle; color: #fff; }
        #configuration_control_detail dl dt,
            #configuration_control_detail dl dd { display: inline-block; vertical-align: middle; }
                #configuration_control_detail dl dd select { margin: 0 4px; width: 100px; height: 28px; background: #fff; border: none;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
                #configuration_control_detail dl dd .from_to { display: inline-block; width: 20px; height: 6px; vertical-align: middle; }
        #configuration_control_detail .check { display: inline-block; vertical-align: middle; }
        #configuration_control_detail .time { padding: 0 20px; }
        #configuration_control_detail .area { float: left; padding-left: 20px; width: 780px; }
            #configuration_control_detail .area dl {}
                #configuration_control_detail .area dl dt {}
                #configuration_control_detail .area dl dd {}
                    #configuration_control_detail .area dd dl { margin-left: 6px; }
                        #configuration_control_detail .area dd dl dt { padding: 0 10px; background: #fff; border-radius: 20px; line-height: 20px; color: #00683d; }
                        #configuration_control_detail .area dd dl dd {}
                            #configuration_control_detail .area dd dl dd input { padding: 2px 4px; height: 22px; border: solid #00683d 1px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
                            #configuration_control_detail .area dd dl dd input.ws { width: 110px; }
                            #configuration_control_detail .area dd dl dd input.wm { width: 330px; }
                            #configuration_control_detail .area dd dl dd input[disabled],
                            #configuration_control_detail .area dd dl dd input[disabled] { background: #dcdddd; border-color: #c9caca; }
        #configuration_control_detail .submit_list ul { float: left; width: 161px; height: 29px; text-align: right; }
            #configuration_control_detail .submit_list ul li { display: inline-block; height: 100%; }
                #configuration_control_detail .submit_list ul li input {}

    #configuration_control_detail .btn_group {
        position: absolute;
        top: 505px;
        left: 50%;
        padding-top: 6px;
        margin-left: -145px;
        width: 290px;
        background: #fff;
        box-shadow: 1px 1px 3px #666;
        -webkit-box-shadow: 1px 1px 3px #666;
        -moz-box-shadow: 1px 1px 3px #666;
        -ms-box-shadow: 1px 1px 3px #666;
        -o-box-shadow: 1px 1px 3px #666;
        text-align: center;
        z-index: 2;
    }

        #configuration_control_detail .btn_group li { display: inline-block; vertical-align: top; }

    #configuration_control_detail #gmap { top: 144px; height: 420px; }

/* past_information
------------------------------------------------ */
#past_information {
}

    #past_information .table_style1 {}
        #past_information .table_style1 td { height: 31px; }
        #past_information .table_style1 tr:nth-of-type(2n) td,
        #past_information .table_style1 tr:hover td { background: #fff; }
            #past_information .table_style1 tr:hover td a { text-decoration: underline; }
            #past_information .table_style1 td a { color: #464342; }
            #past_information .table_style1 td .detail { color: #00683d; }

/* past_information_detail
------------------------------------------------ */
#past_information_detail {
}

    #past_information_detail .title_area { position: relative; margin: 0 35px; padding-top: 20px; border-bottom: solid #c9caca 1px; }
        #past_information_detail .title_area .date { float: left; padding-top: 8px; width: 90px; color: #00683d; }
        #past_information_detail .title_area h2 { float: left; padding: 3px 0 5px 15px; width: 680px; border-left: solid #c9caca 1px; font-size: 18px; font-weight: normal; }
        #past_information_detail .title_area .back { float: right; width: 140px; }
    #past_information_detail .comment { margin: 0 35px; }
        #past_information_detail .comment dl { margin: 30px 0; }
            #past_information_detail .comment dl dt { margin-bottom: 5px; font-size: 16px; }
            #past_information_detail .comment dl dd { font-size: 12px; }

    #past_information_detail .btn_group { margin-top: 10px; text-align: center; }
        #past_information_detail .btn_group li { display: inline-block; vertical-align: top; }


/* terms_list
------------------------------------------------ */
#terms_list {
}

    #terms_list .title_area { position: relative; margin: 0 35px; padding-top: 20px; }
        #terms_list .title_area h2 { float: left; padding: 4px 0; width: 780px; font-size: 18px; font-weight: normal; }
        #terms_list .title_area .back { float: right; padding-top: 5px; width: 140px; }
    #terms_list .lead { position: relative; margin: 20px 35px; }
    #terms_list .block { position: relative; margin: 30px 35px; }
        #terms_list .block h3 { padding-bottom: 2px; border-bottom: solid #549b35 1px; font-size: 16px; font-weight: normal; color: #00683d; }
        #terms_list .block dl { margin: 20px 0; }
            #terms_list .block dl dt { padding-bottom: 2px; border-bottom: solid #c9caca 1px; font-size: 14px; }
            #terms_list .block dl dd { margin-top: 10px; }
                #terms_list .block dl dd ol { margin-left: 20px; }
                    #terms_list .block dl dd ol li { padding-bottom: 20px; list-style: decimal; }
                    #terms_list .block dl dd ol li:last-child { padding-bottom: 0; }
    #terms_list .btn_group { margin-top: 10px; text-align: center; }
        #terms_list .btn_group li { display: inline-block; vertical-align: top; }

/* contractual
------------------------------------------------ */
#contractual {
}

    #contractual .table_style1 {}
        #contractual .table_style1 td {}
        #contractual .table_style1 tr:hover td { background: #fff; }
        #contractual .table_style1 tr:nth-of-type(2n) td { background: #fff; }
        #contractual .table_style1 tr.bg_color td { background: #fcf8d7; }
            #contractual .table_style1 td a { padding-left: 16px; background: url(../img/ja/icon/arrow3.png) no-repeat left 3px; }

/* my_page_form
------------------------------------------------ */
#my_page_form {

}

    #my_page_form .table_form1 {}
        #my_page_form .table_form1 th {}
            #my_page_form .table_form1 th .btn_over { display: inline-block; }
        #my_page_form .table_form1 td {}
            #my_page_form .table_form1 td .ws { width: 245px; }
            #my_page_form .table_form1 td .wm { width: 400px; }
    #my_page_form .btn_group { margin-top: 10px; text-align: center; }
        #my_page_form .btn_group li { display: inline-block; margin: 0 2px; vertical-align: top; }

/* page_error
------------------------------------------------ */
#page_error {
    margin-top: 10px;
}

    #page_error .title2 { padding: 15px 35px 0; }
    #page_error .lead { padding: 15px 35px 0; margin-bottom: 10px; line-height: 1.8; }
    #page_error .btn_group { margin-top: 10px; text-align: center; }
        #page_error .btn_group li { display: inline-block; vertical-align: top; }

/* page_guide
------------------------------------------------ */
#page_guide {
    margin-top: 10px;
}

    #page_guide .title2 { padding: 15px 35px 0; }
    #page_guide .lead { padding: 15px 35px 0; margin-bottom: 10px; line-height: 1.8; }
    #page_guide dl { padding: 15px 35px 0; margin-bottom: 10px; }
        #page_guide dl dt { font-size: 14px; font-weight: bold; }
        #page_guide dl dd { margin-top: 5px; line-height: 1.8; }
            #page_guide dl dd ol { margin-left: 20px; }
                #page_guide dl dd ol li { padding-bottom: 3px; list-style: decimal; }
                    #page_guide dl dd ol li img { float: left; padding: 3px 10px 5px 0; }
    #page_guide .btn_group { margin-top: 10px; text-align: center; }
        #page_guide .btn_group li { display: inline-block; vertical-align: top; }

/* deadline_extension
------------------------------------------------ */
#deadline_extension {
    margin-top: 10px;
}

    #deadline_extension .title2 { padding: 15px 35px 0; }
    #deadline_extension .list { margin: 15px 35px 20px; }
        #deadline_extension .list li { margin-top: 4px; padding: 3px 20px; background: #549b35; font-size: 14px; line-height: 1.4; color: #fff; }
    #deadline_extension .lead { padding: 5px 35px; line-height: 1.8; }

/* maintenance_info
------------------------------------------------ */
#maintenance_info {
    margin-top: 10px;
}

    #maintenance_info .title2 { padding: 15px 35px 0; }
    #maintenance_info .lead { padding: 15px 0 0 35px; line-height: 1.8; }
    #maintenance_info .info { margin: 20px 35px; border-top: solid #c9caca 1px; border-bottom: solid #c9caca 1px; }
        #maintenance_info .info dl { padding: 15px 0; }
            #maintenance_info .info dl dt { float: left; padding-top: 3px; width: 115px; }
            #maintenance_info .info dl dd { padding-left: 115px; font-size: 16px; }

/* modal_new_add_worker
------------------------------------------------ */
#modal_new_add_worker {
    width: 390px;
}

    #modal_new_add_worker .table_form1 {}
        #modal_new_add_worker .table_form1 td {}
            #modal_new_add_worker .table_form1 td .ws { width: 80px; }
            #modal_new_add_worker .table_form1 td .wm { width: 200px; }
        #modal_new_add_worker .btn_group{ margin-top:5px; }

/* modal_new_crop_list
------------------------------------------------ */
#modal_new_crop_list {
    width: 390px;
}

    #modal_new_crop_list .table_form1 {}
        #modal_new_crop_list .table_form1 td {}
            #modal_new_crop_list .table_form1 td .wm { width: 240px; }
    #modal_new_crop_list .btn_list { padding-top: 4px; text-align: center; }
        #modal_new_crop_list .btn_list li { display: inline-block; vertical-align: top; }

/* modal_new_add_crop
------------------------------------------------ */
#modal_new_add_crop {
    width: 390px;
}

    #modal_new_add_crop .table_form1 {}
        #modal_new_add_crop .table_form1 td {}
            #modal_new_add_crop .table_form1 td .wm { width: 200px; }
        #modal_new_add_crop .btn_group { margin-top: 5px; text-align: center; }
            #modal_new_add_crop .btn_group li { display: inline-block: }

/* modal_new_add_crop_varieties
------------------------------------------------ */
#modal_new_add_crop_varieties {
    width: 390px;
}

    #modal_new_add_crop_varieties .table_form1 {}
        #modal_new_add_crop_varieties .table_form1 td {}
            #modal_new_add_crop_varieties .table_form1 td .ws { width: 80px; }
            #modal_new_add_crop_varieties .table_form1 td .wm { width: 200px; }
            #modal_new_add_crop_varieties .table_form1 td select { width: 220px; }
        #modal_new_add_crop_varieties .btn_group { margin-top: 5px; text-align: center; }
            #modal_new_add_crop_varieties .btn_group li { display: inline-block: }

/* modal_work_list
------------------------------------------------ */
#modal_work_list {
    padding-bottom: 10px;
    width: 390px;
}

    #modal_work_list .block {
    }

        #modal_work_list .block h3 { position: relative; padding: 10px 15px; background: #dcdddd; border-bottom: solid #c9caca 1px; font-size: 140%; font-weight: normal; }
            #modal_work_list .block h3 a { position: absolute; top: 5px; right: 15px; }
        #modal_work_list .block dl { margin-left: 30px; padding: 8px 0; border-bottom: solid #dcdddd 1px; }
        #modal_work_list .block dl:last-child { border-bottom: none; }
            #modal_work_list .block dl dt { float: left; padding-top: 4px; width: 70px; font-size: 14px; color: #00683d; }
            #modal_work_list .block dl dd { padding-left: 70px; }
                #modal_work_list .block dl dd .wm { padding: 6px 10px; width: 255px; background: #fff; border: solid #72af2d 1px; font-size: 14px; }
                #modal_work_list .block dl dd a { display: inline-block; margin-right: 4px; }
    #modal_work_list .btn_group { margin-top: 10px; padding-top: 10px; border-top: solid #dcdddd 1px; text-align: center; }
        #modal_work_list .btn_group li { display: inline-block; vertical-align: top; }

/* modal_group_select
------------------------------------------------ */
#modal_group_select {
    width: 740px;
}

    #modal_group_select .select { padding: 10px 15px; }
        #modal_group_select .select dt,
        #modal_group_select .select dd { display: inline-block; margin-right: 5px; vertical-align: middle; }
            #modal_group_select .select dd select { width: 195px; height: 28px; background: #fff; border: solid #72af2d 1px; }
            #modal_group_select .crop_list { height: 227px; overflow: auto; }

/* modal_register_list
------------------------------------------------ */
#modal_register_list {
    width: 455px;
}

    #modal_register_list .btn_list { padding: 4px 0; text-align: center; }
        #modal_register_list .btn_list li { display: inline-block; }
    #modal_register_list .table_style1 {}
        #modal_register_list .table_style1 td {}
            #modal_register_list .table_style1 td .btn_over { display: inline-block; }
    #modal_register_list .crop_group_list{ height: 180px; overflow: auto; }
    #modal_register_list .farm_products_list{ height:400px; overflow: auto; }
    #modal_register_list .implement_list { height: 200px; overflow: auto; }

/* modal_field_select
------------------------------------------------ */
#modal_field_select {
    width: 740px;
}

    #modal_field_select .select { padding: 10px 15px; }
        #modal_field_select .select dt,
        #modal_field_select .select dd { display: inline-block; margin-right: 5px; vertical-align: middle; }
            #modal_field_select .select dd select { width: 195px; height: 28px; background: #fff; border: solid #72af2d 1px; }
            #modal_field_select .crop_list { height: 227px; overflow: auto; }


/* modal_save
------------------------------------------------ */
#modal_save {
    padding: 20px 0;
    width: 390px;
}

    #modal_save .lead { text-align: center; font-size: 14px; }
    #modal_save .caution { text-align: center; font-size: 14px; white-space: pre-line; font-weight: bold; color: #c00; display: none; }
    #modal_save .btn_group { margin-top: 20px; text-align: center; }
        #modal_save .btn_group li { display: inline-block; vertical-align: top; }

/* modal_delete
------------------------------------------------ */
#modal_delete {
    padding: 20px 0;
    width: 390px;
}

    #modal_delete .lead { text-align: center; font-size: 14px; }
    #modal_delete .btn_group { margin-top: 20px; text-align: center; }
        #modal_delete .btn_group li { display: inline-block; vertical-align: top; }


/* modal_send
------------------------------------------------ */
#modal_send {
    padding: 20px 0;
    width: 390px;
}

    #modal_send .lead { text-align: center; font-size: 14px; }
    #modal_send .btn_group { margin-top: 20px; text-align: center; }
        #modal_send .btn_group li { display: inline-block; vertical-align: top; }

/* modal_err
------------------------------------------------ */
#modal_err {
    padding: 20px 0;
    width: 390px;
}

    #modal_err .lead { text-align: center; font-size: 14px; }
    #modal_err .btn_group { margin-top: 20px; text-align: center; }
        #modal_err .btn_group li { display: inline-block; vertical-align: top; }

/* modal_confirm
------------------------------------------------ */
#modal_confirm {
    padding: 20px 0;
    width: 390px;
}

    #modal_send .lead { text-align: center; font-size: 14px; }
    #modal_send .btn_group { margin-top: 20px; text-align: center; }
        #modal_send .btn_group li { display: inline-block; vertical-align: top; }

/* modal_output_csv
------------------------------------------------ */
#modal_output_csv {
    padding: 10px 0;
    width: 390px;
}

    #modal_output_csv .select_area { text-align: center; min-height: 32px; border-bottom: solid 1px #C9CACA;}
    #modal_output_csv .select_area dl { display: inline-block;}
    #modal_output_csv .select_area dl > dd, #modal_output_csv .select_area dl > dt { display: inline-block;}
    #modal_output_csv .select_area dl > dd { padding-right: 100px;}
    #modal_output_csv .select_area dl > dd select { margin: 0 4px; width: 92px; height: 28px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
    #modal_output_csv .lead { text-align: center; font-size: 14px; padding-top:10px; }
    #modal_output_csv .btn_group { margin-top: 0px; text-align: center; }
        #modal_output_csv .btn_group li { display: inline-block; vertical-align: top; }

/* dorpdown_color
------------------------------------------------ */
#dorpdown_color,#dorpdown_color_b {
}

    #dorpdown_color ul,#dorpdown_color_b ul { margin: 5px 0 0 -5px; }
        #dorpdown_color ul li,#dorpdown_color_b ul li { float: left; margin: 0 0 5px 5px; width: 19px; height: 19px; }



/* C70231, C70241画面でのグループ選択一覧のデータが存在しない場合のスタイル
------------------------------------------------ */
#modal_field_select .not_found { text-align: center !important; color: #FF0000; font-weight: bold !important; }

/* ------------------------------------------------
  2015.08.11 takayama STEP3 add
------------------------------------------------ */

/* Planting Plan
------------------------------------------------ */
#planting_plan_list {
    z-index: 3;
}
#planting_plan_list section { position: absolute; top: 10px; left: 0; width: 765px; }

    #planting_plan_list .block {
        position: relative;
        width: 130px;
        background: #fff;
        border-radius: 2px;
        box-shadow: 2px 2px 3px #bbb;
        -webkit-box-shadow: 2px 2px 3px #bbb;
        -moz-box-shadow: 2px 2px 3px #bbb;
        -ms-box-shadow: 2px 2px 3px #bbb;
        -o-box-shadow: 2px 2px 3px #bbb;
    }

        #planting_plan_list h2 {
            position: relative;
            padding-left: 30px;
            background: url(../img/ja/icon/arrow_down1.png) no-repeat 2px 2px;
            font-size: 14px;
            line-height: 28px;
            color: #00683d;
            z-index: 1;
            cursor: pointer;
        }
        #planting_plan_list h2.on { background-image: url(../img/ja/icon/arrow_up1.png); }

        #planting_plan_list .target {
            display: none;
        }

            #planting_plan_list .frame {
                height: 418px;
                overflow: auto;
            }

            #planting_plan_list .not_found { text-align: center !important; color: #FF0000; font-weight: bold !important; }

            #planting_plan_list_example .farm_example .frame { height: 170px; }

            #planting_plan_list .group_select {
                padding: 6px 30px;
                border-top: solid #ccc 1px;
            }

                #planting_plan_list .group_select dl {}
                    #planting_plan_list .group_select dl dt,
                    #planting_plan_list .group_select dl dd { display: inline-block; vertical-align: middle; }
                    #planting_plan_list .group_select dl dt { margin-right: 6px; }
                    #planting_plan_list .group_select dl dd {}
                        #planting_plan_list .group_select dl dd select { width: 196px; height: 28px; background: #fff; border: solid #549b35 1px; }

        #planting_plan_list #pagiNation { text-align: center; }
            #planting_plan_list #pagiNation .pagination { margin-top: 6px; padding-bottom: 6px; }

        #planting_plan_list #btn_list {
          margin: auto;
          margin-top:10px;
          padding: 3px;
          text-align: center;
          width:140px;
        }

        #planting_plan_list #btn_list li {
          float:left;
        }

        #planting_plan_list td.center{
          white-space:nowrap;
        }
/* farm_edit
------------------------------------------------ */
#farm_edit {
    z-index: 3;
}
#farm_edit section { position: absolute; top: 480px; left: 0; width: 1000px; }

    #farm_edit .block {
        position: relative;
        background: #fff;
        border-radius: 2px;
        box-shadow: 2px 2px 3px #bbb;
        -webkit-box-shadow: 2px 2px 3px #bbb;
        -moz-box-shadow: 2px 2px 3px #bbb;
        -ms-box-shadow: 2px 2px 3px #bbb;
        -o-box-shadow: 2px 2px 3px #bbb;
        padding-top:8px;
    }

    #farm_edit .block p{
        float:left;
        padding:8px 0 0 25px;
    }

    #farm_edit .btn_group { float:right; padding-right:20px; }
        #farm_edit .btn_group li { display: inline-block; margin: 0 2px; vertical-align: top; }


/* ------------------------------------------------
  2015.08.25 akiyama STEP3 add
------------------------------------------------ */
#operating_efficiency_graph .select_area {
    /*padding: 4px 20px 0;*/
    background: #549b35;
    color: #fff;
}

        #operating_efficiency_graph .select_area .select_block { display: inline-block; width: 860px; vertical-align: middle; }
            #operating_efficiency_graph .select_area .select_block dl { padding: 4px 0; border-bottom: solid #fff 1px; }
            #operating_efficiency_graph .select_area .select_block dl:last-child { border-bottom: none; }
                #operating_efficiency_graph .select_area .select_block dl dt,
                #operating_efficiency_graph .select_area .select_block dl dd { display: inline-block; vertical-align: middle; }
                #operating_efficiency_graph .select_area .select_block dl dt { width: 70px; text-align: right; }
                #operating_efficiency_graph .select_area .select_block dl dd {}
                    #operating_efficiency_graph .select_area .select_block dl dd select { margin: 0 4px; width: 200px; height: 28px; background: #fff; border: none; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;}
        #operating_efficiency_graph .select_area  .btn { display: inline-block; margin-left: 20px; width: 81px; vertical-align: middle; }
        #operating_efficiency_graph .graph { padding: 0; }
        #operating_efficiency_graph .graph dl dd #plot { width: 100%; min-height: 480px; height: 100%; }

/* 必須注意書きのスタイル */
.required { margin-right: 10px; color: #c00; }
/* 入力フォームTableのthにレイアウトを合わせる */
.table_form1_th_adjust { padding-left: 20px; font-size: 14px; }
/* 注意書きエリア定義（注意書きは縦に並べていく） */
.caution_area * { display: block; }


.table_form1 td .parts.block {
    display: block;
}
/* STEP4からの追加（20151026 秋山） ----------------------------------------- */
.table_form1 td .parts.full_width {
    width: 100%;
}
/* STEP4からの追加（20151026 秋山）ここまで --------------------------------- */

.table_style1 td.number_item {
    text-align: right;
}

/* C703B1農薬編集画面のスタイル */
#ledger_chemical_area {
    float: left;
    border: solid 1px #C9CACA;
}
#famic_chemical_area {
    float: right;
    border: solid 1px #C9CACA;
}

#famic_chemical_area > .table_display_area {
    overflow-y: auto;
    max-height: 388px; /* 情報の多さによる縦表示領域の延長を制限 */
}

#famic_chemical_area > .table_display_area > table {
    max-width: 98%;
}

#famic_chemical_area > .table_form1 th {
    padding-left: 3px;
    padding-right: 3px;
}

#ledger_chemical_area .table_form1 td .wms {
    width: 280px;
}

#ledger_chemical_area > .table_form1 th {
    padding-left: 3px;
    padding-right: 3px;
}

/* STEP4からの追加（20151109 秋山） ----------------------------------------- */
/* 編集テーブルの余白調整 */
#div_ledger_chemical_table_area table.table_ledger > tbody > tr:nth-of-type(1) > th {
    padding: inherit;
}
#div_ledger_chemical_table_area table.table_ledger > tbody > tr > * {
    padding-left: 5px;
}
/* 編集テーブルFAMIC側情報の区切り線を入れる（行結合で台帳側列の存在しない行のthにも対応） */
#div_ledger_chemical_table_area table.table_ledger > tbody > tr > th:nth-of-type(2),
#div_ledger_chemical_table_area table.table_ledger > tbody > tr > th:only-of-type {
    border-left: 1px solid #C9C9C9;
}

/* 編集テーブルヘッダの必須マークのマージンを打消し。 */
#div_ledger_chemical_table_area table.table_ledger > tbody > tr > th strong.required {
    margin-right: inherit;
}

/* セレクトボックス内の表示文字列が短くても、ある程度の長さで表示する。 */
#div_ledger_chemical_table_area table.table_ledger > tbody > tr > td select.dose_unit {
    min-width: 50px;
}

/* 農薬登録情報選択リンク */
a.open_select_famic_chemical_info {
    vertical-align: bottom;
    cursor: pointer;
}

/* 適用部追加した際に画面に追加する適用部テーブルのテンプレートを非表示状態にしておく */
#new_table_applying_info_template_area > table[name=table_applying_info] {
  display: none;
}

/*適用部テーブルヘッダ部*/
table[name=table_applying_info] [name=h_title_applying] {
    display: block;
    position: relative;
    height: 40px;
}
table[name=table_applying_info] [name=h_title_applying] [name=span_title_applying] {
    display: inline-block;
    width: 300px;
}
table[name=table_applying_info] [name=h_title_applying] div.div_h_applying_link {
    position: absolute;
    right: 0px;
    text-align: right;
    display: inline-block;
    height: 100%;
}

/* 適用部情報選択リンク */
a.open_select_famic_chemical_info_applying {
    vertical-align: bottom;
    cursor: pointer;
}

/* 適用部削除リンク */
.applying_delete_link {
    display: inline-block;
    border: solid 1px #B7B7B7;
    width: 20px;
    height: 100%;
    box-sizing: border-box;
    background-color: #B5B5B5;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
/* STEP4からの追加（20151109 秋山）↓ ----------------------------------------- */
    /*float: right;*/ /* 適用情報選択ボタンと同じdivに入れてtext-align:rightを設定するため、コメントアウト */
/* STEP4からの追加（20151109 秋山）↑ ----------------------------------------- */
}
.applying_delete_link:hover {
    background-color: #FF8080;
    text-decoration: none;
}

/* 詳細情報表示リンク */
.link_open_detail {
    display: inline-block;
    border: 1px solid #C9CACA;
    padding: 5px;
}
.link_open_detail:hover, .link_open_detail.keep_display {
    text-decoration: inherit;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #848484;
    border: 1px solid #848484;
}
/* 詳細情報アイコン */
.icon_detail {
    display: inline-block;
    position: relative;
    background-color: #444;
    height: 12px;
    width: 20px;
    margin-right: 2px;
}
.icon_detail:before {
    display: block;
    position: absolute;
    content: '';
}
.icon_detail:after {
    display: block;
    position: absolute;
    bottom: -5px;
    left: 2px;
    border-top: 10px solid #444;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: '';
}
.link_open_detail:hover > .icon_detail, .link_open_detail.keep_display > .icon_detail {
    background-color: #FFFFFF;
}
.link_open_detail:hover > .icon_detail:after, .link_open_detail.keep_display > .icon_detail:after {
    border-color: #FFFFFF;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

/* 詳細情報バルーン */
.baloon_detail_info {
    z-index: 10;
    position: absolute;
    left: -120px;/* thの幅分をマイナス値でずらす */
    bottom: 39px;
    margin: auto;
    width: 500px;
    padding: 5px;
    background-color: #DDDDDD;
}

/* 詳細情報バルーンのテーブル */
.baloon_detail_info table {
    background-color: #F2FDFB;
}
.baloon_detail_info table.table_form1 th {
    padding-left: 5px;
}
/* 詳細情報バルーンの表示位置をtd基準にするための親tdに対するposition設定 */
table[name=table_applying_info] .td_detail_info {
    position: relative;
}
/* カーソルを合わせなくてもバルーンを表示させ続けるための強制表示クラス */
.baloon_detail_info.keep_display {
    display: block !important;
}

/* STEP4からの追加（20151109 秋山）ここまで --------------------------------- */


/* 農薬登録情報の用途選択 */
/* STEP4からの追加（20151109 秋山）↓ --------------------------------- */
/*#select_famic_chemical_search_area select.select_chemical_use { max-width: 174px; }*//*幅指定統一のためコメントアウト*/
/* STEP4からの追加（20151109 秋山）↑ --------------------------------- */

#select_famic_chemical_area table.table_form1 tr td .min-spacing {
    min-height: 23px;
}

/* STEP4からの追加（20151026 秋山） ----------------------------------------- */
/* 農薬登録情報利用規約モーダル */
/* modal_terms_of_service
------------------------------------------------ */
#modal_terms_of_service {
    padding: 20px 0;
    width: 760px;
}

    #modal_terms_of_service > * { padding: 5px; font-size: 14px; }
    #modal_terms_of_service > .lead { text-align: center; font-size: 20px; background-color: #549b35; color: #FFFFFF; }
    #modal_terms_of_service > .process { height: 70px; }
    #modal_terms_of_service > .process > .caution { color: #FF0000; }
    #modal_terms_of_service > .terms_of_service_area { background-color: #F3F3F3; }

    #modal_terms_of_service > .btn_group { margin-top: 20px; text-align: center; }
        #modal_terms_of_service > .btn_group > li { display: inline-block; vertical-align: top; }
/* modal_terms_of_service
------------------------------------------------ */
/* STEP4からの追加（20151026 秋山）ここまで --------------------------------- */

/* STEP4からの追加（20151026 秋山） ----------------------------------------- */

/* 農薬編集 タブ表示制御↓ ----- */
.tab_link_area {
    display: inline-block;
    width: 990px;
    margin-left:auto;
    margin-right:auto;
    padding: 1px 5px 0px 5px;
    background-color: #9C9C9C;
}
.tab_link_area > .tab_link {
    border: solid 1px #C9CACA;
    background-color: #F9F9F9;
    text-align: center;
    float: left;
    max-height: 19px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.tab_link_area > .tab_link.overview {
    width: 100%;
}

.tab_link_area > .tab_link.applying {
    min-width: 245px;
    max-width: 493px;
    overflow: hidden;
}

.tab_link_area > .tab_link.applying > .applying_delete_link {
    display: inline-block;
    border: solid 1px #B7B7B7;
    width: 17px;
    height: 17px;
    border-radius: 17px;
    background-color: #B5B5B5;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    float: right;
}

.tab_link_area > .tab_link.applying > .applying_delete_link:hover {
    background-color: #FF8080;
}


.tab_link_area > .tab_link:hover, .tab_link_area > .tab_link.on {
    background-color: #F6F9BC;
    cursor: pointer;
}
/* 農薬編集 タブ表示制御↑ ----- */

/* 農薬情報適用部リスト↓ ----- */
.clearfix.for_chemical_applying_input_list {
    height: 5px;
}

#chemical_applying_input_list > table input.wss {
    width: 50px;
}
/* 農薬情報適用部リスト↑ ----- */

/* FAMIC情報検索エリア↓ ----- */
#select_famic_chemical_search_area .search_item_set.check_box_set {
    float: left;
}

#select_famic_chemical_search_area .free_search_area {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#select_famic_chemical_search_area .search_item_set {
    padding: 4px;
    display: table;
/* STEP4からの追加（20151109 秋山）↓ ----------------------------------------- */
    /*float: left;*//*横並びを止める*/
/* STEP4からの追加（20151109 秋山）↑ ----------------------------------------- */
}
#select_famic_chemical_search_area .search_item_set > .label_area,
#select_famic_chemical_search_area .search_item_set > .input_area {
    display: table-cell;
    vertical-align: middle;
}
#select_famic_chemical_search_area .search_item_set * {
    font-size: 14px;
}
#select_famic_chemical_search_area .search_item_set > .label_area {
    padding: 0px 5px;
    color: #00683D;
    float: left;
}
#select_famic_chemical_search_area .search_item_set.check_box_set > .label_area {
    cursor: pointer
}
#select_famic_chemical_search_area .search_item_set.input_set > .label_area {
    width: 130px;
}

#select_famic_chemical_search_area .search_item_set > .input_area > * {
    padding: 6px 10px;
    border: solid #72af2d 1px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif !important;
}
#select_famic_chemical_search_area .search_item_set > .input_area > select {
    padding: 5px 10px;
    width: 242px;
}
#select_famic_chemical_search_area .search_item_set > .input_area > input[type=text] {
    width: 220px;
}
#select_famic_chemical_search_area .search_item_set > .input_area > input[type=text]#input_regist_no {
/* STEP4からの追加（20151109 秋山）↓ ----------------------------------------- */
    /*width: 50px;*//*幅を揃えるため、コメントアウト*/
/* STEP4からの追加（20151109 秋山）↑ ----------------------------------------- */
}
#select_famic_chemical_search_area .search_item_set > .input_area > #input_free_search {
    width: 400px;
}

/* FAMIC情報検索エリア↑ ----- */

/* FAMIC情報検索結果↓ ----- */
.search_result_chemical_block_area {
    padding: 0px 3px 0px 7px;
}
/* タイトルエリア */
.search_result_chemical_block_area .title_area {
    background-color: #FFFFF3;
}
/* 選択エリア */
.search_result_chemical_block_area .select_area {
    display: inline-block;
    padding: 0px 5px;
}
/* 登録番号エリア */
.search_result_chemical_block_area .regist_no_area {
    display: inline-block;
    font-size: 16px;
}
/* 農薬名エリア */
.search_result_chemical_block_area .chemical_nm_area {
    font-size: 28px;
    /*float: left;*/
}
/* 操作エリア */
.search_result_chemical_block_area .control_area {
    text-align: right;
}

/* 各種情報テーブルのレイアウト上書き */
.search_result_chemical_block_area .base_info_area table th,
.search_result_chemical_block_area .base_info_area table td,
.search_result_chemical_block_area .applying_overview_area table th,
.search_result_chemical_block_area .applying_overview_area table td {
    padding: 1px 0px 1px 3px;
}

/* STEP4からの追加（20151109 秋山）ここから --------------------------------- */
/* 農薬情報テーブル */
#select_famic_chemical_area #search_result_list_area .table_display_area {
    overflow-y: scroll;
    max-height: 600px;
}
.search_result_chemical_block_area .title_area.selected_chemical {
    background-color: #F3F36F;
}

/* STEP4からの追加（20151109 秋山）ここまで --------------------------------- */


/* FAMIC情報検索結果↑ ----- */

/* STEP4からの追加（20151109 秋山）ここから --------------------------------- */
/* 1農薬情報の適用部情報テーブル */
#select_famic_chemical_applying_info_area #search_result_list_area .table_display_area {
    overflow-x: scroll;
    overflow-y: scroll;
    max-height: 600px;
    cursor: move;
}
#select_famic_chemical_applying_info_area #search_result_list_area .table_display_area table {
}
#select_famic_chemical_applying_info_area #search_result_list_area .table_display_area table tr > th:not([class=check]) {
    min-width: 200px;
}
#select_famic_chemical_applying_info_area #search_result_list_area .table_display_area table tr > td.check {
    vertical-align: middle;
}
#select_famic_chemical_applying_info_area #search_result_list_area .table_display_area table tr > td.check > input[type=checkbox] {
    display: inline-block;
    height: 100%;
}

#select_famic_chemical_applying_info_area #search_result_list_area .table_display_area table tr.selected_applying > td {
    background-color: #F3F36F;
}

/* STEP4からの追加（20151109 秋山）ここまで --------------------------------- */






/* ------------------------------------------------
  2015.12.18 takayama STEP4 add start
------------------------------------------------ */
/* 作業記録の肥薬情報エリア */
.form_area_fertilizer_chemical_area {
}
.form_area_fertilizer_chemical_area > .table_form1 > tbody > tr > th {
    width: 110px;
}

.form_area_fertilizer_chemical_area li.fertilizer_list > ul {
    display: inline-block;
    width: 100%;
}

.form_area_fertilizer_chemical_area li.fertilizer_list > ul .fertilizer_name {
    width: 100%;
}

.form_area_fertilizer_chemical_area #fertilizer_selector, .form_area_fertilizer_chemical_area #chemical_selector {
    min-width: 500px;
}
/* 選択されたリストテーブル */
.selected_list_table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}
.selected_list_table > thead > tr > th {
   text-align: center;
   padding: 3px;
}
.selected_list_table > tbody > tr > td {
   padding: 3px;
   vertical-align: middle;
}

.selected_list_table .item_no {
   text-align: center;
}
.selected_list_table .dose_per_unit {
   /*text-align: right;*/
}
.selected_list_table .dose_per_unit .unit {
    display: inline-block;
    width: 45px;
}
.selected_list_table .dose_total {
   /*text-align: right;*/
}
.selected_list_table .dose_total .unit {
    display: inline-block;
    width: 25px;
}

/*合計投与量入力欄*/
[name=input_fertilizer_dose_total].wssm, [name=input_chemical_dose_total].wssm {
    /*text-align: right;*/
    width: 122px;
}
/*合計投与量入力欄 テーブル内入力欄用定義*/
.table_form1 td [name=input_fertilizer_dose_total].wssm, .table_form1 td [name=input_chemical_dose_total].wssm {
    /*text-align: right;*/
    width: 122px;
}

/* テーブル列右詰め */
.table_style1 td.right {
    text-align: right;
}

.table_form1 td .parts.block {
    display: block;
}
/* ------------------------------------------------
  2015.12.18 takayama STEP4 add end
------------------------------------------------ */

/* ------------------------------------------------
  2015.12.23 takayama STEP4 add start
------------------------------------------------ */
/* 肥培管理 */
/* modal_fertilizer_select
------------------------------------------------ */
/* 肥料選択モーダル */
#modal_fertilizer_select {
    width: 800px;
}

            #modal_fertilizer_select .fertilizer_selector_area select { width: 300px; height: 28px; background: #fff; border: solid #72af2d 1px; }
            #modal_fertilizer_select .btn_group { margin-top: 20px; text-align: center; }
/* modal_fertilizer_select↑ */


/* modal_chemical_select
------------------------------------------------ */
/* 農薬選択モーダル */
#modal_chemical_select {
    width: 800px;
}

            #modal_chemical_select .chemical_selector_area select { width: 300px; height: 28px; background: #fff; border: solid #72af2d 1px; }
            #modal_chemical_select .btn_group { margin-top: 20px; text-align: center; }
/* modal_chemical_select↑ */
/* ------------------------------------------------
  2015.12.23 takayama STEP4 add end
------------------------------------------------ */
/* ------------------------------------------------
  2015.12.22 T.Matsuoka STEP4 add start
------------------------------------------------ */
/* C703A0肥料台帳画面のスタイル */
/* ledger_fertilizer
------------------------------------------------ */
#fertilizer {
}

    #fertilizer .btn_list { position: relative; padding-top: 4px; }
        #fertilizer .btn_list ul { text-align: center; }
            #fertilizer .btn_list ul li { display: inline-block; vertical-align: middle; }
    #fertilizer .info_list { margin: 4px 0; }
        #fertilizer .info_list .enabled,
        #fertilizer .info_list .unavailable { color: #00683d; }

        /*-----------chack---*/
        #fertilizer .info_list .edit_delete { display: inline-block; }
        #fertilizer .info_list .btn { margin-top: 5px; margin-bottom:7px; text-align: center; }
            #fertilizer .info_list .btn a { display: inline-block; }
    #fertilizer .btn_group { clear: both; margin-top: 10px; text-align: center; }
        #fertilizer .btn_group li { display: inline-block; margin: 0 2px; vertical-align: top; }
    #fertilizer .info_list div table tbody tr td:last-child{ text-align:center; }

/* 新規肥料追加モーダル */
/* modal_new_fertilizer
------------------------------------------------ */
#modal_new_fertilizer {
    width: 900px;
}

    #modal_new_fertilizer .table_form1 { width: auto; }
        #modal_new_fertilizer .table_form1 th { /*padding: 4px; text-align: center; width: 90px;*/ }
        #modal_new_fertilizer .table_form1 th.center { padding-left: inherit; text-align: center; }
        #modal_new_fertilizer .table_form1 td { padding: 4px; /*text-align: center;*/ }
            #modal_new_fertilizer .table_form1 td .ws { /*width: 50px;*/ }
            #modal_new_fertilizer .table_form1 td .wm { width: 380px; }
            #modal_new_fertilizer .table_form1 td input.dose_per_unit { /*width: 110px;*/ }
            #modal_new_fertilizer .table_form1 td select { /*width: 470px;*/ }
            #modal_new_fertilizer .table_form1 td select.dose_unit { min-width: 50px; }
            #modal_new_fertilizer .table_form1 td textarea.ws { width: 280px; }
        #modal_new_fertilizer .btn_group { margin-top: 5px; text-align: center; }
            #modal_new_fertilizer .btn_group li { display: inline-block; vertical-align: top; }


            #modal_new_fertilizer .block_registered_span_dose_per_unit {
                display: inline-block;
            }
            /* 単位面積投与量 */
            #modal_new_fertilizer .dose_per_unit_set_area {
                /*縦スクロールの範囲を制限する場合は以下の設定を有効にする。*/
                /*overflow-y: auto;*/
                /*min-height: 350px;*/
                /*max-height: 350px;*/
            }
            /* 削除対象行のスタイル */
            #modal_new_fertilizer #table_added_dose_per_unit tr.target_delete { color: #909090; }

/* modal_new_fertilizer↑
/* ------------------------------------------------
  2015.12.22 T.Matsuoka STEP4 add end
------------------------------------------------ */

/* ------------------------------------------------
  2016.01.13 takayama STEP4 add start
  作業日報での肥料、農薬リストのホバー時の背景色設定
------------------------------------------------ */
.selected_list_table > tbody > tr:hover > td {
   background: #c0d695;
}
/* ------------------------------------------------
  2016.01.13 takayama STEP4 add end
------------------------------------------------ */
/* 【営農STEP8】kimura */
.form_area_normal {
}

.form_area_normal > .table_form1 > tbody > tr > th {
    width: 110px;
}

.preRemarksMultiple {
  white-space: pre-line;
  overflow-x: hidden;
  overflow-y: auto;
  word-wrap: break-word;
  height: 105px;
}

.preRemarks {
  white-space: pre-line;
  overflow-x: hidden;
  overflow-y: auto;
  word-wrap: break-word;
  width: 860px;
  height: 115px;
}

.prePhoto {
  max-height: 200px;
  max-width: 300px;
}

.table_form1 td .parts.block.form_area_remarks_area {
  height: 230px;
  overflow: auto;
}

#modal_worker_select {
    width: 455px;
}

#modal_worker_select .workUserList {
  height: 200px;
  overflow: auto;
}

/* データ連携 */
#dataLinkTermsOfUse{
	font-weight: bold;
	font-size:12px;
}

.flex{
	display: flex;
}

.inlineBlock{
	display:inline-block;
}

#linkageSystem th{
	width:11rem;
	padding:0px;
	color: #444;
	border-bottom:0px
}

#linkageSystem td{
	width:6rem;
	border-bottom:0px;
	padding:0px;
}

.notesOnDataLinkage p:nth-of-type(n + 2){
	display:inline-block;
	margin-left: 12px;
}

