/* 最小化できませんでした。最小化されていないコンテンツを返します。
(1301,1): run-time error CSS1019: Unexpected token, found '@'
 */
/*-------------------------------
全画面共通
 -------------------------------*/
html {
    height: 100%;
    width: 100%;
    background-color: transparent;
    margin-bottom: 1px;
    overflow-y: scroll;
}

body {
    font-size: 0.85em;
    font-family: 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ', Meiryo, 'ＭＳ Ｐゴシック','MS PGothic', sans-serif; /*macならヒラギノ,winならメイリオ*/
    color: #333333;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    min-width: 768px;
    -webkit-text-size-adjust: 100%;
}


/*0093:追加start*/

/*連絡事項アイコン追加*/
#icon {
    position: relative;
    top: -8px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #fff;
}

    #icon img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    #icon #badge {
        position: absolute;
        margin: 4px;
        top: 10px;
        right: -15px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        color: #fff;
        background: #FF0000;
        font-size: 80%;
        text-align: center;
    }

/*スクロール用*/

tbody.scrollBody {
    display: block;
}

tbody.scrollBody {
    overflow-y: scroll;
    height: 105px;
}


/*連絡事項追加end*/


.position_left {
    text-align: end;
    position: relative;
    left: 10px;
}

/*印刷画面前次ボタン*/
input[name="Btnrecnavi"] {
    width: 90px;
    float: left;
    font-size: 15px;
    cursor: pointer;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #fff;
    background-color: #49a9d4;
    border-radius: 5px;
    position: relative;
    left: 30px;
}

/*作業報告書ページ下氏名*/
.simei {
    padding-bottom: 0em;
}

.todokedechui {
    color: #FF0000;
    font-size: medium;
    font-weight: bold;
}



/*印刷用画面、会社名*/
.kaishamei {
    /*text-align:end;*/
    /*margin-left: auto;*/
    float: right;
    font-size: medium;
    font-weight: bold;
}
/*印刷用画面、テーブル項目幅*/
.haba {
    width: 45px;
    text-align: center;
}

.monshinhyo_kinyu {
    width: 80em;
}


/*0093:追加end*/


/*テキストボックス系*/
input[type="text"], input[type="password"],
input[type="date"], input[type="time"] {
    font-family: 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ', Meiryo, 'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
    position: relative;
    margin: auto;
    color: #333333;
    vertical-align: middle;
    height: 1.615em;
    border: 1px solid #CCCCCC;
}

input[type="password"] {
    font-family: Verdana, sans-serif;
}

input[type="date"], input[type="time"] {
    width: 12em;
}


/*テキストエリア*/
textarea {
    -webkit-box-sizing: border-box; /* Chrome, Safari */
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box; /* IE8+, Opera */
    font-size: 1em;
    font-family: 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ', Meiryo, 'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
    border: solid 1px #CCCCCC;
    color: #333333;
    min-height: 75px;
}

/*ドロップダウンリスト*/
select {
    width: 14em; /*幅12文字分*/
    font-family: 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ', Meiryo, 'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
    border: solid 1px #CCCCCC;
    color: #333333;
    margin: 1px;
    padding: 1px;
    vertical-align: middle;
}

hr {
    margin: 1em 0;
}


/*-------------------------------
ヘッダ
 -------------------------------*/
div#header {
    background-image: url("../Content/img/header.jpg");
    background-repeat: repeat-x;
    height: 40px;
    color: #ffffff;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    border: none;
    display: block;
}

/*ヘッダ部左の指定*/
div#header-left {
    float: left;
    width: 300px;
    text-align: left;
    color: #ffffff;
    padding: 0.3em 0 0 0;
    margin: 0;
}

/*ヘッダ部右の指定*/
div#header-right {
    float: right;
    padding: 0.8em 1em 0 0;
    margin: 0;
}



/*-------------------------------
タイトル
 -------------------------------*/
/*画面のタイトル(画面名)に適用するID*/
div#title {
    background-image: url("../Content/img/m3_title_bg.jpg");
    background-repeat: repeat-x;
    color: #018bb9;
    border-top: 1px double #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    height: 1.5em;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    clear: both;
    margin: 0;
    overflow: hidden;
}

/*タイトル左*/
div#title-left {
    float: left;
    margin: auto 1em;
}

/*タイトル右*/
div#title-right {
    float: right;
    margin-right: 0.5em;
    margin-left: 0.5em;
}

/*タイトル画像用*/
img.top {
    /*IE用：枠なし*/
    border-style: none;
    height: 30px;
    width: 158px;
}

/*-------------------------------
メイン(レイアウト用)
 -------------------------------*/
div#main1 {
    padding: 0 2%;
    /*border-color:red;
    border-style:solid;*/
    /*20210224 Aoki add 横スクロール対応 start*/
    /*overflow: hidden;*/
    overflow: auto;
    /*20210224 Aoki add 横スクロール対応 end*/
    display: block;
}

div#main2 {
    padding: 0 5%;
    /*border-color:pink;
    border-style:solid;*/
    overflow: hidden;
    display: block;
}

div#main3 {
    padding: 0 10%;
    /*border-color:orange;
    border-style:solid;*/
    overflow: hidden;
    display: block;
}

/*20200820 Matsuo add start：ヘッダー&画面タイトル部分より下をスクロールできるようにするクラス*/
div#main4 {
    padding: 0 2%;
    /*border-color:red;
    border-style:solid;*/
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    height: calc( 100vh - 6.6em );
}
/*20200820 Matsuo add end*/


/*div#container{
    position: relative;
    min-height: 100%;
        border-color:purple;
    border-style:solid;
}*/

/*コンテンツ左50%*/
div#main-left {
    float: left;
    width: 48%;
    /*border-color:purple;
    border-style:solid;*/
    display: block;
}

