/*============================================================================*/
/* 共通設定用 スタイルシート
/*============================================================================*/

/******************************************************************************/
/* 共通
/******************************************************************************/
a:link {
    font-size: medium;
}

a.common_link:link {
    font-size: medium;
    color: #143CC8;
}

a.common_link_Left_Menu:link {
    font-size: medium;
    color: #ffffff;
}

a.common_link_pre:link {
    font-size: medium;
    color: #143CC8;
}

a:visited {
    font-size: medium;
}

a.common_link:visited {
    font-size: medium;
    color: #000000;
}

a.common_link_Left_Menu:visited {
    font-size: medium;
    color: #ffffff;
}

/* ★テキストエリアのスタイル★ */
textarea {
    font-size: 16px;
    line-height: 1.6;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

/* ★アンケート修正★ */
a.error_link:link {
    font-size: medium;
    color: #ffffff;
}

a.error_link:visited {
    font-size: medium;
    color: #ffffff;
}

a:hover {
    font-size: medium;
    text-decoration: underline;
}

.imeDisabled {
    -ms-ime-mode: disabled;
    ime-mode: disabled;
    padding-left: 4px;
    vertical-align: middle;
}

.large_wb {
    font-size: large;
    font-weight: bold;
    color: #ffffff;
}

.large_w {
    font-size: large;
    color: #ffffff;
    background: #ebf6f7;
}

.left_Menu {
    font-size: large;
    color: #ffffff;
    background: #ffffff;
    border-bottom-color: #ffffff;
}

.check {
    font-size: inherit;
    text-decoration: none;
}

.medium_w {
    font-size: medium;
    background-color: #EAEAEA;
    border-color: #A0A0A0;
}

.medium_w_sp {
    font-size: medium;
    color: #ffffff;
    padding: 2px 5px;
}

.small_w {
    font-size: small;
    color: #ffffff;
}

.large_bb {
    font-size: large;
    font-weight: bold;
    color: #333333;
}

.large_b {
    font-size: large;
    color: #333333;
}

.medium_b {
    font-size: medium;
    color: #333333;
}

/*左メニュー上部の線*/
.medium_bb {
    font-size: medium;
    font-weight: bold;
    color: #333333;
}

.medium_bb_t {
    font-size: medium;
    font-weight: bold;
    color: #333333;
}

.medium_b_sp_dark {
    font-size: medium;
    color: #333333;
    padding: 2px 5px;
    background: #9DC85F;
}

.medium_b_sp_light {
    font-size: medium;
    color: #333333;
    padding: 2px 5px;
    background: #C3E19B;
}

.small_b {
    font-size: small;
    color: #333333;
}

/*左メニューの水色*/
.side_light_green {
    background-color: White;
}

.common_bg {
    background-color: #E8EBD7;
}

/* 基本カラー */
.BaseColor_1 {
    background-color: #ffffff;
}
/* 一番濃い色 */
.BaseColor_2 {
    background-color: #d7f2f4;
}
/*   中間色   */
.BaseColor_3 {
    background-color: #ffffff;
}
/* 一番薄い色 */
.BaseColor_4 {
    background-color: #EAEAEA;
}

/* aliceblue */
.BaseColor_5 {
    background-color: #F0F8FF
}

/* 全体的に一覧で良く使われるヘッダーカラー */
.BaseColor_6 {
    background-color: #b0e0e6;
    color: black;
}

.BaseColor_7 {
    background-color: #006666; 
}

.BaseColor_Border_1 {
    border-color: #A0A0A0;
}

/* 罫線の色 */
TABLE.BaseTable_1 {
    background-color: #A0A0A0;
}

    TABLE.BaseTable_1 td {
        border: 1px solid #A0A0A0;
    }

.RichCaption {
    color: Black;
}

/* グリッドのヘッダー用 */
.GridTitle {
    font-size: large;
    padding: 3px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}

.GridSchedule {
    font-size: Smaller;
    font-weight: normal;
    vertical-align: middle;
    text-align: center;
}

.regist_blank_column {
    font-size: medium;
    color: #333333;
    background: White;
    width: 13%;
}

.required {
    color: #ff0000;
}

.errorMessage {
    color: #ff0000;
    font-weight: bold;
}

body {
    background: White;
}

div.InputItems {
    border: 3px double;
    border-radius: 10px;
    width: 95%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #EAF0E0;　/*枠背景色*/
}

/******************************************************************************/
/* 配色
/******************************************************************************/

/*表背景*/
td.color_table_space {
    background-color: #EAF0E0;    /*枠背景色*/
}


/*イベント　橙*/
.color_event {
    color: #ff9900;
}
/*休講　赤*/
.color_cancel {
    color: #ff0000;
}
/*補講　青*/
.color_extra {
    color: #0000cc;
}
/*時間割変更　桃*/
.color_change_sc {
    color: #ff00ff;
}
/*教室変更　緑*/
.color_change_room {
    color: #009900;
}

/******************************************************************************/
/* 時間割
/******************************************************************************/
/*トップページ時間割表の枠線*/
.schedule_table {
    margin-bottom: 13px;
    background-color: #8C8C8C;
}

.schedule_title {
    background-color: White;
}

/*曜日のカラム*/
.schedule_day_column {
    font-size: smaller;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    background: url(../../common_images/th_left_bg.gif) repeat-y left top;
}

/*時限のカラム*/
.schedule_period_column {
    width: 2%;
    height: 70px;
    font-size: smaller;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    background: url(../../common_images/th_left_bg.gif) repeat-y left top;
}

/*明細・当日カラムの共通部分*/
.schedule_detail_column, .schedule_today_column {
    width: 14%;
    height: 70px;
    font-size: smaller;
    text-align: left;
    vertical-align: top;
}

/*明細カラム*/
.schedule_detail_column {
    background-color: #ffffff;
}

/*当日のカラム*/
.schedule_today_column {
    background-color: #FFE4C4;
}

/*集中講義等 一覧表示の行*/
.schedule_others_detail_row {
    font-size: smaller;
    text-align: left;
    background-color: #ffffff;
}

/*アイコンエリア*/
.schedule_icons {
}

/*時間割のアイコン（休・補・時・教）*/
.schedule_icon {
    padding-right: 5px;
}

/*通常*/
.lecture_normal {
    color: black;
}

/*連絡あり  赤(暫定)*/
.lecture_info {
    color: #ff0000;
}

/*その他情報 区分１の行*/
.other_info_row1 {
    font-size: medium;
    text-align: left;
    background-color: #009933;
    color: White;
}

.other_info_row2 {
    font-size: smaller;
    text-align: left;
    background-color: #66cc66;
}

.other_info_row3 {
    font-size: smaller;
    text-align: left;
    background-color: #f5f5f5;
}

/******************************************************************************/
/* 登録（休講・補講・時間割変更・教室変更）
/******************************************************************************/
/* 共通 */
.innerCell {
    overflow-x: auto; /* Gekko系で横幅をあふれさせないため */
    -ms-word-wrap: break-word; /* IE系で単語内折り返し */
    word-wrap: break-word; /* I単語内折り返し */
}

/* 登録 */
.columnLeft {
    border: 1px solid #A0A0A0;
    WIDTH: 30%;
    COLOR: white;
    BACKGROUND-COLOR: #789149; /* 背景色メイン */
    TEXT-ALIGN: center;
}

.columnRight {
    border: 1px solid #A0A0A0;
    BACKGROUND-COLOR: white;
    text-align: left;
}

.textMultiLine {
    WIDTH: 98%;
}

.divFinish {
    margin: 30px 0 30px 0;
    line-height: 160%;
    background-color: #d7f2f4;
    padding: 30px 30px 30px 30px;
}

.divMessageError {
    margin: 30px;
    line-height: 160%;
    background-color: #ffcccc;
    padding: 30px 30px 30px 30px;
}
/******************************************************************************/
/* 参照（休講・補講・時間割変更・教室変更）
/******************************************************************************/
.columnRefLeft {
    border-color: #111111;
    WIDTH: 30%;
    BACKGROUND-COLOR: #C8E698;
    TEXT-ALIGN: left;
}

.columnRefRight {
    border-color: #111111;
    BACKGROUND-COLOR: White;
    text-align: left;
}

.rowRefTitle {
    border-color: #111111;
    WIDTH: 100%;
    BACKGROUND-COLOR: #C8E698;
    TEXT-ALIGN: center;
}

.rowRefText {
    border-color: #111111;
    BACKGROUND-COLOR: White;
    text-align: left;
}

/******************************************************************************/
/* notice
/******************************************************************************/
/*ファイルアップロード*/
.file_upload {
    width: 90%;
}

/******************************************************************************/
/* message
/******************************************************************************/
/* 強調タブ */
.mes_tab_emphasis {
    background-color: #f9e799;
    font-size: 17px;
    font-weight: bold;
    border: double #003300 4px;
    padding: 9px 10px 9px 10px;
}

.mes_tab_emphasis_2 {
    background-color: #FFFFE0;
    font-size: 17px;
    font-weight: bold;
    border: solid #003300 2px;
    padding: 14px 20px 14px 20px;
}

/* 通常タブ */
.mes_tab {
    background-color: #789149; /* 背景色メイン */
    font-size: 15px;
    border: solid #A0A0A0 1px;
    padding: 5px 10px 5px 10px;
}

A.mes_tab_link {
    text-decoration: none;
    font-size: 12px;
    color: white;
}

    A.mes_tab_link:link {
        text-decoration: none;
    }

    A.mes_tab_link:visited {
        text-decoration: none;
    }

    A.mes_tab_link:active {
        text-decoration: underline;
    }

    A.mes_tab_link:hover {
        color: #00FFFF;
        text-decoration: none;
    }

A.mes_tab_link_emphasis {
    text-decoration: none;
    font-size: 15px;
    color: black;
}

    A.mes_tab_link_emphasis:link {
        text-decoration: none;
        color: black;
    }

    A.mes_tab_link_emphasis:visited {
        text-decoration: none;
    }

    A.mes_tab_link_emphasis:active {
        text-decoration: underline;
    }

A.mes_tab_link_2 {
    text-decoration: none;
    font-size: small;
}

    A.mes_tab_link_2:link {
        text-decoration: none;
    }

    A.mes_tab_link_2:visited {
        text-decoration: none;
    }

    A.mes_tab_link_2:active {
        text-decoration: underline;
    }

/* 未開封 */
.opened {
    /* background-color:Transparent; */
}

/* 開封済 */
.unopened {
    background-color: #fff7ca;
}

/* 未開封 */
.openedRow {
}

/* 開封済 */
.unopenedRow {
    font-weight: bold;
}

/******************************************************************************/
/* stepBar
/******************************************************************************/
div.stepBar td {
    color: #666666;
}

div.stepBar strong {
    font-weight: bold;
}

div.stepBar td.currentFlow strong {
    color: #000000;
}

div.stepBar span.emphasis {
    padding: 0px 3px 0px 3px;
    background-color: #f9e799;
    border: 1px solid Gray;
    line-height: 1.3;
    font-style: normal;
    font-weight: bold;
}

div.stepBar span.normal {
    padding: 0px 4px 0px 4px;
}

/******************************************************************************/
/* course simulator
/******************************************************************************/
/* 左側のメニュー */
div.curSim .selected_menuitem {
}

/* タブコントローラ（RegionTab.ascx） */
div.curSim .pMenu {
    height: 26px;
    padding: 0;
}

div.curSim .menubox {
    margin: 0px;
    height: 30px;
}

div.curSim .tabtopbox {
    background: #E8EBD7;
}

div.curSim .tabtop1, div.curSim .tabtop2, div.curSim .tabtop3 {
}

div.curSim .tab1, div.curSim .tab2, div.curSim .tab3 {
    font-size: 12px;
    float: left;
    width: 100px;
    height: 100%;
    text-align: center;
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
}

div.curSim .tabtop1, div.curSim .tab1, div.curSim .contents1, div.curSim .tabbottom1 {
    background-color: #ffcc66;
}

div.curSim .tabtop2, div.curSim .tab2, div.curSim .contents2, div.curSim .tabbottom2 {
    background-color: #99cc66;
}

div.curSim .tabtop3, div.curSim .tab3, div.curSim .contents3, div.curSim .tabbottom3 {
    background-color: #F08080;
}

div.curSim .contents1, div.curSim .contents2, div.curSim .contents3 {
    font-size: 12px;
    padding: 5px;
    clear: both;
    width: 290px;
}

div.curSim .tabbottombox {
    width: 300px;
    background: #E8EBD7;
}

div.curSim .tabbottom, div.curSim .tabbottom2, div.curSim .tabbottom3 {
}

/* ドロップダウンリスト（DeptDropDownLists.ascx） */
div.curSim .ddlleftcell {
    width: 55px;
    TEXT-ALIGN: right;
}

div.curSim .ddll {
    width: 190px;
}

/* 単位表示テーブル（Credits.ascx） */
div.curSim .creditbox {
    width: 95%;
    margin-top: 20px;
}

div.curSim .credittable {
    font-size: 12px;
    border-color: #A0A0A0;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
    width: 100%;
}

div.curSim .creditleftcell {
    height: 40px;
    width: 30%;
    background-color: #c6e3a0;
    text-align: center;
}

/* ステップバー（CurCtlStepBar.ascx） */
div.curSim .stepBar {
}

div.curSim .emphasis {
    font-weight: bold;
    font-style: normal;
    background-color: Aqua;
    height: 100px;
}

/* 編集画面のコメント欄 */
div.curSim .comment {
    text-align: left;
    padding: 5px 20px 5px 20px;
}

/* ツリービューのタブコントローラ（CurCtlSbjTree.ascx） */
div.curSim .tree_menubox {
    margin: 0px;
    height: 20px;
}

div.curSim .tree_tabtopbox {
    background: #E8EBD7;
}

div.curSim .tree_tabtop_active, div.curSim .tree_tabtop_inactive {
}

div.curSim .tree_tab_active, div.curSim .tree_tab_inactive {
    font-size: 12px;
    float: left;
    width: 90px;
    height: 100%;
    text-align: center;
    display: block;
    background-repeat: no-repeat;
    margin-right: 3px;
    background-position: center top;
}

div.curSim .tree_tabtop_active, div.curSim .tree_tab_active {
    background-color: #9dc85f;
}

div.curSim .tree_tabtop_inactive, div.curSim .tree_tab_inactive {
    background-color: #c6e3a0;
}

div.curSim .tree_tabbar {
    height: 3px;
    width: 100%;
    background-color: #9dc85f;
}

/* 免許・資格のタブ */
div.curSim .q_tab_active {
    color: White;
    background-color: #006380;
    height: 30px;
    width: 70px;
    text-align: center;
    float: left;
}

div.curSim .q_tab_inactive {
    background-color: #26a4e5;
    height: 30px;
    width: 70px;
    text-align: center;
    float: left;
}

/*ツリー・時間割共通の配色
/*教養教育*/
div.curSim .cur_tree_general, div.curSim .cur_lecture_general {
    background-color: floralwhite;
}

/*専門教育*/
div.curSim .cur_tree_major, div.curSim .cur_lecture_major {
    background-color: aliceblue;
}

/*副専攻*/
div.curSim .cur_tree_minor, div.curSim .cur_lecture_minor {
    background-color: mistyrose;
}

/* 時間割 */
div.curSim .cur_schedule_lnk, div.curSim .cur_schedule_lnk:visited {
    font-size: medium;
    color: blue;
    text-decoration: underline;
}

div.curSim .cur_schedule_lnk_error, div.curSim .cur_schedule_lnk_error:visited {
    font-size: medium;
    color: White;
    text-decoration: underline;
}

/* エラー */
div.curSim .lectureError {
    background-color: #993333;
    color: White;
}

/* ヘルプ */
div.curSim .help_header {
    background-color: #9CCE77;
}

div.curSim .help_detail {
    background-color: whitesmoke;
}

/* メッセージ */
div.curSim .cur_notice {
    text-align: left;
    color: Red;
}

/* メッセージ */
div.curSim .cur_title_ratio_1 {
    background-color: blue;
}

div.curSim .cur_title_ratio_2 {
    background-color: red;
}

/* メッセージ通知内容 */
.MessageDetail {
    border: none;
    text-align: left;
    background-color: #fff7ca;
}




/******************************************************************************/
/* アンケート
/******************************************************************************/
/* 対象登録 */
.columnEnqLeft {
    border: 1px solid #A0A0A0;
    color: white;
    background-color: #789149; /* 背景色メイン */
    text-align: left;
}

.columnEnqRight {
    border: 1px solid #A0A0A0;
    background-color: white;
    text-align: left;
}

/******************************************************************************/
/* 学籍照会
/******************************************************************************/
.stuInfoColLeft {
    background-color: #006380;
    text-align: left;
    width: 300px;
}

.stuInfoColRight {
    background-color: #e8ebd7;
}

#navi {
    /* お知らせと表示差がでてしまうのでこのタグで調整を行う */
    /* 左側を８ドット空ける */
    margin-left: 8px;
    position: relative;
}

