﻿.contentsWidth {
    width: 1000px;
}

.btn-date2 {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  background: #67c5ff;
  color: white;
  border: solid 2px #67c5ff;
  transition: .4s;
}

.btn-date2:hover {
  background: #0000FF;
  border: solid 2px #0000FF;
}

/*--------------------------------
    GridView用
--------------------------------*/

.gridTbl {
    padding: 10px;
    border-collapse: collapse;
    table-layout: fixed;
/*    width: 100%;
    max-width: 1px;
*/}

    .gridTbl th {
        background-color: #005eb6;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid black;
        color: white;
    }

        .gridTbl th a:link {
            color: #FFFFFF;
        }

        .gridTbl th a:visited {
            color: #FFFFFF;
        }

        .gridTbl th a:hover {
            color: #ADD8E6;
        }

        .gridTbl th a:active {
            color: #FFFFFF;
        }

    .gridTbl td {
        padding-left: 5px;
        padding-right: 5px;
        word-break: break-all;
        border: 1px solid black;
/*        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
*/    }

.gridTbl.dark {
    border-top: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
    border-collapse:collapse;
}

    .gridTbl.dark th {
        border-bottom: 1px solid #CDCDCD;
        border-right: 1px solid #CDCDCD;
        background: #052D86;
    }

    .gridTbl.dark td {
        border-bottom: 1px solid #CDCDCD;
        border-right: 1px solid #CDCDCD;
    }

/*--------------------------------
    一覧のbody部用
--------------------------------*/