div#main-left2 {
    float: left;
    width: 48%;
    padding: 0 2%;
    /*border-color:purple;
    border-style:solid;*/
    display: block;
}
/*コンテンツ左30%*/
div#main-left30 {
    float: left;
    width: 30%;
    /*border-color:purple;
    border-style:solid;*/
    display: block;
}

/*コンテンツ左75%*/
div#main-left75 {
    float: left;
    width: 73%;
    /*border-color:yellow;
    border-style:solid;*/
    display: block;
}

/*コンテンツ右50%*/
div#main-right {
    float: left;
    width: 48%;
    /*border-color:yellowgreen;
    border-style:solid;*/
    display: block;
}

/*コンテンツ右25%*/
div#main-right25 {
    float: left;
    width: 23%;
    /*border-color:yellowgreen;
    border-style:solid;*/
    display: block;
}

/*フッター*/
div#footer {
    text-align: right;
    display: block;
    height: 1em;
    clear: both;
    /*border-color:green;
    border-style:solid;*/
}

header, footer, nav, section {
    display: block;
}

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

/*ボタン・リンクのエリア*/
div.action-area {
    clear: both;
    margin: 5px 0;
}

div.action-area-jobu {
    clear: both;
    margin: 1em 0 1em 0;
}

div.action-area_kengen {
    float: left;
    margin: 5px 6px;
}

div.action-area_kengen_cancel {
    float: left;
    margin: 5px 60px;
}

/*ボタンのエリア*/
div.button-area {
    margin-top: 1em;
}

/*状況表示のエリア*/
div.status-area {
    font-size: .8em;
    color: #696969;
    text-align: right;
    margin-top: 1em;
    border-bottom: 1px solid #cccccc;
}

/*区切り*/
span.separator {
    width: 1px;
    height: 100%;
    margin: 0 2%;
    border-left: solid 1px #CCCCCC;
}

/*回り込み解除*/
.clear {
    clear: both;
    display: none;
}

/*個別設定*/

/*作業報告書の勤務時間帯*/
div.time-pattern {
    margin-top: 1em;
    padding-top: 1em;
    border-top: solid 1px #CCCCCC;
}

/*作業報告書の過重労働有無*/
div.kaju-rodo {
    margin-top: 1em;
    padding-top: 1em;
    border-top: solid 1px #CCCCCC;
}

/*作業報告書のチェック*/
div.sagyo-hokoku-check {
    margin-top: 1em;
    padding-top: 1em;
    border-top: solid 1px #CCCCCC;
}

/*作業報告書の承認欄*/
div.shoninlan {
    margin-top: 1em;
    padding-top: 1em;
    border-top: solid 1px #CCCCCC;
}

/*問診票の評価欄*/
div.rating-area {
    overflow: hidden;
    display: block;
}

/*問診票の評価欄左*/
div.rating-area-left {
    float: left;
    width: 48%;
    display: block;
}

/*問診票の評価欄右*/
div.rating-area-right {
    float: right;
    width: 48%;
    display: block;
}

/*問診票の面接結果*/
div.interview-area {
    clear: both;
    border-top: solid 1px #cccccc;
    padding-top: 1em;
}

/*問診票の面接結果リスト*/
ul.interview {
    list-style: none;
    display: block;
}

    /*問診票の面接結果リスト項目*/
    ul.interview > li {
        float: left;
    }

/*問診票の面接結果リスト行頭項目*/
li.line-head {
    clear: both;
}

/*問診票の面接結果リスト最終項目*/
ul.interview > li:nth-last-of-type(1) {
    float: none;
}

/*作業報告書の役所報告画面ボタン*/
.yakusyo {
    float: right;
    margin: 1em 0 1em 0;
}

/*稼働一覧画面の補足欄*/
.notes-area {
    clear: both;
}

/*20150123 kanie add start csv追加*/
/*作業報告書のcsv出力ボタン*/
.csvbottun {
    float: left;
    margin: 1em 0 1em 1em;
}
/*20150123 kanie add end csv追加*/
/*-------------------------------
テーブル系
 -------------------------------*/
/*基本的なtable・tdに適用するクラス*/
table.main {
    border: solid 1px #CCCCCC;
    /*margin-top: 10px;
    margin-bottom: 10px;
    width: 1000px;
    position:relative;
    width:100%;
    margin: 1em auto;*/
    width: 100%;
    margin: 1em auto;
}

/*テーブル並べて表示用*/
table.main_sort_left {
    border: solid 1px #CCCCCC;
    /*margin-top: 10px;
    margin-bottom: 10px;
    width: 1000px;
    position:relative;
    width:100%;
    margin: 1em auto;*/
    float: left;
    width: 38%;
    margin: 1em auto;
}

table.main_sort_right {
    border: solid 1px #CCCCCC;
    /*margin-top: 10px;
    margin-bottom: 10px;
    width: 1000px;
    position:relative;
    width:100%;
    margin: 1em auto;*/
    float: left;
    width: 38%;
    margin: 1em auto;
}

table.busho {
    border: solid 1px #CCCCCC;
    /*margin-top: 10px;
    margin-bottom: 10px;
    width: 1000px;
    position:relative;
    width:100%;
    margin: 1em auto;*/
    width: 30%;
    margin: 1em 5px;
}

table.kengen {
    border: solid 1px #CCCCCC;
    /*margin-top: 10px;
    margin-bottom: 10px;
    width: 1000px;
    position:relative;
    width:100%;
    margin: 1em auto;*/
    float: left;
    width: 47%;
    margin: 1em auto;
}

table.kikan {
    border: solid 1px #CCCCCC;
    float: left;
    margin: 1em auto;
}