.scon-box {
    /* 中 */
    background: url(../../common_images/scon_bg.gif) repeat-y left top;
}

    .scon-box dl.box {
        padding-bottom: 10px;
        background: url(../../common_images/scon_btmbg.gif) no-repeat left bottom;
    }

        .scon-box dl.box dt {
            text-align: left;
            margin-bottom: 6px;
            padding-top: 10px;
            font-size: medium;
            font-weight: bold;
            background: url(../../common_images/scon_ttl.gif) no-repeat left top;
        }

            .scon-box dl.box dt span {
                display: block;
                margin: 0;
                padding: 0 0 13px 8px;
                background: url(../../common_images/scon_ttl_btmbg.gif) no-repeat left bottom;
            }

        .scon-box dl.box .new-message {
            margin: 0 0 0 0;
        }

        .scon-box dl.box .for-student {
            margin: 0 0 0 0;
        }

.profile {
    margin: 14px 0 0 0;
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
    background: url(../../common_images/dec_gothic.gif) repeat-y left top;
}

.Title {
    height: 36px;
    padding-left: 8px;
    position: relative;
    background: url(../../common_images/dec_gothic.gif) repeat-y left top;
}


ul {
    padding: 0;
    margin: 0;
}

dd {
    padding: 0;
    margin-left: 4px;
    text-align: left;
}

