@charset "UTF-8";

/*
information{
    file name : /css/styles/modules/table.css;
    site name : KIT 虎ノ門大学院ホームページ;
    copyrihgt : Copyright Kanazawa Institute of Technology.;
    explanation : tableモジュールを定義;
}
*/

/* contents
--------------------------------------------------------------------------

--------------------------------------------------------------------------
*/

/* div.exam-frameTable
-----------------------------------------------    */
div.exam-frameTable table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.8;
}

div.exam-frameTable table th {
    width: 80%;
    padding: 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
}

div.exam-frameTable table td {
    width: 20%;
    padding: 10px 5px;
    border: 1px solid #D6D6D6;
    text-align: center;
    font-weight: bold;

}


/* div.exam-dateTable
-----------------------------------------------    */
div.exam-dateTable table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.7;
}

div.exam-dateTable table thead th {
    padding: 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.exam-dateTable table tbody th {
    width: 10%;
    padding: 10px;
    border: 1px solid #D6D6D6;
    font-weight: bold;
    text-align: center;
    font-weight: bold;
}

div.exam-dateTable table tbody td {
    width: 22.5%;
    padding: 10px 5px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .responsive #bodyDivision div.exam-dateTable table th,
    .responsive #bodyDivision div.exam-dateTable table td {
        font-size: 11px;
    }
}


/* div.exam-paymentTable
-----------------------------------------------    */
div.exam-paymentTable table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.7;
}

div.exam-paymentTable table thead th {
    padding: 4px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.exam-paymentTable table tbody th {
    padding: 20px 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

div.exam-paymentTable table tbody td {
    padding: 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

div.exam-paymentTable table tbody td.rowLine {
    border-bottom: 0;
    background-image: url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/common/bg_lines/dotline_gray_w.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
}

div.exam-paymentTable table tbody td.topLine {
    border-top: 0;
}

@media screen and (max-width: 767px) {
    .responsive #bodyDivision div.exam-paymentTable table th,
    .responsive #bodyDivision div.exam-paymentTable table td {
        font-size: 11px;
    }
}




/* div.examination-dateTable
-----------------------------------------------    */
div.examination-dateTable table {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.examination-dateTable table thead th {
    padding: 20px 5px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.examination-dateTable table thead th.term {
    width: 20%;
}

div.examination-dateTable table thead th.period {
    width: 29%;
}

div.examination-dateTable table thead th.exam {
    width: 17%;
}

div.examination-dateTable table thead th.announcement {
    width: 17%;
}

div.examination-dateTable table thead th.payment {
    width: 17%;
}

div.examination-dateTable table tbody th {
    padding: 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

div.examination-dateTable table tbody th.term1,
div.examination-dateTable table tbody th.term2 {
    width: 10%;
}

div.examination-dateTable table tbody td {
    padding: 10px 5px;
    border: 1px solid #D6D6D6;
    text-align: center;
}




/* div.examination-timeTable
-----------------------------------------------    */
div.examination-timeTable table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.examination-timeTable table thead th {
    padding: 5px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.examination-timeTable table thead th.course {
    width: 21%;
}

div.examination-timeTable table thead th.exam1 {
    width: 19%;
}

div.examination-timeTable table thead th.exam2 {
    width: 60%;
}

div.examination-timeTable table tbody tr.time th,
div.examination-timeTable table tbody tr.time td {
    padding: 20px 10px;
    background-color: #F0F9EB;
}

div.examination-timeTable table tbody tr.detail td.exam2 {
    text-align: left;
}

div.examination-timeTable table tbody th {
    padding: 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

div.examination-timeTable table tbody td {
    padding: 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}






/* div.examination-problemTable
-----------------------------------------------    */
div.examination-problemTable table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.examination-problemTable table thead th {
    width: 50%;
    padding: 5px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.examination-problemTable table tbody td.course {
    padding: 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

div.examination-problemTable table tbody td.detail {
    padding: 10px;
    border: 1px solid #D6D6D6;
    text-align: left;
}




/* div.examinationforb_r-dateTable
-----------------------------------------------    */
div.examinationforb_r-dateTable table {
    border-collapse: collapse;
    line-height: 1.7;
    width: 100%;
}

div.examinationforb_r-dateTable table thead th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.examinationforb_r-dateTable table tbody th {
    padding: 10px 20px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

div.examinationforb_r-dateTable table tbody td {
    padding: 10px 20px;
    border: 1px solid #D6D6D6;
    text-align: center;
}




/* div.tanka-detailTable
-----------------------------------------------    */
div.tanka-detailTable table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.tanka-detailTable table th {
    width: 18%;
    padding: 5px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.tanka-detailTable table td {
    width: 82%;
    padding: 10px;
    border: 1px solid #D6D6D6;
}






/* [ba_tanka.htm] div.tanka-scheduleTable
-----------------------------------------------    */
div.tanka-scheduleTable table {
    width: 100%;
    margin-bottom: 30px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.tanka-scheduleTable table thead th {
    padding: 5px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.tanka-scheduleTable table thead th.status {
    width: 8.5%;
    background-color: #ffffff;
}

div.tanka-scheduleTable table thead th.subject {
    width: 21%;
    padding: 5px 10px;
    text-align: left;
}

div.tanka-scheduleTable table thead th.unit,
div.tanka-scheduleTable table thead th.period,
div.tanka-scheduleTable table thead th.frequency {
    width: 7%;
}

div.tanka-scheduleTable table thead th.date {
    width: 9%;
    padding: 5px 10px;
}

div.tanka-scheduleTable table thead th.time {
    width: 20.5%;
}

div.tanka-scheduleTable table thead th.misc {
}

div.tanka-scheduleTable table tbody td {
    padding: 5px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

div.tanka-scheduleTable table tbody td.status.end {
    background-image: url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/common/bg_lines/bg_dot_lightgray.gif");
    color: #B40000;
}

div.tanka-scheduleTable table tbody td.subject,
div.tanka-scheduleTable table tbody td.date,
div.tanka-scheduleTable table tbody td.time {
    padding: 5px 10px;
    text-align: left;
}








/* div.tanka_apply-periodTable
-----------------------------------------------    */
div.tanka_apply-periodTable table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.tanka_apply-periodTable table thead th {
    padding: 5px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.tanka_apply-periodTable table thead th.term {
    width: 17.5%;
}

div.tanka_apply-periodTable table thead th.period {
    width: 28.5%;
    padding: 5px 10px;
    text-align: left;
}

div.tanka_apply-periodTable table thead th.term1,
div.tanka_apply-periodTable table thead th.term2,
div.tanka_apply-periodTable table thead th.term3,
div.tanka_apply-periodTable table thead th.term4 {
    width: 13.5%;
}

div.tanka_apply-periodTable table tbody th {
    padding: 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

div.tanka_apply-periodTable table tbody td {
    padding: 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

div.tanka_apply-periodTable table tbody td.period {
    text-align: left;
}


/* div.tanka_apply-detailTable
-----------------------------------------------    */
div.tanka_apply-detailTable table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.tanka_apply-detailTable table th {
    width: 17.5%;
    padding: 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.tanka_apply-detailTable table td {
    width: 82.5%;
    padding: 10px;
    border: 1px solid #D6D6D6;
}


/* for IE7,6 */
div.tanka_apply-detailTable table th { 
    /width: 18%;
}

/* #guide_schedule-timeTable
-----------------------------------------------    */
#guide_schedule-timeTable table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.7;
}

#guide_schedule-timeTable table thead th {
    padding: 5px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

#guide_schedule-timeTable table thead th.time {
    width: 26%;
}

#guide_schedule-timeTable table thead th.week {
    width: 8%;
}

#guide_schedule-timeTable table tbody td {
    padding: 5px;
    border: 1px solid #D6D6D6;
    text-align: center;
}


/* div.tranomon-salon_table
-----------------------------------------------    */
div.tranomon-salon_table.entry {
    margin-bottom: 27px;
    background-repeat: no-repeat;
    background-position: bottom center;
}

div.tranomon-salon_table.entry.business {
    /*  */
}

div.tranomon-salon_table.entry.ip {
    /*  */
}

div.tranomon-salon_table table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.7;
}

div.tranomon-salon_table table thead th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
}

div.tranomon-salon_table table thead th.date {
    width: 22%;
}

div.tranomon-salon_table table thead th.detail {
    width: 78%;
}

div.tranomon-salon_table table tbody td {
    padding: 10px;
    border: 1px solid #D6D6D6;
    vertical-align: top;
}

div.tranomon-salon_table table tbody td.detail div.text {
    float: left;
    width: calc(100% - 120px);
}

div.tranomon-salon_table table tbody td.detail div.photo {
    float: right;
    width: 100px;
}



/* #cycle_d-exTable
-----------------------------------------------    */
#cycle_d-exTable table {
    width: 100%;
    margin-bottom: 30px;
    border-collapse: collapse;
    line-height: 1.7;
}

#cycle_d-exTable table caption {
    padding-bottom: 5px;
    font-weight: bold;
}

#cycle_d-exTable table thead th {
    padding: 5px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

#cycle_d-exTable table thead th.practicum {
    width: 18%;
}

#cycle_d-exTable table thead th.theme {
    width: 28.5%;
}

#cycle_d-exTable table thead th.technique {
    width: 28.5%;
}

#cycle_d-exTable table thead th.environment {
    width: 11%;
}

#cycle_d-exTable table thead th.material {
    width: 14%;
}

#cycle_d-exTable table tbody th {
    padding: 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

#cycle_d-exTable table tbody td {
    padding: 10px;
    border: 1px solid #D6D6D6;
}

#cycle_d-exTable table tbody td.environment {
    text-align: center;
}


/* #cycle_d-sheetTable
-----------------------------------------------    */
#cycle_d-sheetTable table {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
    line-height: 1.7;
}

#cycle_d-sheetTable table th {
    width: 8%;
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

#cycle_d-sheetTable table td.method {
    width: 36%;
    padding: 10px;
    border: 1px solid #D6D6D6;
}

#cycle_d-sheetTable table td.detail {
    width: 656%;
    padding: 10px;
    border: 1px solid #D6D6D6;
}