/*基本的(枠線なし)なtable・tdに適用するクラス*/
table.main2 {
    border: none;
    /*margin-top: 10px;
    margin-bottom: 10px;
    width: 1000px;
    width:100%;
    margin: 0 auto;*/
    width: 100%;
    margin: 1em auto;
}

td.main {
    border: solid 1px #CCCCCC;
    /*margin-top: 10px;
    margin-bottom: 10px;
    width: 1000px;
    position:relative;
    width:100%;
    margin: 1em auto;*/
    /*width:100%;*/
    /*margin: 1em auto;*/
}

/*ログアウトボタンを配置するテーブル(枠線なし)適用するクラス*/
table.logout {
    border: none;
    /*width: 1000px;*/
}

/*基本的な項目名ラベルに適用するクラス*/
td.label, th.label {
    border: solid 1px #CCCCCC;
    background-color: #E3F1F6;
    width: 12em;
    min-width: 100px;
}


/*基本的(枠線なし)なtable・tdに適用するクラス*/
td.carender {
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px 5px;
    /*width: 300px;*/
}

/*基本的(枠線なし)なtable・tdに適用するクラス*/
td.currenttime {
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    /*width: 350px;*/
    text-align: center;
}

/*タイムレコーダー画面のInfomationラベルに適用するクラス*/
td.timerec_item1_label {
    border: solid 1px #CCCCCC;
    background-color: #E3F1F6;
    /*width: 510px;*/
}

/*タイムレコーダー画面のプロジェクト・所属・社員No・氏名の項目値欄に適用するクラス*/
td.timerec_item2_label {
    border: solid 1px #CCCCCC;
    /*margin-top: 10px;
    margin-bottom: 10px;*/
    width: 200px;
}

/*タイムレコーダー画面の出勤・退勤・主な作業内容の配置に適用するクラス*/
td.timerec_item1 {
    border: none;
    /*margin-top: 10px;
    margin-bottom: 10px;*/
    width: 500px;
}

/*基本的なtable・tdに適用するクラス*/
table.login {
    border: solid 1px #CCCCCC;
    /*margin-top: 10px;
    margin-bottom: 10px;
    width: 1000px;
    position:relative;
    width:100%;
    margin: 1em auto;*/
    margin: 1em 0;
}

table.shain {
    border: solid 1px #CCCCCC;
    margin: 1em 0;
}

/*-------------------------------
リスト表示用
 -------------------------------*/

/*0093：交通費精算連番start*/


.text_area_memo {
    font-size: 15px;
}

.text_area_hinin {
    width: 100%;
    max-height: 10em;
    /*color: #ff0000;*/
    position: relative;
    font-size: 15px;
}



span.error_m {
    /*font-size: 15px;*/
    /*font-weight: normal;*/
    font-weight: bold;
    color: #FF4040;
    display: block;
    margin: 0;
}

table.userjoho {
    width: 50%;
    margin: 1px;
    border: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1em auto;
}

    table.userjoho tr th, table.userjoho tr td {
        font-size: 12px;
        border: 1px solid #CCC;
        border-collapse: collapse;
        padding: 1px 3px 1px 1px;
    }


table.basic {
    width: 100%;
    margin: 1px;
    border: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1em auto;
}


    table.basic tr th, table.basic tr td {
        font-size: 12px;
        border: 1px solid #CCC;
        border-collapse: collapse;
        padding: 1px 3px 1px 1px;
    }


.ta-line {
    background-color: #EAF6FD;
    height: 10px;
    border: medium;
}


/*0093：交通費精算連番end*/

table.list1 {
    width: 100%;
    margin: 1px;
    border: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1em auto;
}

table.list2 {
    width: 50%;
    margin: 1px;
    border: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1em auto;
}

table.list3 {
    width: 63%;
    margin: 1px;
    border: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 1em;
    margin-bottom: auto;
    margin-left: 20em;
    margin-right: 1em;
}

table.list4 {
    /*20150113 kanie add start*/
    float: left;
    /*20150113 kanie add end*/
    width: 30%;
    margin: 1px;
    border: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 1em;
    margin-bottom: auto;
    /*20150113 kanie fix start*/
    /*margin-left: 20em;*/
    margin-left: 18px;
    /*20150113 kanie fix end*/
    margin-right: 1em;
}

table.list5 {
    width: 90%;
    margin: 1px;
    border: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 0;
    margin-right: auto;
}

table.list6 {
    border: solid 1px #CCCCCC;
    margin-left: 15px;
    margin-bottom: 25px;
    float: left;
}

/*20150109 kanie add start 事前/事後対応*/
table.list7 {
    width: 12em;
    table-layout: fixed;
    margin: 1px;
    border: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 1em;
    margin-bottom: auto;
    margin-left: 20em;
    margin-right: 1em;
}
/*20150109 kanie add end 事前/事後対応*/
/*20150119 kanie add start 備考追加対応*/
table.yakusyo_list {
    width: 100%;
    margin: 1px;
    border: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1em auto;
}
/*20150119 kanie add end 備考追加対応*/
/*0104:年次有給休暇管理簿追加Start*/
table.nenji_yukyu_kanribo {
    border: 1px solid #CCC;
    /*20210527 Aoki mod borderバグ対応 start*/
    /*border-collapse: collapse;*/
    border-collapse: separate;
    /*20210527 Aoki mod borderバグ対応 end*/
    border-spacing: 0;
    table-layout: fixed;
    max-width: 1295px;
    min-width: 1295px;
}
table.nenji_yukyu_kanribo thead, table.nenji_yukyu_kanribo tbody {
    display: block;
}
table.nenji_yukyu_kanribo tbody {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 67vh;
}

/*0104:年次有給休暇管理簿追加End*/
scroll {
    overflow: scroll;
    height: 80vh !important;
}