.listBody {
    height: 150px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.listBody-h100 {
    height: 100px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.listBody-h200 {
    height: 200px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.listBody-h300 {
    height: 300px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

/*--------------------------------
    行選択時の背景色
--------------------------------*/
.trSelected {
    background-color: #F5DEB3;
}

/*--------------------------------
    行無効時の背景色
--------------------------------*/
.trDisabled {
    background-color: #BDBDBD;
}

/*--------------------------------
    エラーメッセージ欄
--------------------------------*/
.errInfo {
    /*margin-bottom: 10px;*/
    padding: 3px;
    border: 2px #ff0000 solid;
}


/*--------------------------------
    検索領域
--------------------------------*/

.searchBtn {
    width: 100px;
    text-align: center;
    margin-top: 20px;
    margin-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding: 7px 15px 8px 15px;
    border: none;
    cursor: pointer;
    opacity: 0.9;
    background-color: #005eb6;
    color: white;
    font-size: 18px;
}

    .searchBtn:hover {
        background-color: #001B35;
    }

    .searchBtn:disabled {
        background-color: #819196;
    }

.searchBtnInline {
    margin-top: 0px;
    margin-bottom: 0px;
}

.searchBtnInTable {
    margin-top: 0px;
    margin-bottom: 0px;
}

.searchText {
    color: #505050;
    height: 15px;
    border: 1px solid #C8C8C8;
    padding: 7px 0px 5px 5px;
}
    .searchText:disabled {
        background-color: #BCC3C6;
    }

.searchDateText {
    color: #505050;
    height: 15px;
    border: 1px solid #C8C8C8;
    padding: 5px 0px 5px 5px;
}

.searchDropDown {
    color: #505050;
    height: 30px;
    border: 1px solid #C8C8C8;
    min-width: 200px;
}

.selectDropDown {
    color: #505050;
    height: 30px;
    border: 1px solid #C8C8C8;
    min-width: 200px;
    text-align:right;
}

.ui-datepicker-trigger {
    padding: 5px 15px 8px 15px;
    border: 1px solid;
    cursor: pointer;
    opacity: 0.9;
    background-color: #d4d0c8;
    height: 29px;
}

.contentLabel {
    font-size: 18px;
}

.searchResult {
    font-size: 18px;
}

.searchRadio {
    color: #505050;
    height: 40px;
    padding: 5px 0px 5px 5px;
    font-size: 18px;
    text-align: center;
    margin-left: 10px;
}
/*--------------------------------
    画面下部のボタン
--------------------------------*/
.bottomBtn,.bottomDlBtn {
    width: 100px;
    text-align: center;
    margin-left: 10px;
    margin-top: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding: 7px 15px 8px 15px;
    border: none;
    cursor: pointer;
    opacity: 0.9;
    background-color: #005eb6;
    color: white;
    font-size: 18px;
}

    .bottomBtn:hover {
        background-color: #001B35;
    }

    .bottomBtn:disabled {
        background-color: #819196;
    }

.bottomWarningBtn {
    width: 150px;
    text-align: center;
    margin-left: 10px;
    margin-top: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding: 7px 15px 8px 15px;
    border: none;
    cursor: pointer;
    opacity: 0.9;
    background-color: #005eb6;
    color: white;
    font-size: 18px;
}

    .bottomWarningBtn:hover {
        background-color: #001B35;
    }

    .bottomWarningBtn:disabled {
        background-color: #819196;
    }

.selectBtn {
    text-align: center;
    margin-left: 10px;
    margin-top: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    width:65px;
    border: none;
    cursor: pointer;
    opacity: 0.9;
    background-color: #005eb6;
    color: white;
    font-size: 15px;
    }

    .selectBtn:hover {
        background-color: #001B35;
    }

    .selectBtn:disabled {
        background-color: #819196;
    }

.getMovieBtn {
    width: 100px;
    text-align: center;
    margin-left: 10px;
    margin-top: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding: 7px 15px 8px 15px;
    border: none;
    cursor: pointer;
    opacity: 0.9;
    background-color: #005eb6;
    color: white;
    font-size: 14px;
}

    .getMovieBtn:hover {
        background-color: #001B35;
    }

    .getMovieBtn:disabled {
        background-color: #819196;
    }


/*--------------------------------
    画面下部のボタン
    (乗務員／車両マスタデータ削除ボタン用)
--------------------------------*/
.delMasterBtn {
    width: 200px;
    text-align: center;
    margin-left: 10px;
    margin-top: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding: 7px 15px 8px 15px;
    border: none;
    cursor: pointer;
    opacity: 0.9;
    background-color: #005eb6;
    color: white;
    font-size: 18px;
}

    .bottomBtn:hover {
        background-color: #001B35;
    }

    .bottomBtn:disabled {
        background-color: #819196;
    }

/*--------------------------------
    詳細、更新画面の
    データ入力テーブル用
--------------------------------*/
.inputTbl {
    border-collapse: collapse;
    border-spacing: 0px;
    border: 1px #808080 solid;
    font-size: 16px;
}

    .inputTbl td {
        border: 1px #808080 solid;
        padding: 5px;
    }

    .inputTbl colgroup {
        background-color: #005eb6;
    }
/***** 見出し部分の文字色 *****/
.inputTblTh {
    color: #ffffff;
    width: 20%;
}

.inputText {
    color: #505050;
    display: block;
    height: 18px;
    border: 1px solid #C8C8C8;
    padding: 10px 0px 10px 10px;
    width: 80%;
}
    .inputText:disabled {
        background-color: #BCC3C6;
    }

.inputText-NoBlock {
    color: #505050;
    height: 15px;
    border: 1px solid #C8C8C8;
    padding: 7px 0px 5px 5px;
    width: 80%;
}
    .inputText-NoBlock:disabled {
        background-color: #BCC3C6;
    }

.inputText-NoWidth {
    color: #505050;
    height: 18px;
    border: 1px solid #C8C8C8;
    padding: 10px 0px 10px 10px;
}
    .inputText-NoWidth:disabled {
        background-color: #BCC3C6;
    }

.inputDropDown {
    color: #505050;
    display: block;
    height: 40px;
    border: 1px solid #C8C8C8;
    min-width: 90%;
}
.inputDropDown-NoWidth {
    color: #505050;
    height: 30px;
    border: 1px solid #C8C8C8;
}

.CommentText {
    font-size: 12px;
}

.inputAuthorityTbl {
    border-collapse: collapse;
    border-spacing: 0px;
    border: 1px #808080 solid;
    font-size: 11px;
}
    .inputAuthorityTbl td {
        border: 1px #808080 solid;
        padding: 5px;
    }
    .inputAuthorityTbl colgroup {
        background-color: #005eb6;
    }


/*--------------------------------
    入力欄の幅
--------------------------------*/
.inputW300 {
    width: 300px;
}

.inputW200 {
    width: 200px;
}

.inputW30 {
    width: 40px;
}

/*--------------------------------
     メニュー画面
----------------------------------*/
.selectButton {
    margin-top: 20px;
    margin-bottom: 20px;
    Width: 230px;
    Height: 50px;
    padding: 7px 15px 8px 15px;
    border: none;
    cursor: pointer;
    opacity: 0.9;
    background-color: #005eb6;
    color: white;
    font-size: 18px;
}
    .selectButton:hover {
        background-color: #001B35;
    }
    .selectButton:disabled {
        background-color: #819196;
    }

/*---------------------------------
    ログイン画面
----------------------------------*/
.loginLabel {
    margin-left: 25px;
}

.loginText {
    color: #707070;
    display: block;
    height: 18px;
    border: 1px solid #C8C8C8;
    padding: 10px 0px 10px 10px;
    width: 388px;
    margin-left: 25px;
}

.loginButton {
    margin-top: 10px;
    margin-bottom: 10px;
    Width: 400px;
    Height: 40px;
    padding: 7px 15px 8px 15px;
    border: none;
    cursor: pointer;
    opacity: 0.9;
    background-color: #005eb6;
    color: white;
}
    .loginButton:hover {
        background-color: #001B35;
    }
    .loginButton:disabled {
        background-color: #819196;
    }

.loginErrorText {
    color: red;
    margin-left: 25px;
}

.loginBackColor {
    border-radius: 34px;
    background-clip: padding-box;
}

.forgetMailAddress {
    color: #707070;
    display: block;
    height: 18px;
    border: 1px solid #C8C8C8;
    padding: 10px 0px 10px 10px;
    width: 388px;
    margin-left: 25px;
    margin-bottom: 10px;
}

.returnButton {
    margin-top: 50px;
    margin-bottom: 10px;
    margin-left: 100px;
    Width: 200px;
    Height: 40px;
    padding: 7px 15px 8px 15px;
    border: none;
    cursor: pointer;
    opacity: 0.9;
    background-color: #005eb6;
    color: white;
}
    .returnButton:hover {
        background-color: #001B35;
    }
    .returnButton:disabled {
        background-color: #819196;
    }

/*---------------------------------
    評価設定画面
----------------------------------*/
.evalDiv {
    margin: 10px 25px 10px 0px;
}

    .evalDiv table {
        border-collapse: collapse;
        border-spacing: 0px;
        border: 1px #808080 solid;
    }

    .evalDiv td {
        border: 1px #808080 solid;
        padding: 5px;
    }

    .evalDiv th {
        border: 1px #808080 solid;
        padding: 5px;
        background-color: #005eb6;
        color: white;
        text-align: center;
    }

/*---------------------------------
    検索条件
----------------------------------*/
.divSearchCondition {
    margin-top: 5px;
}
.divSearchCondition > table:first-child > tbody > tr:first-child > td {
    padding-top: 0px;
}
.divSearchCondition > table > tbody > tr > td {
    padding-top: 5px;
}

/*---------------------------------
    詳細検索条件
----------------------------------*/
.divToggledConditionLabel {
    height:5px;
    float:left;
}

.btnToggledCondition {
    height: 20px;
    width: 20px;
}

.divToggledCondition {
    display: none; 
    padding-top: 20px;
}

.divToggledCondition table {
    border: none;
}
.divToggledCondition table > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: none;
}
.divToggledCondition table .contentLabel  {
    font-size:smaller;
}
.divToggledCondition table input  {
    margin-right: 5px;
}

.divToggledConditionButton {
    text-align: right;
}
.divToggledConditionButton .searchBtn {
    width: 100px;
    height: 30px;
    font-size: 12px;
}


/***********************************
    お知らせ画面
************************************/
.btnNotice {
    margin-left: 790px;
    Height: 40px;
    padding: 7px 15px 8px 15px;
    border: none;
    cursor: pointer;
    opacity: 0.9;
    background-color: #005eb6;
    color: white;
}

    .btnNotice hover {
        background-color: #001B35;
    }

    .btnNotice:disabled {
        background-color: #819196;
    }

.noticeButton {
    width: 150px;
    text-align: center;
    margin-left: 10px;
    margin-top: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding: 7px 15px 8px 15px;
    border: none;
    cursor: pointer;
    opacity: 0.9;
    background-color: #005eb6;
    color: white;
    font-size: 18px;
}

    .noticeButton:hover {
        background-color: #001B35;
    }

    .noticeButton:disabled {
        background-color: #819196;
    }

.commonButton {
    text-align: center;
    margin-left: 10px;
    margin-top: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding: 7px 15px 8px 15px;
    border: none;
    cursor: pointer;
    opacity: 0.9;
    background-color: #005eb6;
    color: white;
    font-size: 18px;
}

    .commonButton:hover {
        background-color: #001B35;
    }

    .commonButton:disabled {
        background-color: #819196;
    }


.homeGetMovieButton{
    text-align: center;
    margin: 0 auto;
    /*padding: 5px 5px 5px 5px;*/
    border: none;
    cursor: pointer;
    opacity: 0.9;
    background-color: #005eb6;
    color: white;
    font-size: 12px;
    height:25px;
    width:75px;
}

    .homeGetMovieButton:hover {
        background-color: #001B35;
    }

    .homeGetMovieButton:disabled {
        background-color: #819196;
    }

.movieButton-nowidth {
    text-align: center;
    border: none;
    cursor: pointer;
    opacity: 0.9;
}

.movieButton {
    width:50px;
    height:50px;
    text-align: center;
    border: none;
    cursor: pointer;
    opacity: 0.9;
}

.movieControlImg {
    width:45px;
    height:45px;
}

.checkboxText {
    font-size:18px;
}

input[type=checkbox]{
    transform: scale(1.5);
    margin-left:5px;
    margin-right:5px;
}
/* 追加分 */
.width110{
    width:110px;
}
/* 追加分 */