/* #cycle_c-sheetTable
-----------------------------------------------    */
#cycle_c-sheetTable {
    margin-bottom: 30px;
}

#cycle_c-sheetTable table {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
    line-height: 1.7;
}

#cycle_c-sheetTable table caption {
    padding-bottom: 5px;
    font-weight: bold;
}

#cycle_c-sheetTable table thead th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

#cycle_c-sheetTable table thead th.class {
    width: 8.5%;
}

#cycle_c-sheetTable table thead th.evaluation {
    width: 66%;
    text-align: left;
}

#cycle_c-sheetTable table thead th.point {
    width: 8.5%;
}

#cycle_c-sheetTable table thead th.subtotal {
    width: 8.5%;
}

#cycle_c-sheetTable table thead th.total {
    width: 8.5%;
}

#cycle_c-sheetTable table tbody td {
    padding: 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

#cycle_c-sheetTable table tbody td.evaluation {
    text-align: left;
}

/* #cycle_d-evaluationTable
-----------------------------------------------    */
#cycle_d-evaluationTable table {
    width: 100%;
    margin-bottom: 25px;
    border-collapse: collapse;
    line-height: 1.7;
}

#cycle_d-evaluationTable table caption {
    margin-bottom: 5px;
    font-weight: bold;
}

#cycle_d-evaluationTable table thead th {
    padding: 5px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

#cycle_d-evaluationTable table thead th.part {
    width: 49%;
}

#cycle_d-evaluationTable table thead th.teacher1,
#cycle_d-evaluationTable table thead th.teacher2,
#cycle_d-evaluationTable table thead th.judge {
    width: 17%;
}