table.list1 tr th, table.list1 tr td,
table.list3 tr th, table.list3 tr td,
table.list4 tr th, table.list4 tr td,
table.list5 tr th, table.list5 tr td,
table.list2 tr th, table.list2 tr td,
table.list7 tr th, table.list7 tr td {
    font-size: 12px;
    border: 1px solid #CCC;
    border-collapse: collapse;
    /*border-right: 1px solid #CCC;*/
    padding: 1px 3px 1px 1px;
}

table.list1 tr th, table.list2 tr th,
table.list5 tr th {
    background: #E3F1F6;
}

/*0104:年次有給休暇管理簿追加Start*/
table.nenji_yukyu_kanribo tr th, table.nenji_yukyu_kanribo tr td {
    font-size: 12px;
    /*20210527 Aoki mod borderバグ対応 start*/
    /*border: 1px solid #CCC;*/
    /*border-collapse: collapse;*/
    border: 1px solid rgba(0,0,255,0.1);
    border-collapse: separate;
    /*20210527 Aoki mod borderバグ対応 end*/
    /*border-right: 1px solid #CCC;*/
    padding: 1px 3px 1px 1px;
}
table.nenji_yukyu_kanribo th {
    background: #E3F1F6;
}
/*セル幅調整*/
table.nenji_yukyu_kanribo th.nenYukyupx138 {
    width:138px;
    min-width:138px;
}
table.nenji_yukyu_kanribo th.nenYukyupx89 {
    width:89px;
    min-width:89px;
    
}
table.nenji_yukyu_kanribo th.nenYukyupx90 {
    width:90px;
    min-width:90px;
    
}
table.nenji_yukyu_kanribo th.nenYukyupx938 {
    /*20210527 Aoki mod borderバグ対応 start*/
    /*width:935px;
    min-width:935px;*/
    width:945px;
    min-width:945px;
    /*20210527 Aoki mod borderバグ対応 end*/    
}
    
table.nenji_yukyu_kanribo td.nenYukyupx44 {
    width: 44px;
    min-width: 44px;
}
table.nenji_yukyu_kanribo td.nenYukyupx89 {
    width: 89px;
    min-width: 89px;
}
table.nenji_yukyu_kanribo td.nenYukyupx90 {
    width: 90px;
    min-width: 90px;
}
table.nenji_yukyu_kanribo td.nenYukyupx100 {
    width: 100px;
    min-width: 100px;
}
table.nenji_yukyu_kanribo td {
    height: 26px;
}


/*0104:年次有給休暇管理簿追加End*/

    /*稼働一覧項目幅指定（基本）*/
    table.list1 tr th.list1px30,
    table.list1 tr td.list1px30 {
        width: 30px;
        min-width: 30px;
        max-width: 30px;
    }

    /*稼働一覧項目幅指定（申請）*/
    table.list1 tr th.list1px50,
    table.list1 tr td.list1px50 {
        width: 40px;
        min-width: 40px;
    }

    /*稼働一覧項目幅指定（残業）*/
    table.list1 tr th.list1px70,
    table.list1 tr td.list1px70 {
        width: 38px;
        min-width: 38px;
    }

    /*20210224 Aoki add レイアウト調整 start*/
    /*稼働一覧項目幅指定（メンバ名）*/
    table.list1 tr th.list1px140,
    table.list1 tr td.list1px140 {
        width: 10%;
        min-width: 120px;
    }
    /*20210224 Aoki add レイアウト調整 end*/

th.left {
    text-align: left;
}

th.px10, td.px10 {
    width: 10px;
}

th.px20, td.px20 {
    width: 20px;
}

th.px30, td.px30 {
    width: 30px;
}

th.px40, td.px40 {
    width: 40px;
}

th.px50, td.px50 {
    width: 50px;
}

th.px60, td.px60 {
    width: 60px;
}

th.px70, td.px70 {
    width: 70px;
}

th.px80, td.px80 {
    width: 80px;
}

th.px90, td.px90 {
    width: 90px;
}

th.px100, td.px100 {
    width: 100px;
}

th.px100, td.px110 {
    width: 110px;
}

th.px150, td.px150 {
    width: 150px;
}

th.px190, td.px190 {
    width: 190px;
}

th.px200, td.px200 {
    width: 200px;
}
/*0093：追加*/
th.px250, td.px250 {
    width: 250px;
}


th.px450, td.px450 {
    width: 450px;
}

td.timeright {
    width: 50px;
    text-align: right;
}

td.kaisulight {
    text-align: right;
}

/*20150119 kanei add start 備考追加対応*/
th.fix, td.fix {
    table-layout: fixed;
    word-break: break-all;
}
/*20150119 kanei add end 備考追加対応*/

table.shoninlan {
    margin: 1px;
    border-spacing: 0px;
    text-align: center;
}

    table.shoninlan tr td {
        font-size: 12px;
        border-top: 1px solid #CCC;
        border-left: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        border-right: 1px solid #CCC;
        padding: 1px;
        text-align: center;
    }

.check-button {
    text-align: center;
}

.check-date {
    text-align: center;
    vertical-align: top;
}

.memo {
    width: 75%;
}

.no {
    width: 5%;
}

.question {
    width: 60%;
}

.tensu {
    width: 10%;
}

.matrix {
    width: 20%;
}

/*
    法定労働状況チェック対応
    */
.hotei-danger-row {
    background-color: lightpink;
}

.hotei-danger-cell {
    background-color: red;
    color:white;
}

/*-------------------------------
色指定用(文字で指定)
-------------------------------*/

/*作業報告画面*/
span[title="土"] { /*青系*/
    color: #4682b4;
}

span[title="日"] { /*赤系*/
    color: #ff4500;
}