.syl_indent {
    padding: 0px;
    margin-left: 25px;
    text-align: left;
    padding-left: 0px;
    list-style-position: outside;
    list-style-type: circle;
}

.syl_indent_decimal {
    padding: 0px;
    margin-left: 0px;
    text-align: left;
    padding-left: 0px;
    list-style-type: decimal;
}

.syl_indent_disc {
    padding: 0px;
    margin-left: 0px;
    text-align: left;
    padding-left: 0px;
    list-style-type: disc;
}

/* 新着メッセージのリンク */
.scon-box dl.box .new-message a {
    display: block;
    color: #DC0000;
    font-weight: bold;
    position: relative;
    background: url(../../common_images/dec_mail.gif) no-repeat left center;
    padding: 14px 5px 14px 40px;
}

/* 学生向けお知らせのリンク */
.scon-box dl.box .for-student a {
    display: block;
    color: Blue;
    font-size: small;
    position: relative;
    vertical-align: bottom;
    background: url(../../common_images/mark_green.gif) no-repeat left center;
    padding: 8px 5px 8px 21px;
}

h2.my_h2 {
    text-align: center;
    margin: 0;
    padding: 8px 0 0 0;
    font-size: medium;
    font-weight: bold;
    position: relative;
    background: url(../../common_images/main_tttlbg.gif) no-repeat left top;
}

    h2.my_h2 span {
        display: block;
        margin: 0;
        padding: 0 0 0 0;
        line-height: 1.2;
        vertical-align: text-top;
        position: relative;
        background: url(../../common_images/main_tttl_btm_bg.gif) no-repeat left bottom;
    }