#cycle_d-evaluationTable table thead th.teacher2 {
    text-align: left;
}

#cycle_d-evaluationTable table tbody td {
    padding: 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

#cycle_d-evaluationTable table tbody td.part1 {
    width: 13.5%;
}

#cycle_d-evaluationTable table tbody td.part2 {
    width: 35.5%;
    height: 5.5em;
    text-align: left;
}



/* #flow-scheduleTable
-----------------------------------------------    */
#flow-scheduleTable table {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
}

#flow-scheduleTable table th {
    width: 23%;
    padding: 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
}

#flow-scheduleTable table td {
    width: 77%;
    padding: 10px;
    border: 1px solid #D6D6D6;
}

/* #methods-docTable
-----------------------------------------------    */
#methods-docTable table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.7;
    @media (width <= 767px) {
        font-size: 90%;
        line-height: 1.6;
    }
}

#methods-docTable table caption {
    padding-bottom: 5px;
    font-weight: bold;
}

#methods-docTable table thead th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    @media (width <= 767px) {
        padding: 2px 4px;
    }
}

#methods-docTable table thead th.name {
    width: 47%;
    @media (width <= 767px) {
        width: auto;
    }
}

#methods-docTable table thead th.detail {
    width: 36%;
    @media (width <= 767px) {
        width: auto;
    }
}

#methods-docTable table thead th.time {
    width: 17%;
    @media (width <= 767px) {
        width: auto;
        min-width: 4em;
    }
}

#methods-docTable table tbody td {
    padding: 10px;
    border: 1px solid #D6D6D6;
    @media (width <= 767px) {
        padding: 2px 4px;
    }
}

#methods-docTable table tbody td.name1 {
    width: 21%;
    white-space: nowrap;
    @media (width <= 767px) {
        width: auto;
        white-space: normal;
    }
}

#methods-docTable table tbody td.name2 {
    width: 26%;
    @media (width <= 767px) {
        width: auto;
    }
}


/* #plan-stepTable
-----------------------------------------------    */
#plan-stepTable table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.7;
}

#plan-stepTable table caption {
    padding-bottom: 5px;
    font-weight: bold;
}

#plan-stepTable table thead th {
    padding: 5px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

#plan-stepTable table thead th.item {
    width: 14.5%;
}

#plan-stepTable table thead th.year {
    width: 28.5%;
}

#plan-stepTable table tbody th {
    padding: 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
    @media (width <= 767px) {
        padding: 2px 4px;
    }
}

#plan-stepTable table tbody td {
    padding: 10px;
    border: 1px solid #D6D6D6;
    @media (width <= 767px) {
        padding: 2px 4px;
    }
}




/* #exam-subjectTable
-----------------------------------------------    */
#exam-subjectTable table {
    width: 100%;
    margin-bottom: 30px;
    border-collapse: collapse;
    line-height: 1.7;
}
@media screen and (max-width: 767px) {
    .responsive #exam-subjectTable table {
        margin-bottom: 15px;
        line-height: 1.38;
    }
}

#exam-subjectTable table thead th {
    padding: 4px;
    border: 1px solid #D6D6D6;
    background-color: #F0F0F0;
    text-align: center;
}

#exam-subjectTable table thead th.head {
    width: 22%;
}
@media screen and (max-width: 767px) {
    .responsive #exam-subjectTable table thead th.head {
        width: 2em;
    }
}

#exam-subjectTable table thead th.subject {
    width: 28.5%;
}

#exam-subjectTable table thead th.teacher {
    width: 21.5%;
}

#exam-subjectTable table thead th.totalUnit {
    width: 28%;
}

#exam-subjectTable table thead th.unit {
    width: 7%;
}

#exam-subjectTable table tbody td {
    padding: 10px;
    border-right: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    background-image: url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/common/bg_lines/dotline_gray_w.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    text-align: center;
}
@media screen and (max-width: 767px) {
    #exam-subjectTable table tbody td {
        padding: 5px;
    }
}


#exam-subjectTable table tbody td.head1 {
    width: 11%;
    border-bottom: 1px solid #D6D6D6;
    background-image: none;
}
@media screen and (max-width: 767px) {
    .responsive #exam-subjectTable table tbody td.head1 {
        width: 1em;
    }
}

#exam-subjectTable table tbody td.head2 {
    width: 11%;
    border-bottom: 1px solid #D6D6D6;
    background-image: none;
}
@media screen and (max-width: 767px) {
    .responsive #exam-subjectTable table tbody td.head2 {
        width: 1em;
    }
}

#exam-subjectTable table tbody td.head3 {
    width: 11%;
    border-bottom: 1px solid #D6D6D6;
    background-image: none;
    text-align: left;
}
@media screen and (max-width: 767px) {
    .responsive #exam-subjectTable table tbody td.head3 {
        width: 1em;
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .responsive #exam-subjectTable table tbody td.teacher {
        text-align: left;
    }
}

#exam-subjectTable table tbody tr.rowline td {
    border-bottom: 1px solid #D6D6D6;
    background-image: none;
}



/* #certificate-detaTable
-----------------------------------------------    */
#certificate-detaTable {
    margin-bottom: 40px;
}

#certificate-detaTable table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.7;
}

#certificate-detaTable table thead th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
}

#certificate-detaTable table thead th.commission {
    text-align: center;
}

#certificate-detaTable table tbody th {
    width: 71.5%;
    padding: 10px;
    border: 1px solid #D6D6D6;
}

#certificate-detaTable table tbody td {
    width: 28.5%;
    padding: 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}


/* #business_model_table
-----------------------------------------------    */
#business_model_table {
    margin-bottom: 40px;
}

#business_model_table table {
    width: 100%;
}

#business_model_table table thead th {
    padding: 7px 5px;
    border: 1px solid #D6D6D6;
    background-color: #FFF1F3;
    text-align: center;
}

#business_model_table table thead th.category {
    width: 12%;
}

#business_model_table table thead th.depart {
    width: 4%;
}