span[title="認"] { /*青系*/
    color: #4682b4;
}

span[title="未"] { /*赤系*/
    color: #ff4500;
}

span[title="否"] { /*紫系*/
    color: #c71585;
}

span[title^="警告"] { /*紫系*/
    color: #c71585;
}

span[title^="エラー"] { /*赤系*/
    color: #ff4500;
}

span[title="0.0"] {
    color: #000000;
}


/*稼働一覧画面*/
span[title="注"] { /*紫系*/
    color: #c71585;
}

span[title="危"] { /*赤系*/
    color: #ff4500;
}

span[title="済"] { /*青系*/
    color: #4682b4;
}

/*-------------------------------
月表示用
-------------------------------*/
.round {
    border-radius: 5px;
    border: 1px solid #999999;
    padding: 4px;
    width: 170px;
    background-color: #E3F1F6;
    font-weight: bold;
    overflow: hidden;
    margin: 1em 0 1em 0;
    float: left;
}

.tuki_navi_left {
    text-align: center;
    float: left;
    width: 40px;
}

.tuki_navi_center {
    text-align: center;
    float: left;
    width: 90px;
}

.tuki_navi_center2 {
    text-align: center;
    float: left;
    width: 170px;
}

.tuki_navi_right {
    text-align: center;
    float: left;
    width: 40px;
}

/*-------------------------------
ラベル系
 -------------------------------*/
/*nishimotoa 20140123 start*/
/*firefox用*/
@font-face {
    font-family: 'arial-black';
    src: local('Arial Black');
}

/*時間表示(yyyy/mm/dd)に適用するクラス*/
.label_item1 {
    color: #616161;
    font-family: "Arial Black", arial-black, sans-serif;
    font-size: 20px;
    text-align: center;
}

/*時間表示(hh:mm:ss)に適用するクラス*/
.label_item2 {
    color: #616161;
    font-family: "Arial Black", arial-black, sans-serif;
    font-size: 30px;
    text-align: center;
}
/*nishimotoa 20140123 end*/

/*対象日に適用するクラス*/
.label_item3 {
    color: #616161;
    font-family: "OCRB";
    font-size: 20px;
}

/*帰社に適用するクラス*/
.label_kisha {
    color: #616161;
    font-family: "Arial Black", arial-black, sans-serif;
    font-size: 20px;
    text-align: left;
}

.label_kuran {
    width: 200px;
}

/*右寄せの項目(数値)に適用するクラス*/
td.right, th.right {
    text-align: right; /*右寄せ*/
}

td.right_red {
    text-align: right; /*右寄せ*/
    color: #ff4500;
}

/*テスト*/
@ sinseichien_chikokushotai {
}

a[td="right_red"] {
    text-align: right; /*右寄せ*/
    color: #ff4500;
}





/*中央寄せ(時刻,1文字表示)の項目に適用するクラス*/
td.center, th.center {
    text-align: center; /*中央寄せ*/
}

/*20210224 Aoki add レイアウト調整 start*/
/*中央寄せ(出力チェックボックス)の項目に適用するクラス*/
td.center input {
    vertical-align: middle;
}
/*20210224 Aoki add レイアウト調整 end*/

/*左寄せの項目に適用するクラス*/
td.left.th.left {
    text-align: left; /*左寄せ*/
}

/*改行しない項目に適用するクラス*/
.nowrap {
    white-space: nowrap;
}

/*完了メッセージ表示時に適用するクラス*/
.label_kanryo {
    color: blue;
    font-size: 15px;
    font-weight: bold;
}


/*-------------------------------
テキストボックス系
 -------------------------------*/
/*テキストボックス(12文字程度入力可能)に適用するクラス*/
.text_item1 {
    width: 12em;
}

.text_item3 {
    width: 200px;
}

.text_item4 {
    width: 205px;
}

.text_item5 {
    width: 500px;
}

.text_item6 {
    width: 75px;
}

input.jiyu {
    width: 40em;
}


input.date {
    ime-mode: inactive;
}

/*-------------------------------
テキストエリア
 -------------------------------*/

/*文字色青 幅100%*/
.text_area1 {
    width: 100%;
    max-height: 10em;
    color: #0000ff;
    position: relative;
    font-size: 20px;
}

/*文字色指定なし 幅100%*/
.text_area2 {
    width: 100%;
    max-height: 10em;
}

/*-------------------------------
ドロップダウンリスト
 -------------------------------*/
select.monshinhyo {
    width: 20em;
}

/*-------------------------------
文字装飾系
 -------------------------------*/
.underline {
    text-decoration: underline;
}

.red {
    color: #ff4500;
}

.err {
    color: #ff4500;
    font-weight: bold;
}

.blue {
    color: #0000ff;
}

.disabled {
    color: #a9a9a9;
}

/*-------------------------------
ボタン系
 -------------------------------*/
