/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2016/01/08, 18:50:44
    Author     : 情報センター
*/

@charset "UTF-8";

body {
    font-family: 'メイリオ', 'Hiragino Gothic Pro', 'sans-serif';
}

/* ヘッダー */
.header {
    padding-top: 10px;
    padding-bottom: 5px;
    background-color: #FFCCFF;
}

.header h1 {
    margin: 0;
    font-size: 24px;
    line-height: 1;
}

.header h1 a {
    color: #333;
}


h2 {
    font-size: 24px;
}

/* フッター */
.footer {
    padding-top: 10px;
    padding-bottom: 20px;
    background-color: #FFCCFF;
}

.footer a {
    color: #080808;
}

.tw50{    width: 50px;}
.tw60{    width: 60px;}
.tw70{    width: 70px;}
.tw80{    width: 80px;}
.tw100{   width: 80px;}
.tw150{   width: 150px;}
.tw200{   width: 200px;}

@media only screen and (max-width: 768px), (min-device-width: 320px) and (max-device-width: 768px) {
    #syuchou-table thead,
    #syuchou-table tbody,
    #syuchou-table th,
    #syuchou-table td,
    #syuchou-table tr,
    #overtime-table thead,
    #overtime-table tbody,
    #overtime-table th,
    #overtime-table td,
    #overtime-table tr,
    #show-table thead,
    #show-table tbody,
    #show-table th,
    #show-table td,
    #show-table tr,
    #report-table thead,
    #report-table tbody,
    #report-table th,
    #report-table td,
    #report-table tr,
    #kyuuka-table thead,
    #kyuuka-table tbody,
    #kyuuka-table th,
    #kyuuka-table td,
    #kyuuka-table tr {
        display: block;
    }
	#syuchou-table thead, #overtime-table thead, #show-table thead, #kyuuka-table thead, #report-table thead {
        display: none;
    }
    #syuchou-table tbody tr, #overtime-table tbody tr, #show-table tbody tr, #kyuuka-table tbody tr, #reort-table tbody tr {
        border-top: 1px solid #3C763D;
        border-bottom: 1px solid #3C763D;
    }
    #syuchou-table tbody tr td, #overtime-table tbody tr td, #show-table tbody tr td, #kyuuka-table tbody tr td, #report-table tbody tr td {
        border: none;
        border-bottom: 1px solid #eeeeee;
        position: relative;
        padding-left: 120px;
        text-align: left;
        white-space: normal;
    }
    #syuchou-table tbody tr td:before, #overtime-table tbody tr td:before, #show-table tbody tr td:before, #kyuuka-table tbody tr td:before, #report-table tbody tr td:before {
        color: #555;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 120px;
        padding-right: 10px;
        white-space: normal;
    }
    #syuchou-table tbody tr td:nth-of-type(1):before {
        content: "決裁内容";
    }
    #syuchou-table tbody tr td:nth-of-type(2):before {
        content: "届出日";
    }
    #syuchou-table tbody tr td:nth-of-type(3):before {
        content: "所属/氏名";
    }
    #syuchou-table tbody tr td:nth-of-type(4):before {
        content: "期間";
    }
    #syuchou-table tbody tr td:nth-of-type(5):before {
        content: "出張目的";
    }
    #syuchou-table tbody tr td:nth-of-type(6):before {
        content: "出張場所";
    }
    #syuchou-table tbody tr td:nth-of-type(7):before {
        content: "自家用車";
    }
    #syuchou-table tbody tr td:nth-of-type(8):before {
        content: "添付資料";
    }

    #overtime-table tbody tr td:nth-of-type(1):before {
        content: "決裁内容";
    }
    #overtime-table tbody tr td:nth-of-type(2):before {
        content: "請求日";
    }
    #overtime-table tbody tr td:nth-of-type(3):before {
        content: "所属/氏名";
    }
    #overtime-table tbody tr td:nth-of-type(4):before {
        content: "超過命令日";
    }
    #overtime-table tbody tr td:nth-of-type(5):before {
        content: "超過命令時間";
    }
    #overtime-table tbody tr td:nth-of-type(6):before {
        content: "超過開始時間";
    }
    #overtime-table tbody tr td:nth-of-type(7):before {
        content: "超過勤務の内容";
    }

	#show-table tbody tr td:nth-of-type(1):before {
        content: "選択";
    }
    #show-table tbody tr td:nth-of-type(2):before {
        content: "練習日時";
    }
    #show-table tbody tr td:nth-of-type(3):before {
        content: "練習室";
    }
    #show-table tbody tr td:nth-of-type(4):before {
        content: "時間帯";
    }
    #show-table tbody tr td:nth-of-type(5):before {
        content: "予約日時";
    }

	#kyuuka-table tbody tr td:nth-of-type(1):before {
        content: "決裁内容";
    }
    #kyuuka-table tbody tr td:nth-of-type(2):before {
        content: "請求日";
    }
    #kyuuka-table tbody tr td:nth-of-type(3):before {
        content: "所属/氏名";
    }
    #kyuuka-table tbody tr td:nth-of-type(4):before {
        content: "種類";
    }
    #kyuuka-table tbody tr td:nth-of-type(5):before {
        content: "期間";
    }
    #kyuuka-table tbody tr td:nth-of-type(6):before {
        content: "使用日数/時間";
    }
    #kyuuka-table tbody tr td:nth-of-type(7):before {
        content: "理由";
    }

	#report-table tbody tr td:nth-of-type(1):before {
        content: "日付";
    }
    #report-table tbody tr td:nth-of-type(2):before {
        content: "所属/氏名";
    }
    #report-table tbody tr td:nth-of-type(3):before {
        content: "種類";
    }
    #report-table tbody tr td:nth-of-type(4):before {
        content: "期間";
    }
    #report-table tbody tr td:nth-of-type(5):before {
        content: "理由";
    }
}