#business_model_table table thead th.code {
    width: 8%;
}

#business_model_table table thead th.subject {
    width: 45%;
}

#business_model_table table thead th.unitTotal {
    width: 16%;
}

#business_model_table table thead th.unitHalf {
    width: 8%;
}

#business_model_table table thead th.unit {
    width: 4%;
}

#business_model_table table thead th.model {
    width: 22%;
    background-color: #E4F1FF;
}

#business_model_table table thead th.modelBA {
    width: 11%;
    background-color: #E7D9EF;
}

#business_model_table table thead th.modelMEM {
    width: 11%;
    background-color: #DEFFDA;
}

#business_model_table table tbody td {
    padding: 7px 5px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

#business_model_table table tbody td.subject {
    padding: 7px 10px;
    text-align: left;
}

#business_model_table table tbody td.categoryMEM {
    background-color: #FFF1F3;
}





/* #ip_model_table
-----------------------------------------------    */
#ip_model_table {
    margin-bottom: 25px;
}

#ip_model_table table {
    width: 100%;
    margin-bottom: 15px;
}

#ip_model_table table thead th {
    padding: 7px 5px;
    border: 1px solid #D6D6D6;
    background-color: #E5EBFF;
    text-align: center;
}

#ip_model_table table thead th.category {
    width: 7%;
}

#ip_model_table table thead th.subject {
    width: 20%;
}

#ip_model_table table thead th.unitTotal {
    width: 8%;
}

#ip_model_table table thead th.unitHalf {
    width: 5%;
}

#ip_model_table table thead th.unit {
    width: 2%;
}

#ip_model_table table thead th.cource1 {
    width: 20%;
}

#ip_model_table table thead th.cource2 {
    width: 8%;
}

#ip_model_table table thead th.cource3 {
    width: 20%;
}

#ip_model_table table thead th.cource4 {
    width: 10%;
}

#ip_model_table table tbody th {
    padding: 7px;
    border: 1px solid #D6D6D6;
    background-color: #F0F0F0;
    text-align: center;
    line-height: 1.1;
}

#ip_model_table table tbody td {
    padding: 7px 5px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

#ip_model_table table tbody td.subject {
    padding: 7px 10px;
    text-align: left;
}

#ip_model_table table tbody td.subject.menjo {
    font-weight: bold;
}


#ip_model_table table tbody tr.column th {
    padding: 5px 0;
    background: #D4F5D6;
}

#ip_model_table table tbody tr.column th.category {
    width: 7%;
}

#ip_model_table table tbody tr.column th.subject {
    width: 20%;
    padding: 7px 10px;
    text-align: left;
}

#ip_model_table table tbody tr.column th.unitTotal {
    width: 8%;
}
#ip_model_table table tbody tr.column th.modelA {
    width: 5%;
}
#ip_model_table table tbody tr.column th.modelB {
    width: 6%;
}
#ip_model_table table tbody tr.column th.modelC {
    width: 4%;
}
#ip_model_table table tbody tr.column th.modelD {
    width: 5%;
}
#ip_model_table table tbody tr.column th.modelE {
    width: 5%;
}
#ip_model_table table tbody tr.column th.modelF {
    width: 5%;
}
#ip_model_table table tbody tr.column th.modelG {
    width: 5%;
}
#ip_model_table table tbody tr.column th.modelH {
    width: 5%;
}
#ip_model_table table tbody tr.column th.modelI {
    width: 5%;
}
#ip_model_table table tbody tr.column th.modelJ {
    width: 5%;
}
#ip_model_table table tbody tr.column th.modelK {
    width: 5%;
}
#ip_model_table table tbody tr.column th.modelL {
    width: 5%;
}
#ip_model_table table tbody tr.column th.modelM {
    width: 5%;
}

#ip_model_table table tbody tr.row td.unit {
    width: 2%;
}