.main-box {
    /* 履修時間割の背景 */
    margin-bottom: 13px;
    position: relative;
    background: url(../../common_images/main_bg.gif) repeat-y left top;
}

    .main-box dl.box {
        /* 履修時間割の最下層 */
        padding-bottom: 10px;
        position: relative;
        background: url(../../common_images/main_btmbg.gif) no-repeat left bottom;
    }

        .main-box dl.box dt {
            /* 履修時間割のヘッダ上部 */
            text-align: left;
            margin-bottom: 7px;
            padding-top: 10px;
            font-size: medium;
            font-weight: bold;
            position: relative;
            background: url(../../common_images/main_ttl.gif) no-repeat left top;
        }

            .main-box dl.box dt span {
                /* 履修時間割のヘッダ下部 */
                display: block;
                margin: 0;
                padding: 0 0 13px 8px;
                vertical-align: text-top;
                position: relative;
                background: url(../../common_images/main_ttl_btmbg.gif) no-repeat left bottom;
            }

/* 前回ログイン時間 */
.lasttime {
    margin-top: 7px;
    font-size: 11px;
    color: #4D4D4D;
}

/* 連絡事項 */
.caution {
    color: #FF4100;
    margin-bottom: 10px;
}

/******************************************************************************/
/* ログイン前 見出し
/******************************************************************************/
.commonHeaderImage {
    margin: 0px 0px 10px 0px;
}