.btn_item1 {
    font-size: 16px;
    font-family: Comic Sans MS;
    font-weight: bold;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #dcdcdc;
    /*margin:auto;*/
    padding: 30px 80px;
    text-decoration: none;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(15%, #F4F2F4), color-stop(60%, #cccccc) );
    background: -moz-linear-gradient( center top, #F4F2F4 15%, #cccccc 60% );
    background: -ms-linear-gradient( top, #F4F2F4 15%, #cccccc 60% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F2F4', endColorstr='#cccccc');
    background-color: #F4F2F4;
    color: #777777;
    display: inline-block;
    text-shadow: 0px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
    -moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
    box-shadow: inset 0px 0px 0px 0px #ffffff;
    text-align: center;
}

    .btn_item1:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(15%, #cccccc), color-stop(60%, #F4F2F4) );
        background: -moz-linear-gradient( center top, #cccccc 15%, #F4F2F4 60% );
        background: -ms-linear-gradient( top, #cccccc 15%, #F4F2F4 60% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#F4F2F4');
        background-color: #cccccc;
    }

    .btn_item1:active {
        background: -webkit-gradient(linear, left top, left bottom, from(#F4F2F4), to(#cccccc));
        background: -moz-linear-gradient(top, #F4F2F4, #cccccc);
        position: relative;
        top: 1px;
    }

@media screen and (max-width: 800px) {
    /* 表示領域が320px以下の場合に適用するスタイル */
    .btn_item1 {
        padding: 30px 60px;
    }

    div.trd {
        width: 120px;
    }
}

@media screen and (min-width: 1000px) {
    /* 表示領域が800px以上の場合に適用するスタイル */
    .btn_item1 {
        padding: 30px 80px;
    }

    div.trd {
        width: 150px;
    }
}

@media screen and (min-width: 1500px) {
    /* 表示領域が800px以上の場合に適用するスタイル */
    .btn_item1 {
        padding: 30px 130px;
    }

    div.trd {
        width: 200px;
    }
}

.tuki_navi {
    font-size: 10px;
    font-family: Arial;
    font-weight: normal;
    -moz-border-radius: 42px;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    border: 1px solid #469df5;
    padding: 3px 4px;
    text-decoration: none;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #4197ee) );
    background: -moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
    background: -ms-linear-gradient( top, #79bbff 5%, #4197ee 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
    background-color: #79bbff;
    color: #ffffff;
    display: inline-block;
    text-shadow: 1px 1px 0px #287ace;
    -webkit-box-shadow: inset 1px 1px 0px 0px #cae3fc;
    -moz-box-shadow: inset 1px 1px 0px 0px #cae3fc;
    box-shadow: inset 1px 1px 0px 0px #cae3fc;
}

    .tuki_navi:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #4197ee), color-stop(100%, #79bbff) );
        background: -moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
        background: -ms-linear-gradient( top, #4197ee 5%, #79bbff 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
        background-color: #4197ee;
    }

    .tuki_navi:active {
        position: relative;
        top: 1px;
    }

/*登録,否認,更新,チェック等のボタン*/
input.toroku_cancel,
input.login,
input[name="Btnmonth"],
input[name="Btnshoninnext"],
input[name="Btnkaju"] {
    /*display: inline-block;*/
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    color: #555555;
    padding: .5em 2em .55em;
    /*text-shadow:  0 1px 1px rgba(0,0,0,.3);*/
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 1px #898989;
    -moz-box-shadow: 0 1px 1px #898989;
    box-shadow: 0 1px 1px #898989;
    border: solid 1px #dcdcdc;
    background: #dcdcdc;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfaf5), to(#dcdcdc));
    background: -moz-linear-gradient(top, #fbfaf5, #dcdcdc);
    background: -ms-linear-gradient( top, #fbfaf5 15%, #dcdcdc 60% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfaf5', endColorstr='#dcdcdc');
}

    /*input.toroku_cancel:hover,
input.login:hover,
input[name="Btnmonth"]:hover,
input[name="Btnkaju"]:hover {
    background: #dfdfdf;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ededed));
    background: -moz-linear-gradient(top,  #f3f3f3,  #ededed);
    background:-ms-linear-gradient( top, #f3f3f3 15%, #ededed 60% );
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ededed');
}*/

    input.toroku_cancel:active,
    input.login:active,
    input[name="Btnmonth"]:active,
    input[name="Btnshoninnext"]:active,
    input[name="Btnkaju"]:active {
        position: relative;
        top: 1px;
        background: #e5e4e6;
    }

/*input.toroku_cancel[disabled],
input.login[disabled],
input[name="Btnmonth"][disabled],
input[name="Btnkaju"][disabled],
input.toroku_cancel[disabled]:hover,
input.login[disabled]:hover,
input[name="Btnmonth"][disabled]:hover,
input[name="Btnkaju"][disabled]:hover,
input.toroku_cancel[disabled]:active,
input.login[disabled]:active,
input[name="Btnmonth"][disabled]:active,
input[name="Btnkaju"][disabled]:active {
    color:#848484!important;
    text-shadow:1px 1px 0px #eaeaea;
    top:0;
    background:#dcdcdc;
    cursor:default;
}*/

/*次へボタン*/
button[name="NextButton"] {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    color: #555555;
    padding: .5em .5em .2em;
    /*text-shadow:  0 1px 1px rgba(0,0,0,.3);*/
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 1px #898989;
    -moz-box-shadow: 0 1px 1px #898989;
    box-shadow: 0 1px 1px #898989;
    border: solid 1px #dcdcdc;
    background: #dcdcdc;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfaf5), to(#dcdcdc));
    background: -moz-linear-gradient(top, #fbfaf5, #dcdcdc);
    background: -ms-linear-gradient( top, #fbfaf5 15%, #dcdcdc 60% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfaf5', endColorstr='#dcdcdc');
}

    /*button[name="NextButton"]:hover {
    background: #dfdfdf;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ededed));
    background: -moz-linear-gradient(top,  #f3f3f3,  #ededed);
    background:-ms-linear-gradient( top, #f3f3f3 15%, #ededed 60% );
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ededed');
}*/

    button[name="NextButton"]:active {
        position: relative;
        top: 1px;
        background: #e5e4e6;
    }

/*-------------------------------
画像
 -------------------------------*/

img.shonin {
    width: 40px;
    height: 40px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/*-------------------------------
バリデーション系
 -------------------------------*/
.field-validation-error {
    color: #ff4500;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff4500;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff4500;
    margin-top: 1em;
}

    .validation-summary-errors ul {
        /*list-style-type: none;*/
        padding-left: 1.5em;
    }

.validation-summary-valid {
    display: none;
}

/*-------------------------------
リンク
 -------------------------------*/
/* リンク全体 */
a:link {
    color: #0000ff;
}

/* 既に見たリンク */
a:visited {
    color: #0000ff;
}

/* クリック時のリンク */
a:active {
    color: #00ff00;
}

/* カーソルが上にある時のリンク */
a:hover {
    color: #ff0000;
    text-decoration: none;
}


/*-------------------------------
ログイン画面用
--------------------------------*/

div.login-msg {
    margin-left: 1em;
}

div.login-wrapper {
    width: 450px;
    margin: 0 auto;
}

span.login-title {
    color: #018bb9;
    margin-bottom: 1%;
}

div.login-box {
    width: 400px;
    margin: 1em auto;
    padding: 1%;
    border: 1px solid #cccccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 3px #cccccc;
    -moz-box-shadow: 1px 1px 3px #cccccc;
    box-shadow: 1px 1px 3px #cccccc;
    background-color: rgba(0,0,255,0.01);
}



div.login-form {
    margin: 0.5em 0.5em 0.5em 1em;
}

span.label {
    text-align: left;
    font-size: .85em;
}


/*-------------------------------
勤怠管理メニュー用
 -------------------------------*/
span.menu-title {
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid white;
    border-left: 1px solid #cccccc;
    margin-top: 1em;
    color: white;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    margin-bottom: -1px;
    background-image: url("../Content/img/menu.png");
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.5em;
    overflow: hidden;
    display: block;
    background-color: white;
}

ul.menu {
    list-style-type: none;
    padding: 10px;
    overflow: hidden;
    border: 1px solid #cccccc;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
}

    ul.menu li {
        list-style-type: none;
        padding: 0.1% 0;
        float: left;
        width: 200px;
        text-align: center;
    }

/*メニューの項目全てに適用する*/
a.menu {
    color: #333333;
    text-decoration: none;
    padding: 30% 10% 1% 10%;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    background-position: top 10pt center;
    background-repeat: no-repeat;
    display: block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    font: 1em 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ', Meiryo, 'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

    /*メニューの項目全てに適用する*/
    a.menu:hover {
        text-decoration: none;
        background-color: rgba(235,246,247,.7);
        background-position: top 10pt center;
        background-repeat: no-repeat;
    }

    /*メニューの項目全てに適用する*/
    a.menu:active {
        position: relative;
        top: 1px;
    }

/*タイムレコーダー*/
a.time-recorder {
    background-image: url('../content/img/time2.png');
}

    a.time-recorder:hover {
        background-image: url('../content/img/time1.png');
    }

/*作業報告書*/
a.sagyo-hokoku {
    background-image: url('../content/img/text2.png');
}

    a.sagyo-hokoku:hover {
        background-image: url('../content/img/text1.png');
    }

/*稼働一覧*/
a.kado-ichiran {
    background-image: url('../content/img/graph1.png');
}

    a.kado-ichiran:hover {
        background-image: url('../content/img/graph2.png');
    }

/*ユーザ管理*/
a.user_kanri {
    background-image: url('../content/img/user1.png');
}

    a.user_kanri:hover {
        background-image: url('../content/img/user2.png');
    }

/*プロジェクト管理*/
a.project_kanri {
    background-image: url('../content/img/project1.png');
}

    a.project_kanri:hover {
        background-image: url('../content/img/project2.png');
    }


/*ベスタッフカレンダー*/
a.bst-calendar {
    background-image: url('../content/img/cal1.png');
}

    a.bst-calendar:hover {
        background-image: url('../content/img/cal2.png');
    }

/*出勤確認*/
a.shukin-kakunin {
    background-image: url('../content/img/person2.png');
}

    a.shukin-kakunin:hover {
        background-image: url('../content/img/person1.png');
    }

/* 20200402 Matsuo add start 法定労働状況チェック対応 */
/*法定労働状況確認*/
a.hoteirodo-jokyo {
    background-image: url('../content/img/hoteirodo1.png');
}

    a.hoteirodo-jokyo:hover {
        background-image: url('../content/img/hoteirodo3.png');
    }
/* 20200402 Matsuo add end 法定労働状況チェック対応 */

/* 20200417 Matsuo add start みなし残業対応 */
/*法定労働状況確認*/
a.minashi-zangyo {
    background-image:url('../content/img/minashi1.png');
}

    a.minashi-zangyo:hover {
        background-image:url('../content/img/minashi2.png');
    }
/* 20200417 Matsuo add end みなし残業対応 */

/* 20200722 Matsuo add start 業務部連絡対応 */
/*法定労働状況確認*/
a.gyomubu_renraku {
    background-image:url('../content/img/gyomubu_renraku1.png');
}

    a.gyomubu_renraku:hover {
        background-image:url('../content/img/gyomubu_renraku2.png');
    }
/* 20200722 Matsuo add end 業務部連絡対応 */

/*承認フロー登録*/
a.shonin-flow {
    background-image: url('../content/img/flow1.png');
}

    a.shonin-flow:hover {
        background-image: url('../content/img/flow2.png');
    }

/*配属プロジェクト登録*/
a.UserProject {
    background-image: url('../content/img/Up1.png');
}

    a.UserProject:hover {
        background-image: url('../content/img/Up2.png');
    }

/*退職処理*/
a.taishoku_tetsuduki {
    background-image: url('../content/img/disp1.png');
}

    a.taishoku_tetsuduki:hover {
        background-image: url('../content/img/disp2.png');
    }

/*権限管理*/
a.kengen_kanri {
    background-image: url('../content/img/kengen2.png');
}

    a.kengen_kanri:hover {
        background-image: url('../content/img/kengen1.png');
    }

/*部署管理*/
a.busho_kanri {
    background-image: url('../content/img/busho1.png');
}

    a.busho_kanri:hover {
        background-image: url('../content/img/busho2.png');
    }

/*有給管理*/
a.yukyu_kanri {
    background-image: url('../content/img/yukyu1.png');
}

    a.yukyu_kanri:hover {
        background-image: url('../content/img/yukyu2.png');
    }

/*主な作業内容管理*/
a.naiyo_kanri {
    background-image: url('../content/img/naiyo1.png');
}

    a.naiyo_kanri:hover {
        background-image: url('../content/img/naiyo2.png');
    }

/*0104:年次有給休暇管理簿追加Start*/
/*年次有給休暇管理簿*/
a.nenji_yukyu_kanribo {
    background-image:url('../content/img/yukyukanribo1.png');
}

a.nenji_yukyu_kanribo:hover {
    background-image:url('../content/img/yukyukanribo2.png');
}

/*0104:年次有給休暇管理簿追加End*/

/*20210311 Aoki add 勤怠査定管理対応 start*/
a.kintai-satei {
    background-position: 50% 25%;
    background-image:url('../content/img/kintai_satei.png');
}
/*20210311 Aoki add 勤怠査定管理対応 end*/

/*20210329 Aoki add 業務グループ管理対応 start*/
a.team {
    background-image:url('../content/img/team.png');
}
/*20210329 Aoki add 業務グループ管理対応 end*/

/*20210426 Aoki add リフレッシュ休暇管理対応 start*/
a.refresh {
    background-image:url('../content/img/refresh.png');
}
/*20210426 Aoki add リフレッシュ休暇管理対応 end*/

/*20220921 Odani add 育児看護休暇対応 start*/
a.kangokaigo {
    background-image:url('../content/img/kango.png');
}
/*20220921 Odani add 育児看護休暇対応 end*/

/*-------------------------------
その他
 -------------------------------
/* 処理結果を表示に適用するID */
/*div#msg {
	color: red;
	font-weight: bold;
}*/

/* 右揃えに適用するID */
/*#text_right {
	text-align: right;
    padding-right:1em;
}*/

/* 右揃えに適用するID */
/*span#text_right {
	float: right;
}*/

/* 中央揃えに適用するID */
/*#text_center {
	text-align: center;
    margin:0 auto;
}*/

/* 左揃えに適用するID */
/*#text_left {
	text-align: left;
}*/

/*-------------------------------
カレンダー表示に適用するID
 -------------------------------*/
#calendar {
    text-align: center;
    position: relative;
    margin: 1em;
}

    #calendar table {
        /*20210527 Aoki mod borderバグ対応 start*/
        /*border-collapse: collapse;*/
        border: 1px solid;
        border-collapse: separate;
        /*20210527 Aoki mod borderバグ対応 end*/
        border-spacing: 0;
        font-size: 12px;
        background: #E3F1F6;
        margin: 1em 2em;
    }

        #calendar table caption {
            background: white;
            border-right: 1px solid #fff;
            border-left: 1px solid #fff;
            font-weight: bold;
        }

        #calendar table th,
        #calendar table td {
            padding: 5px 6px;
            text-align: center;
        }

        #calendar table th {
            /*20210527 Aoki mod borderバグ対応 start*/
            /*border: 1px solid;*/
            border: 1px solid rgba(0,0,0,0.6);
            /*20210527 Aoki mod borderバグ対応 end*/
            font-weight: bold;
            color: #333;
        }

        #calendar table td {
            /*20210527 Aoki mod borderバグ対応 start*/
            /*border: 1px solid;*/
            border: 1px solid rgba(0,0,0,0.6);
            /*20210527 Aoki mod borderバグ対応 end*/
        }

        #calendar table .sun {
            background: white;
            font-family: "ＭＳ ゴシック";
        }

        #calendar table th.sun {
        }

        #calendar table th.sat {
        }

        #calendar table .mon,
        #calendar table .tue,
        #calendar table .wed,
        #calendar table .thu,
        #calendar table .fri {
            background: white;
            font-family: "ＭＳ ゴシック";
        }

        #calendar table .sat {
            background: white;
            font-family: "ＭＳ ゴシック";
        }

        #calendar table .this-month {
            color: #333;
            font-size: 15px;
        }

        #calendar table .next-month {
            color: #dcdcdc;
            font-size: 15px;
        }

        #calendar table .prev-month {
            color: #dcdcdc;
            font-size: 15px;
        }

        #calendar table .today {
            background: #FFFF75;
            font-weight: bold;
        }

/*-------------------------------
ベタ表示用
-------------------------------*/
div.trd {
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: #87CEFA;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 3px #cccccc;
    -moz-box-shadow: 1px 1px 3px #cccccc;
    box-shadow: 1px 1px 3px #cccccc;
    background-color: rgba(0,0,255,0.01);
}

td.p30 {
    padding: 10px 0px;
}

/*-------------------------------
メニュー系 タイトル
-------------------------------*/
table.title {
    /*width: 1000px;*/
}

td.title {
    text-align: right;
}

table.subtitle {
    /*width: 500px;*/
}

table.title2 {
}

    table.title2 tr th, table.title2 tr td {
        /*font-family : "ＭＳ 明朝",sans-serif;*/
    }

table.kintai_komoku {
    float: left;
}

.clear_left {
    clear: both;
}


.center {
    text-align: right;
}

html, body, div, ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6, pre, form, p, blockquote,
fieldset, input, abbr, article, aside, command,
details, figcaption, figure, footer, header,
hgroup, mark, meter, nav, output, progress,
section, summary, time {
    margin: 0;
    padding: 0;
}

input.taisho_month {
    width : 60px;
    padding: 0px 3px;
    background-color :aliceblue;
}