/* [ba_tanka.htm] div.business_subject_table
-----------------------------------------------    */
div.business_subject_table table {
    width: 100%;
    margin-bottom: 30px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.business_subject_table table thead th {
    padding: 5px 3px;
    border: 1px solid #D6D6D6;
    background-color: #FFF1F3;
    text-align: center;
}
div.business_subject_table table thead th.label {
    padding: 5px 10px;
    text-align: left;
    background: #F7D8D6;
}


div.business_subject_table table thead th.subject {
    width: 22%;
    padding: 5px 10px;
    text-align: center;
}

div.business_subject_table table thead th.teacher {
    width: 12%;
}

div.business_subject_table table thead th.time {
    width: 18%;
}

div.business_subject_table table tbody td {
    padding: 5px;
    border: 1px solid #D6D6D6;
    text-align: center;
}


div.business_subject_table table tbody td.date.none {
    background-image: url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/common/bg_lines/bg_dot_lightgray.gif");
    text-indent: -9999em;
}

div.business_subject_table table tbody td.subject,
div.business_subject_table table tbody td.teacher,
div.business_subject_table table tbody td.misc {
    padding: 5px 10px;
    text-align: left;
}
div.business_subject_table table tbody td.subject {
    width: 22%;
}

div.business_subject_table table tbody td.time {
    padding: 5px 5px;
    text-align: left;
}

div.business_subject_table table tbody td.date {
    padding: 5px 1px;
    text-align: center;
}

div.business_subject_table table tbody td.misc {
    text-align: left;
    font-size: 84%;
}



/* [ba_tanka.htm] div.ip_subject_table
-----------------------------------------------    */
div.ip_subject_table table {
    width: 100%;
    margin-bottom: 30px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.ip_subject_table table thead th {
    padding: 5px 3px;
    border: 1px solid #D6D6D6;
    background-color: #E5EBFF;
    text-align: center;
}
div.ip_subject_table table thead th.label {
    text-align: left;
    padding: 5px 10px;
    background: #C8DFFF;
}

div.ip_subject_table table thead th.warn {
    background: #F9F6ED;
    color: #B30000;
}

div.ip_subject_table table thead th.subject {
    width: 22%;
    padding: 5px 10px;
    text-align: center;
}

div.ip_subject_table table thead th.teacher {
    width: 12%;
}

div.ip_subject_table table thead th.time {
    width: 18%;
}

div.ip_subject_table table tbody td {
    padding: 5px;
    border: 1px solid #D6D6D6;
    text-align: center;
}


div.ip_subject_table table tbody td.date.none {
    background-image: url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/common/bg_lines/bg_dot_lightgray.gif");
    text-indent: -9999em;
}

div.ip_subject_table table tbody td.subject,
div.ip_subject_table table tbody td.teacher,
div.ip_subject_table table tbody td.misc {
    padding: 5px 10px;
    text-align: left;
}
div.ip_subject_table table tbody td.subject {
    width: 22%;
}

div.ip_subject_table table tbody td.time {
    padding: 5px 5px;
    text-align: left;
}

div.ip_subject_table table tbody td.date {
    padding: 5px 1px;
    text-align: center;
}

div.ip_subject_table table tbody td.misc {
    text-align: left;
    font-size: 84%;
}


/* div.tani-gokanTabl
-----------------------------------------------    */
div.tani-gokanTable table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.tani-gokanTable table th {
    width: 18%;
    padding: 15px;
    border: 1px solid #D6D6D6;
    background-color: #FFF1F3;
}

div.tani-gokanTable table td {
    width: 82%;
    padding: 10px;
    border: 1px solid #D6D6D6;
}


/* div.tani-gokanTable
-----------------------------------------------    */
div.tani-gokanTable2 table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.tani-gokanTable2 table th {
    padding: 5px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}
div.tani-gokanTable2 table th.target {
    width: 18%;
    padding: 5px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.tani-gokanTable2 table td {
    padding: 10px;
    border: 1px solid #D6D6D6;
}
div.tani-gokanTable2 table td.target {
    width: 20%;
    text-align: center;
}

/* div.juko-ruleTable
-----------------------------------------------    */
div.juko-ruleTable table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.juko-ruleTable table th {
    padding: 5px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.juko-ruleTable table td {
    padding: 5px;
    border: 1px solid #D6D6D6;
    text-align: center;
}
div.juko-ruleTable table td.rest {
    color: #ff0000;
}
div.juko-ruleTable table td.misc {
    padding: 10px;
    text-align: left;
    vertical-align: top;
}

/* div.juko-ruleTable2
-----------------------------------------------    */
div.juko-ruleTable2 table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.juko-ruleTable2 table th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.juko-ruleTable2 table th.misc {
    text-align: left;
}


div.juko-ruleTable2 table td {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
}

div.juko-ruleTable2 table td.column1 {
    width: 100px;
}

/* div.juko-ruleTable3
-----------------------------------------------    */
div.juko-ruleTable3 table {
    width: 44%;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.juko-ruleTable3 table th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}
div.juko-ruleTable3 table th.misc {
    text-align: left;
}

div.juko-ruleTable3 table td {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
}

div.juko-ruleTable3 table td.column1 {
    width: 100px;
}

/* div.juko-ruleTable4
-----------------------------------------------    */
div.juko-ruleTable4 table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.juko-ruleTable4 table th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: left;
}

div.juko-ruleTable4 table td {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
}

div.juko-ruleTable4 table td.column1 {
    width: 100px;
}


/* div.juko-ruleTable5
-----------------------------------------------    */
div.juko-ruleTable5 table {
    width: 70%;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.juko-ruleTable5 table th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: left;
}

div.juko-ruleTable5 table td {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
}

div.juko-ruleTable5 table td.column1 {
    width: 100px;
}


/* div.juko-ruleTable6
-----------------------------------------------    */
div.juko-ruleTable6 table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.juko-ruleTable6 table th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.juko-ruleTable6 table td {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}


/* div.juko-ruleTable7
-----------------------------------------------    */
div.juko-ruleTable7 {
    text-align: center;
}
div.juko-ruleTable7 table {
    width: 40%;
    margin: 0 auto;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.juko-ruleTable7 table th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.juko-ruleTable7 table td {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

div.juko-ruleTable7 table td.rank {
    text-align: left;
}

/* div.tani-subjectTable
-----------------------------------------------    */
div.tani-subjectTable table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.7;
}

div.tani-subjectTable table th {
    padding: 15px 5px;
    border: 1px solid #D6D6D6;
    background-color: #ef9811;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

div.tani-subjectTable table th.term1 {
    background: #ef9811;
}

div.tani-subjectTable table th.term2 {
    background: #fcb11b;
}

div.tani-subjectTable table th.term3 {
    background: #ef9811;
}

div.tani-subjectTable table th.term4 {
    background: #fcb11b;
}

div.tani-subjectTable table th {
    width: 188px; /* 198 */
}

div.tani-subjectTable table th.category {
    width: 140px; /* 152 */
    background-color: #fff;
    border-top: none;
    border-left: none;
}

div.tani-subjectTable table td {
    width: 188px; /* 198 */
    padding: 10px;
    padding-right: 0px;
    border: 1px solid #D6D6D6;
    vertical-align: top;
}

div.tani-subjectTable table td span.subject {
    display: inline-block;
    padding-left: 1.1em;
    background: url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/tani-subject-table/link_bg.gif") 0px 6px no-repeat;
}
div.tani-subjectTable table td span.subject span.unit2 {
    display: inline-block;
    padding-right: 52px;
    background: url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/tani-subject-table/unit2.gif") right 2px no-repeat;
}

div.tani-subjectTable table td span.note {
    font-size: 90%;
    color: #666666;
}

div.tani-subjectTable table tr.even td {
    background: #f0f0f0;
}

div.tani-subjectTable table td.category {
    width: 140px;  /* 152 */
    vertical-align: middle;
    text-indent: -99999em;
}

div.tani-subjectTable table tr.thinking td.category {
    background: #ed92af url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/tani-subject-table/thinking.png") center center no-repeat;
}

div.tani-subjectTable table tr.keiei td.category {
    background: #ce7777 url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/tani-subject-table/keiei.png") center center no-repeat;
}

div.tani-subjectTable table tr.marketing td.category {
    background: #819cb9 url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/tani-subject-table/marketing.png") center center no-repeat;
}

div.tani-subjectTable table tr.operation td.category {
    background: #e6a84d url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/tani-subject-table/operation.png") center center no-repeat;
}

div.tani-subjectTable table tr.human td.category {
    background: #78a83f url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/tani-subject-table/human.png") center center no-repeat;
}

div.tani-subjectTable table tr.finance td.category {
    background: #6aa6d1 url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/tani-subject-table/finance.png") center center no-repeat;
}

div.tani-subjectTable table tr.it td.category {
    background: #aaa24f url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/tani-subject-table/it.png") center center no-repeat;
}

div.tani-subjectTable table tr.media td.category {
    background: #7c7b6b url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/tani-subject-table/media.png") center center no-repeat;
}

div.tani-subjectTable table tr.ip td.category {
    background: #8c8abe url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/tani-subject-table/ip.png") center center no-repeat;
}

div.tani-subjectTable table tr.intern td.category {
    background: #bea276 url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/tani-subject-table/intern.png") center center no-repeat;
}

div.tani-subjectTable table tr.nego td.category {
    background: #9c9a9f url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/tani-subject-table/nego.png") center center no-repeat;
}

div.balloon-box-holder {
    margin-left: 142px;
    _margin-left: 132px;
}
div.balloon-box-holder div.balloon-box {
    display: block;
    width: 192px;
    height: 85px;
    background: #fff url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/balloon-box_bg.png") center center no-repeat;
    float: left;
    margin-left: 10px;
}
div.balloon-box-holder div.balloon-box p.text {
    text-align: center;
    padding-top: 40px;
    font-weight: bold;
}
div.balloon-box-holder div.balloon-box p.text span.note {
    font-size: 11px;
    font-weight: normal;
}
div.balloon-box-holder div.balloon-box.term2 {
    background: #fff url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/balloon-box_bg2.png") center center no-repeat;
}

div.balloon-box-holder div.balloon-box.term3 {
    width: 394px;
    background: #fff url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/balloon-box_bg3.png") center center no-repeat;
}

div.balloon-box-holder div.balloon-box.term4 {
    background: #fff url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/balloon-box_bg4.png") center center no-repeat;
}



/* div.tanka-scheduleTable2
-----------------------------------------------    */
div.tanka-scheduleTable2 {
    text-align: center;
}
div.tanka-scheduleTable2 table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    line-height: 1.7;
}

div.tanka-scheduleTable2 table th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}
.responsive div.tanka-scheduleTable2 table th:nth-child(1) {
    width: 100px;
}
@media screen and (max-width: 767px) {
    .responsive div.tanka-scheduleTable2 table th {
        padding: 5px;
        line-height: 1.4;
    }
    .responsive div.tanka-scheduleTable2 table th:nth-child(1) {
        width: auto;
    }
}

div.tanka-scheduleTable2 table td {
    padding: 5px 5px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

/* div.tanka-scheduleTable3
-----------------------------------------------    */
div.tanka-scheduleTable3 {
    text-align: center;
}
div.tanka-scheduleTable3 table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    line-height: 1.7;
}

div.tanka-scheduleTable3 table th {
    width: 100px; /* 120px */
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .responsive div.tanka-scheduleTable3 table th {
        width: 100px;
        padding: 5px 5px;
    }
}

div.tanka-scheduleTable3 table td {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    text-align: left;
}
div.tanka-scheduleTable3 table td span.note {
    font-size: 84%;
}


/* div.tanka-scheduleTable4
-----------------------------------------------    */
div.tanka-scheduleTable4 {
    text-align: center;
}
div.tanka-scheduleTable4 table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    line-height: 1.7;
}

div.tanka-scheduleTable4 table th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}
.responsive div.tanka-scheduleTable4 table th:nth-child(1) {
    width: 100px;
}
@media screen and (max-width: 767px) {
    .responsive div.tanka-scheduleTable4 table th {
        padding: 5px;
        line-height: 1.4;
    }
    .responsive div.tanka-scheduleTable4 table th:nth-child(1) {
        width: auto;
    }
}

div.tanka-scheduleTable4 table td {
    padding: 15px 5px;
    border: 1px solid #D6D6D6;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .responsive div.tanka-scheduleTable4 table td {
        padding: 5px;
    }
}