.commonHeader {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 3px solid #3cf;
    padding: 5px 0px 0px 10px;
    background: -moz-linear-gradient(top, #fff 0%, #eee 50%, #ddd 51%, #fff 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#eee), color-stop(51%,#ddd), color-stop(100%,#fff)); /* webkit */
}

/******************************************************************************/
/* ログイン前 共通リンク
/******************************************************************************/
.commonTopPageLink {
    font-size: small;
}

.commonTopPageLinkWithPadding {
    padding-left: 10px;
    font-size: small;
}

/******************************************************************************/
/* ログイン前 緊急連絡
/******************************************************************************/
.emergencyContactListBeforeLoginTitle {
    color: #FF4100;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 3px solid #3cf;
    padding: 5px 0px 0px 10px;
    background: -moz-linear-gradient(top, #fff 0%, #eee 50%, #ddd 51%, #fff 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#eee), color-stop(51%,#ddd), color-stop(100%,#fff)); /* webkit */
}

.emergencyContactListBeforeLoginGrid {
    font-size: small;
}

    .emergencyContactListBeforeLoginGrid a {
        font-size: small;
    }

/******************************************************************************/
/* ログイン前 お知らせ
/******************************************************************************/
.infoListBeforeLoginGrid {
    font-size: small;
}

    .infoListBeforeLoginGrid a {
        font-size: small;
    }

.infoListEntryOrgName {
    width: 90%;
    text-align: center;
    font-size: x-small;
    font-weight: bold;
    padding: 1px 3px 1px 3px;
    color: #ffffff;
    border: 1px solid #cccccc;
    background-color: #666666;
}

.infoListHr {
    border: 0px;
    height: 1px;
    background-color: #aaaaaa;
}

/******************************************************************************/
/* 年間行事予定
/******************************************************************************/
.annualListGrid {
    font-size: small;
}

/******************************************************************************/
/* 情報端末
/******************************************************************************/
div.kiosk .lbl {
    height: 30px;
    font-size: medium;
    vertical-align: middle;
}

div.kiosk .key {
    width: 30px;
    height: 30px;
    font-size: medium;
    border-collapse: collapse;
}

div.kiosk .btn {
    width: 95px;
    height: 26px;
    font-size: medium;
}

div.kiosk .txt {
    width: 200px;
    height: 26px;
    font-size: medium;
    vertical-align: middle;
}

/******************************************************************************/
/* 就職情報
/******************************************************************************/
.JobTable {
    width: 92%;
    text-align: left;
    padding: 4px;
}

.JobTable_Wide {
    width: 95%;
    text-align: left;
    padding: 4px;
}

.JobTable_SuperWide {
    width: 100%;
    text-align: left;
    padding: 4px;
}

.JobPrintTable {
    width: 98%;
    margin: auto auto auto auto;
    font-size: 9pt;
}

.JobButton {
    width: 140px;
    height: 25px;
}

.JobButton_Exp {
    width: 140px;
    height: 25px;
}

.ZipButton {
    width: 80px;
    height: 25px;
}

.PrintButton {
    width: 70px;
    height: 25px;
}

.PrintPageButton {
    width: 150px;
    height: 25px;
}

.HeaderTable {
    width: 100%;
    text-align: left;
    padding: 4px;
    border: solid 1px black;
    border-collapse: collapse;
}

.HeaderLabel {
    height: 30px;
    background-color: #d7f2f4;
    color: Black;
}

.HeaderText {
    height: 30px;
}

.HeaderTd {
    border: solid 1px black;
    padding-left: 5px;
}

.ReferLabel {
    vertical-align: middle;
    line-height: 150%;
}

.JobRadio {
    height: 25px;
}

.JobTabActive {
    background-color: #008080;
    text-align: center;
    width: 20%;
    height: 35px;
    border: solid 1px #008080;
}

.JobTabNonActive {
    background-color: #d7f2f4;
    text-align: center;
    width: 20%;
    height: 35px;
    border: solid 1px #008080;
}

.HopeCourseTitle {
    text-align: center;
    background-color: Navy;
    color: White;
    height: 40px;
    vertical-align: middle;
    font-size: large;
    font-weight: bold;
}

.EmptyData {
    border: solid 2px #A0A0A0;
    background-color: #EAEAEA;
}

.InputTable {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

.InputTable_Header {
    background-color: #ffcc99;
    text-align: center;
    color: black;
    border: solid 1px silver;
    padding: 5px 0px 5px 0px;
}

.InputTable_Cell {
    text-align: center;
    border: solid 1px silver;
    padding: 5px 0px 5px 0px;
    height: 30px;
}

.Search_Tr {
    height: 40px;
    color: Black;
}

.Search_Td_Label {
    /*background-color: #789149;*/ /* 背景色メイン(青) */
    background-color: #789149; /* 背景色メイン(深緑) */
    color: white;
    border: solid 1px #A0A0A0;
    padding-left: 7px;
}

.Search_Td_Label_Pink {
    background-color: #FFECF3;
    border: solid 1px black;
    padding-left: 7px;
}

.Search_Td_Label_Blue {
    background-color: #D7F5FF;
    border: solid 1px black;
    padding-left: 7px;
}

.Search_Td_Text {
    border: solid 1px #A0A0A0;
    padding-left: 5px;
    text-align: left;
    background-color: white;
}

.Search_Td_Text2 {
    border: solid 1px #A0A0A0;
    padding-left: 6px;
    text-align: left;
    background-color: white;
}

.Search_Td_Ddl {
    border: solid 1px #A0A0A0;
    background-color: white;
    padding-left: 5px;
    text-align: left;
}

.Search_Table {
    width: 100%;
    text-align: left;
    padding: 4px;
    border: solid 1px black;
    border-collapse: collapse;
}

.AttendHeader_Tr {
    height: 30px;
    color: Black;
}

.AttendHeader_Td_Label {
    background-color: #789149; /* 背景色メイン */
    border: solid 1px #A0A0A0;
    color: white;
    padding-left: 8px;
    padding-right: 8px;
}

.AttendHeader_Td_Text {
    border: solid 1px #A0A0A0;
    background-color: #fff7ca;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.AttendDetail_Tr {
    height: 35px;
    color: Black;
}

.AttendDetail_Td_Label {
    background-color: #d7f2f4;
    border: solid 1px black;
    padding-left: 8px;
}

.AttendDetail_Td_Text {
    border: solid 1px black;
    padding-left: 8px;
    text-align: left;
}

.AttendButton {
    width: 135px;
}

.DateText {
    width: 100px;
    padding: 3px 0px 0px 7px;
}

.BaseHeigt {
    height: 850px;
}

.RoomCd {
    text-align: center;
    padding: 5px 10px 5px 10px;
    border: 1px solid silver;
    white-space: nowrap;
}

.RoomNm {
    text-align: left;
    padding: 5px 5px 3px 10px;
    border: 1px solid silver;
    border-right: 1px Dotted silver;
}

.RoomContents {
    text-align: center;
    padding: 5px 3px 5px 3px;
    border-top: 1px solid silver;
    border-right: 1px Dotted silver;
    border-bottom: 1px solid silver;
    border-left: 1px Dotted silver;
}

.RoomReserveBtn {
    text-align: left;
    padding: 5px 5px 5px 5px;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    border-left: none;
}

.RoomReserveDate {
    padding: 0px 10px 0px 10px;
    color: Navy;
    font-weight: bold;
    font-size: larger;
}

.ScheduleLink {
    color: Blue;
}

    .ScheduleLink a:visited {
        color: Blue;
    }

.Header_Tr_Label {
    height: 30px;
    color: white;
}

.Header_Tr_Text {
    height: 35px;
    color: Black;
}

.Header_Td_Label {
    background-color: #789149; /* 背景色メイン */
    border: solid 1px #A0A0A0;
    padding-left: 8px;
    text-align: center;
}

.Header_Td_Text {
    background-color: #fff7ca;
    border: solid 1px #A0A0A0;
    padding-left: 8px;
    text-align: center;
}

.career_design_space_row {
    height: 15px;
}

.td_border_color {
    border: solid 1px gray;
}

.btn_padding_smart {
    padding: 4px;
}

.ReferTextLabel {
    vertical-align: middle;
    line-height: 150%;
    padding-left: 30px;
    text-align: left;
}

.ReferTextLabel_smart {
    vertical-align: middle;
    line-height: 150%;
    padding-left: 15px;
    padding-right: 7px;
    text-align: left;
}

.ReferTextLabel_2 {
    vertical-align: middle;
    line-height: 150%;
    padding-left: 5px;
    text-align: left;
}

.ReferTextLabel_3 {
    vertical-align: middle;
    line-height: 150%;
    padding-left: 0px;
    text-align: left;
}

.ReferLabel_2 {
    vertical-align: middle;
    line-height: 150%;
    padding-left: 30px;
}

.StudentInfoTab {
    background-color: #789149; /* 背景色メイン */
    border: solid 1px #A0A0A0;
    border-bottom: none;
    width: auto;
    text-align: center;
    vertical-align: middle;
    height: 30px;
}

    .StudentInfoTab:hover {
    }

.StudentInfoTabLink {
    color: white;
    text-decoration: none;
}

    .StudentInfoTabLink:hover {
        color: #00FFFF;
        text-decoration: none;
    }

.StudentInfoTab_Current {
    background-color: #f9e799;
    border-top: double 4px black;
    border-right: double 4px black;
    border-bottom: double 2px black;
    border-left: double 4px black;
    width: auto;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    font-weight: bold;
}

    .StudentInfoTab_Current:hover {
    }

.StudentInfoTabLink_Current {
    color: black;
    text-decoration: none;
}

    .StudentInfoTabLink_Current:hover {
        text-decoration: none;
    }

.LectureCancelButton {
    padding: 3px;
    /*text-decoration:none;*/
    word-wrap: break-word;
    /*line-height:1;*/
    /*font-size:10px;
	 height:40px;*/
    /*border-radius:5px;*/
    background: aliceblue;
}

/* ============================== */
/* ===  キャリアデザイン情報  === */
/* ============================== */
.CareerDButton {
    width: 220px;
    margin: 5px 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.CareerDTbl {
    background-color: Gray;
    border-color: Gray;
    border-width: 1px;
    border-style: solid;
    table-layout: auto;
    text-align: center;
}

.CareerDHeaer {
    background-color: #d7f2f4;
    border-color: Gray;
    border-width: 1px;
    border-style: solid;
    text-align: center;
}

.CareerDKRow {
    background-color: White;
}

.CareerDGRow {
    background-color: #EAEAEA;
    border-color: Gray;
}

.CareerDScrolDiv {
    width: 850px;
    overflow: auto;
}

.CareerDChartTitel {
    width: 100%;
    font-size: xx-large;
    text-align: center;
}

.CareerDChartSubTitel {
    width: 100%;
    font-size: x-large;
    text-align: center;
}

/******************************************************************************/
/* ヘッダ固定テーブル
/******************************************************************************/
.sticky_table_room {
    display: table;
    position: relative;
    overflow: scroll;
    border-collapse: collapse;
}

    .sticky_table_room tr {
        display: table-Row;
    }

    .sticky_table_room th,
    .sticky_table_room td {
        font-size: 1.0rem;
        display: table-cell;
        background-clip: border-box;
    }

    .sticky_table_room th {
        height: 37px;
    }

    .sticky_table_room td {
        height: 200px;
    }

    .sticky_table_room thead {
        display: table-header-group;
    }

        .sticky_table_room thead th {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 2;
            background-image: url(../../common_images/titlebase_orange.jpg);
            background-repeat: repeat-x;
        }

            .sticky_table_room thead th.cross {
                left: 0;
                z-index: 3;
            }

    .sticky_table_room tbody {
        display: table-row-group;
    }

        .sticky_table_room tbody td.RoomCd,
        .sticky_table_room tbody td.RoomNm,
        .sticky_table_room tbody td.RoomReserveBtn {
            position: -webkit-sticky;
            position: sticky;
            z-index: 1;
            background-clip: padding-box;
        }

        .sticky_table_room tbody tr:nth-child(odd) td.RoomCd,
        .sticky_table_room tbody tr:nth-child(odd) td.RoomNm,
        .sticky_table_room tbody tr:nth-child(odd) td.RoomReserveBtn {
            background-color: white;
        }

        .sticky_table_room tbody tr:nth-child(even) td.RoomCd,
        .sticky_table_room tbody tr:nth-child(even) td.RoomNm,
        .sticky_table_room tbody tr:nth-child(even) td.RoomReserveBtn {
            background-color: #EAEAEA;
        }

.sticky_table_attend {
    display: table;
    position: relative;
    overflow: scroll;
}

    .sticky_table_attend tr {
        display: table-Row;
    }

    .sticky_table_attend th,
    .sticky_table_attend td {
        font-size: 1.0rem;
        display: table-cell;
        background-clip: border-box;
    }


    .sticky_table_attend thead {
        display: table-header-group;
    }

        .sticky_table_attend thead tr td {
            position: -webkit-sticky;
            position: sticky;
            z-index: 2;
        }

        .sticky_table_attend thead tr:first-child {
            top: 37px;
        }

        .sticky_table_attend thead tr:not(:last-child):not(:first-child) {
            top: 36px;
        }

        .sticky_table_attend thead tr:last-child {
            height: 72px;
        }

        .sticky_table_attend thead tr:first-child > td {
            top: 0;
        }

        .sticky_table_attend thead tr:nth-child(2) > td {
            top: 36px;
        }

        .sticky_table_attend thead tr:nth-child(3) > td {
            top: 72px;
        }

        .sticky_table_attend thead tr:nth-child(4) > td {
            top: 108px;
        }

        .sticky_table_attend thead tr:nth-child(5) > td {
            top: 142px;
        }

        .sticky_table_attend thead tr:nth-child(6) > td {
            top: 178px;
        }

        .sticky_table_attend thead td.cross {
            z-index: 3;
        }

    .sticky_table_attend tbody {
        display: table-row-group;
    }

        .sticky_table_attend tbody td.stickyth {
            position: -webkit-sticky;
            position: sticky;
            z-index: 1;
            background-clip: padding-box;
        }

            .sticky_table_attend tbody td.stickyth:first-child,
            .sticky_table_attend thead td.stickyth.cross:first-child {
                left: 0px;
                min-width: 48px;
                width: 48px;
            }

            .sticky_table_attend tbody td.stickyth:nth-child(2),
            .sticky_table_attend thead td.stickyth.cross:nth-child(2) {
                left: 60px;
                min-width: 208px;
                width: 208px;
            }

            .sticky_table_attend tbody td.stickyth:nth-child(3),
            .sticky_table_attend thead td.stickyth.cross:nth-child(3) {
                left: 280px;
                min-width: 50px;
                width: 50px;
            }

            .sticky_table_attend tbody td.stickyth:nth-child(4),
            .sticky_table_attend thead td.stickyth.cross:nth-child(4) {
                left: 342px;
                min-width: 52px;
                width: 52px;
            }

            .sticky_table_attend tbody td.stickyth:nth-child(5),
            .sticky_table_attend thead td.stickyth.cross:nth-child(5) {
                left: 406px;
                min-width: 108px;
                width: 108px;
            }

            /*.sticky_table_attend tbody td.stickyth:nth-child(6),
            .sticky_table_attend thead td.stickyth.cross:nth-child(6) {
                left: 550px;
                min-width: 108px;
                width: 108px;
            }*/

        .sticky_table_attend tbody tr:nth-child(odd) td.stickyth {
            background-color: white;
        }

        .sticky_table_attend tbody tr:nth-child(even) td.stickyth {
            background-color: #EAF0E0;            　 /*枠背景色*/
        }


.scroll-container {
    overflow-x: scroll; /* 常時表示 */
    width: 100%;
    padding-bottom: 8px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

    /* スクロールバー装飾（Webkit系ブラウザ） */
    .scroll-container::-webkit-scrollbar {
        height: 8px;
    }

    .scroll-container::-webkit-scrollbar-thumb {
        background-color: #aaa;
        border-radius: 4px;
    }

    .scroll-container::-webkit-scrollbar-track {
        background-color: #eee;
    }



table.AttendanceSearchLectureTable {
    width: 100%;
    border-collapse: separate;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

    table.AttendanceSearchLectureTable:not(:last-child) {
        margin-bottom: 10px;
    }

    table.AttendanceSearchLectureTable th, table.AttendanceSearchLectureTable td {
        text-align: center;
    }

        table.AttendanceSearchLectureTable th:not(:last-child), table.AttendanceSearchLectureTable td:not(:last-child) {
            border-right: 1px solid #dddddd;
        }

    table.AttendanceSearchLectureTable th {
        background-color: #789149;
        color: #ffffff;
        font-weight: bold;
    }

    table.AttendanceSearchLectureTable th, table.AttendanceSearchLectureTable td {
        padding: 10px;
        vertical-align: middle;
    }

    table.AttendanceSearchLectureTable thead tr:first-child th:first-child {
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
        -ms-border-radius: 5px 0 0 0;
        -o-border-radius: 5px 0 0 0;
        border-radius: 5px 0 0 0;
    }

    table.AttendanceSearchLectureTable thead tr:first-child th:last-child {
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
        -ms-border-radius: 0 5px 0 0;
        -o-border-radius: 0 5px 0 0;
        border-radius: 0 5px 0 0;
    }

        table.AttendanceSearchLectureTable thead tr:first-child th:last-child:first-child {
            -webkit-border-radius: 5px 5px 0 0;
            -moz-border-radius: 5px 5px 0 0;
            -ms-border-radius: 5px 5px 0 0;
            -o-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
        }

    table.AttendanceSearchLectureTable tbody tr:first-child td:first-child.radius {
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
        -ms-border-radius: 5px 0 0 0;
        -o-border-radius: 5px 0 0 0;
        border-radius: 5px 0 0 0;
    }

    table.AttendanceSearchLectureTable tbody tr:first-child td:last-child.radius {
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
        -ms-border-radius: 0 5px 0 0;
        -o-border-radius: 0 5px 0 0;
        border-radius: 0 5px 0 0;
    }

    table.AttendanceSearchLectureTable tbody tr:first-child td:last-child:first-child.radius {
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -ms-border-radius: 5px 5px 0 0;
        -o-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

    table.AttendanceSearchLectureTable tbody tr:not(:last-child) th, table.AttendanceSearchLectureTable tbody tr:not(:last-child) td {
        border-bottom: 1px solid #dddddd;
    }

    table.AttendanceSearchLectureTable tbody tr:last-child td:first-child {
        -webkit-border-radius: 0 0 0 5px;
        -moz-border-radius: 0 0 0 5px;
        -ms-border-radius: 0 0 0 5px;
        -o-border-radius: 0 0 0 5px;
        border-radius: 0 0 0 5px;
    }

    table.AttendanceSearchLectureTable tbody tr:last-child td:last-child {
        -webkit-border-radius: 0 0 5px 0;
        -moz-border-radius: 0 0 5px 0;
        -ms-border-radius: 0 0 5px 0;
        -o-border-radius: 0 0 5px 0;
        border-radius: 0 0 5px 0;
    }

        table.AttendanceSearchLectureTable tbody tr:last-child td:last-child:first-child {
            -webkit-border-radius: 0 0 5px 5px;
            -moz-border-radius: 0 0 5px 5px;
            -ms-border-radius: 0 0 5px 5px;
            -o-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
        }

    table.AttendanceSearchLectureTable tbody td {
        background: #fff;
    }

/* =========================================
   Modern Font Override
========================================= */

/*:root {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Yu Gothic UI", "Noto Sans JP", sans-serif;
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--font-sans);
}*/