/* div.subject-ProgramTable
-----------------------------------------------    */
div.subject-ProgramTable {
    padding-bottom: 39px;
    border-collapse: collapse;
    background-image: url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/common/flow_arrow_orange_down.gif");
    background-repeat: no-repeat;
    background-position: bottom center;
}

div.subject-ProgramTable table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.7;
}
@media screen and (max-width: 767px) {
    div.subject-ProgramTable table {
        line-height: 1.38;
    }
}

div.subject-ProgramTable table th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .responsive div.subject-ProgramTable table th {
        padding: 10px 5px;
    }
}

div.subject-ProgramTable table td {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
}
@media screen and (max-width: 767px) {
    .responsive div.subject-ProgramTable table td {
        padding: 5px;
        vertical-align: top;
    }
}

div.subject-ProgramTable table td.subject {
    width: 20%;
}
@media screen and (max-width: 767px) {
    .responsive div.subject-ProgramTable table td.subject {
        width: auto;
        min-width: 3em;
    }
}
div.subject-ProgramTable table td.teacher {
    width: 15%;
}
@media screen and (max-width: 767px) {
    .responsive div.subject-ProgramTable table td.teacher {
        width: auto;
        min-width: 2em;
    }
}

div.subject-ProgramTable table td.theme {
    width: 55%;
    vertical-align: top;
    padding: 10px 15px;
}
@media screen and (max-width: 767px) {
    .responsive div.subject-ProgramTable table td.theme {
        width: auto;
        padding: 5px;
    }
}

div.subject-ProgramTable table td.time {
    width: 10%;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .responsive div.subject-ProgramTable table td.time {
        width: auto;
        min-width: 2em;
    }
    .responsive div.subject-ProgramTable table td.time .inner {
        display: inline-block;
        width: 1em;
    }
}

/* div.program-balloon-box-holder
-----------------------------------------------    */

div.program-balloon-box-holder {
    text-align: center;
}

div.program-balloon-box-holder div.program-balloon-box {
    display: block;
    width: 244px;
    margin: 0 auto;
    border: 2px solid #e8e8e8;
    border-radius: 5px;
    position: relative;
}
div.program-balloon-box-holder div.program-balloon-box p.head {
    color: #FFFFFF;
    background-color: #ef9811;
    line-height: 25px !important;
    letter-spacing: 2px;
    position: relative;
    margin: -1px -1px 0 -1px;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 0 !important;
}
div.program-balloon-box-holder div.program-balloon-box p.text {
    font-weight: bold;
    height: 42px;
    margin-bottom: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.program-balloon-box-holder div.program-balloon-box2 {
    display: block;
    width: 244px;
    height: 87px;
    background: #fff url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/program/program-balloon-box_bg2.png") center center no-repeat;
    margin: 0 auto;
}
div.program-balloon-box-holder div.program-balloon-box2 p.text {
    text-align: center;
    padding-top: 37px;
    font-weight: bold;
}

/* div.subject-ProgramTable2
-----------------------------------------------    */
div.subject-ProgramTable2 table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.subject-ProgramTable2 table th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
    width: 20%;
}

div.subject-ProgramTable2 table td {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
}

/* div.subject-ProgramTable3
-----------------------------------------------    */
div.subject-ProgramTable3 table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    line-height: 1.7;
}

div.subject-ProgramTable3 table th {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    white-space: nowrap;
}

div.subject-ProgramTable3 table td {
    padding: 5px 10px;
    border: 1px solid #D6D6D6;
}

/* div.program-tanka-box
-----------------------------------------------    */
div.program-tanka-box-container {
    overflow-x: auto;
    white-space: nowrap;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    font-size: 0;
}

div.program-tanka-box-container .scroll-hint-icon-wrap {
    display: none;
}
@media screen and (max-width: 767px) {
    div.program-tanka-box-container .scroll-hint-icon-wrap {
        display: block;
    }
}

div.program-tanka-box-container div.program-tanka-box-list {
    margin-left: -24px;
}
@media screen and (max-width: 767px) {
    div.program-tanka-box-container div.program-tanka-box-list {
        margin-left: 0;
    }
}

div.program-tanka-box {
    display: inline-block;
    width: 300px;
    padding-left: 24px;
    font-size: 12px;
    vertical-align: top;
    white-space: normal;
}
@media screen and (max-width: 767px) {
    div.program-tanka-box {
        width: 49%;
        padding-left: 10px;
        display: inline-block;
        float: none;
        white-space: normal;
        vertical-align: top;
        text-align: left;
        box-sizing:border-box;
    }
    div.program-tanka-box:first-child {
        margin-left: -10px;
    }
}

div.program-tanka-box > a {
    display: block;
    border: 1px solid #d6d6d6;
    text-decoration: none;
    color: inherit;
}

div.program-tanka-box > a:hover {
    opacity: 0.8;
}

div.program-tanka-box div.thumb {
    overflow: hidden;
}
div.program-tanka-box div.thumb img {
    width: 300px;
    height: auto;
    max-width: 300px;
}
@media screen and (max-width: 767px) {
    div.program-tanka-box div.thumb img {
        max-width: none;
        width: 100%;
        height: auto;
    }
}

div.program-tanka-box div.text p.linkText {
    border-left: 5px solid #d6d6d6;
    padding: 8px 10px 8px 10px;
    background-color: #eeeeee;
    margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
    #bodyDivision div.program-tanka-box div.text p.linkText {
        border-left: 2px solid #d6d6d6;
        padding: 8px 8px 7px 8px;
        font-size: 12px;
        line-height: 1.6;
    }
    #bodyDivision div.program-tanka-box div.text p.linkText .en {
        display: block;
        font-size: 11px;
        line-height: 1.4;
        margin-top: 4px;
    }
}

div.program-tanka-box div.text p.plainText {
    padding: 8px 10px 10px 12px;
    margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
    #bodyDivision div.program-tanka-box div.text p.plainText {
        padding: 8px;
        font-size: 12px;
        line-height: 1.6;
    }
}

div.program-tanka-box div.text p.plainText span {
    line-height: 1.5em;
}

/* div.exam-paymentTable2
-----------------------------------------------    */
div.exam-paymentTable2 table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.7;
}

div.exam-paymentTable2 table th {
    padding: 4px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.exam-paymentTable2 table th.td {
    width: 25%;
    background-color: white;
    padding: 20px 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

div.exam-paymentTable2 table td {
    width: auto;
    padding: 20px 10px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .responsive #bodyDivision div.exam-paymentTable2 table th,
    .responsive #bodyDivision div.exam-paymentTable2 table td {
        font-size: 11px;
    }
}


/* div.exam-paymentTable3
-----------------------------------------------    */
div.exam-paymentTable3 table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.7;
}

div.exam-paymentTable3 table th {
    padding: 6px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.exam-paymentTable3 table td {
    width: auto;
    padding: 8px;
    border: 1px solid #D6D6D6;
    text-align: center;
}

div.exam-paymentTable3 table td.narrow {
    line-height: 1.5;
}

div.exam-paymentTable3 table td.th {
    width: auto;
    padding: 8px;
    border: 1px solid #D6D6D6;
    background-color: #F9F6ED;
    text-align: center;
}

div.exam-paymentTable3 table td.sensyu {
    background-color: #008080;
    color: white;
}

div.exam-paymentTable3 table td.im {
    background-color: #ffd531;
}

div.exam-paymentTable3 table td.mba {
    background-color: #B4281C;
    color: white;
}

div.exam-paymentTable3 table td.ipm {
    background-color: #2C2A85;
    color: white;
}
div.exam-paymentTable3 table td.small {
    line-height: 1.5;
    font-size: 11px;
    padding: 8px 0;
}

div.exam-paymentTable3 table .quarter-width {
    width: 25%;
}


/* div.scheduleGraph
-----------------------------------------------    */
div.scheduleGraph {
    position: relative;
    aspect-ratio: 698/313;
    container-type: inline-size;
    .timeline {
        box-sizing: border-box;
        border: 1px solid #d6d6d6;
        width: 100%;
        height: 100%;
        font-size: calc(14 / 698 * 100cqw);
        line-height: 1;

        .months {
            position: relative;
            height: calc(39 / 698 * 100cqw);
            border-bottom: 1px solid #d6d6d6;
            background-color: #f9f6ed;
            .month {
                position: absolute;
                top: 0;
                width: fit-content;
                bottom: 0;
                display: flex;
                flex-flow: column;
                align-items: center;
                &.--month3 {
                    left: calc(18 / 698 * 100cqw);
                }
                &.--month4 {
                    left: calc(94 / 698 * 100cqw);
                }
                &.--month6 {
                    left: calc(234 / 698 * 100cqw);
                }
                &.--month8 {
                    left: calc(372 / 698 * 100cqw);
                }
                &.--month11 {
                    left: calc(493 / 698 * 100cqw);
                }
                &.--month1 {
                    left: calc(604 / 698 * 100cqw);
                }
            }
            .month::before,
            .month::after {
                flex-grow: 1;
                content: "";
                border-left: 1px dotted #d6d6d6;
            }
            span {
                padding: 4px 0;
            }
        }

        .cols {
            position: relative;
            height: calc(271 / 698 * 100cqw);
            .timeline__box-a {
                position: absolute;
                top: calc(10 / 698 * 100cqw);
                width: calc(40 / 698 * 100cqw);
                height: calc(250 / 698 * 100cqw);
                border: 1px solid #d6d7d2;
                background-color: #f8f5ee;
                writing-mode: vertical-rl;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 5px;
                &.--box1 {
                    left: calc(8 / 698 * 100cqw);
                }
                &.--box2 {
                    left: calc(59 / 698 * 100cqw);
                }
            }
            .timeline__box-b {
                position: absolute;
                top: calc(10 / 698 * 100cqw);
                left: calc(110 / 698 * 100cqw);
                height: calc(252 / 698 * 100cqw);
                width: calc(578 / 698 * 100cqw);
                background-color: #ffefff;
                border-radius: 5px;
            }
            .timeline__box-c {
                position: absolute;
                box-sizing: border-box;
                top: calc(10 / 698 * 100cqw);
                left: calc(15 / 698 * 100cqw);
                height: calc(50 / 698 * 100cqw);
                width: calc(484 / 698 * 100cqw);
                background-color: #f0f0f0;
                border-radius: 5px;
                border: 1px solid #d4d5d9;
                display: flex;
                justify-content: center;
                align-items: center;
                .timeline__box-c__badge {
                    background-color: #646464;
                    border-radius: 2px;
                    height: calc(17 / 698 * 100cqw);
                    width: calc(35 / 698 * 100cqw);
                    color: #fff;
                    font-size: calc(12 / 698 * 100cqw);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-right: calc(5 / 698 * 100cqw);
                }
            }
            .timeline__box-d {
                position: absolute;
                box-sizing: border-box;
                top: calc(68 / 698 * 100cqw);
                left: calc(15 / 698 * 100cqw);
                height: calc(35 / 698 * 100cqw);
                width: calc(115 / 698 * 100cqw);
                background-color: #f0f0f0;
                border-radius: 5px;
                border: 1px solid #d4d5d9;
                display: flex;
                justify-content: center;
                align-items: center;
                &.--box1 {
                    left: calc(15 / 698 * 100cqw);
                }
                &.--box2 {
                    left: calc(138 / 698 * 100cqw);
                }
                &.--box3 {
                    left: calc(261 / 698 * 100cqw);
                }
                &.--box4 {
                    left: calc(384 / 698 * 100cqw);
                }
            }
            .timeline__box-e {
                position: absolute;
                box-sizing: border-box;
                top: calc(111 / 698 * 100cqw);
                width: calc(123 / 698 * 100cqw);
                line-height: 1.6;
                text-indent: -1em;
                padding-left: 1em;
                &.--box1 {
                    left: calc(15 / 698 * 100cqw);
                }
                &.--box2 {
                    left: calc(138 / 698 * 100cqw);
                }
                &.--box3 {
                    left: calc(261 / 698 * 100cqw);
                }
                &.--box4 {
                    left: calc(384 / 698 * 100cqw);
                }
                .star {
                    color: #d3c4bd;
                }
            }
            .timeline__box-f {
                position: absolute;
                box-sizing: border-box;
                top: calc(174 / 698 * 100cqw);
                left: calc(15 / 698 * 100cqw);
                height: calc(68 / 698 * 100cqw);
                width: calc(484 / 698 * 100cqw);
                padding-left: calc(20 / 698 * 100cqw);
                background-color: #fff;
                border-radius: 5px;
                border: 1px solid #d4d5d9;
                display: flex;
                align-items: center;
                line-height: 1.6;
            }
            .timeline__box-g {
                position: absolute;
                box-sizing: border-box;
                top: calc(10 / 698 * 100cqw);
                left: calc(509 / 698 * 100cqw);
                width: calc(55 / 698 * 100cqw);
                height: calc(232 / 698 * 100cqw);
                border: 1px solid #d4d5d9;
                background-color: #f0f0f0;
                writing-mode: vertical-rl;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 5px;
            }
        }
    }
}