:root{
    --font-white:#ffffff;
    --font-black:#000000;
    --font-red:#ff0000;
    --tableline-black:#333333;
    --maroon:#800000;
    --leafgreen:#33cc66;
    --orangeyellow:#ff9900;
    --skyblue:#3399ff;
    --pale-skyblue:#99ccff;
    --deep-skyblue:#0066cc;

    --marineblue:#00bbdd;
    --brown:#996644;
    --yellow:#ffee00;
    --red:#ff0000;
    --deep-yellow:#eedd00;
    
    --nav-gray:#c6c0c6;
    --nav-hover-white:#fffff0;
    --hover-orange:#eeaa00;
    --back-gray:#d6d6d6;

    --lightgray:#dddddd;
    --superlightgray:#eeeeee;
}

.train-veh_line{
	background-color:var(--superlightgray);
}

.train-org_number, .train-veh_number{
	font-size: 90%;
    padding-left: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.train-org_number{
	width:50px;
}

.train-veh_number{
	width:76px;
}

.train-veh_line td.train-veh_number{
	font-weight: 600;
}

.no-cooler{
	background-color:var(--lightgray);
}

.no-serie{
	background-color:var(--pale-skyblue);
}

.dist-cooler{
    color:var(--deep-skyblue);
}

.renew1{
	background-color:#e8dfd8;
}

.renew-hanwa{
	background-color:#d8eff8;
}

.renew-orange1{
	background-color:#f8e8d8;
}

.renew-green1{
	background-color:#ddffdd;
}

.renew-blue1{
	background-color:#d8e8f8;
}

.renew2{
	background-color:#bfb4a4;
    color:var(--font-white);
}

.renew-orange2{
	background-color:#f1b060;
    color:var(--font-white);
}

.renew-green2{
	background-color:#9ce99c;
    color:var(--font-white);
}

.renew-blue2{
	background-color:#a5c8eb;
    color:var(--font-white);
}

.underline-orange{
    border-bottom:2px var(--orangeyellow) solid;
}

.underline-blue{
    border-bottom:2px var(--skyblue) solid;
}

.underline-green{
    border-bottom:2px var(--leafgreen) solid;
}

.underline-red{
    border-bottom:2px var(--font-red) solid;
}

.underline-yellow{
    border-bottom:2px var(--deep-yellow) solid;
}

.underline-hanwa{
    border-bottom:2px var(--marineblue) solid;
}

.underline-brown{
    border-bottom:2px var(--brown) solid;
}

.underline-maroon{
    border-bottom:2px var(--maroon) solid;
}
/**/

@media(max-width:1420px){
    /* train-form */
	.train-org_number{
        font-size:85%;
		width:52px;
	}

	.train-veh_number{
        font-size:85%;
		width:72px;
	}
    /**/
}

@media(max-width:1380px){
    /* train-form */
	.train-org_number{
        font-size:80%;
		width:46px;
	}

	.train-veh_number{
        font-size:80%;
		width:68px;
	}
    /**/
}

@media(max-width:1300px){
    /* train-form */
	.train-org_number{
        font-size:70%;
		width:40px;
	}

	.train-veh_number{
        font-size:70%;
		width:58px;
	}
    /**/
}

@media(max-width:1150px){
    .table-wrap12{
        overflow-x:scroll;
        max-width:815px;
    }

    .table-wrap12 table{
        min-width:815px;
    }

    .table-wrap12 table td.train-org_number{
        min-width:40px;/**/
    }

    .table-wrap12 table td.train-veh_number{
        min-width:58px;/**/
    }
}

@media(max-width:940px){
	.train-org_number{
        font-size:70%;
		width:40px;
	}

	.train-veh_number{
        font-size:70%;
		width:58px;
	}
    /**/
    
    .table-wrap12{
        overflow-x:visible;
        max-width:none;
    }

    .table-wrap12 table{
        min-width:none;
    }

    .table-wrap12 table td.train-org_number{
        min-width:40px;/**/
    }

    .table-wrap12 table td.train-veh_number{
        min-width:58px;/**/
    }
}

@media(max-width:900px){
    .table-wrap12{
        overflow-x:scroll;
        max-width:815px;
    }

    .table-wrap12 table{
        min-width:815px;
    }

    .table-wrap12 table td.train-org_number{
        min-width:40px;/**/
    }

    .table-wrap12 table td.train-veh_number{
        min-width:58px;/**/
    }
}

@media(max-width:780px){
	.train-org_number{
		font-size:70%;
        width:40px;
		/*min-width:38px;*/
	}

	.train-veh_number{
		font-size:70%;
        width:58px;
        /*min-width:54px;*/
	}
}

@media(max-width:680px){
    .table-wrap8{
        overflow-x:scroll;
        max-width:560px;
    }

    .table-wrap8 table{
        min-width:560px;
    }

    .table-wrap8 table td.train-org_number{
        min-width:40px;/**/
    }

    .table-wrap8 table td.train-veh_number{
        min-width:58px;/**/
    }
}

@media(max-width:610px){
    .table-wrap7{
        overflow-x:scroll;
        max-width:495px;
    }

    .table-wrap7 table{
        min-width:495px;
    }

    .table-wrap7 table td.train-org_number{
        min-width:40px;/**/
    }

    .table-wrap7 table td.train-veh_number{
        min-width:58px;/**/
    }
}

@media(max-width:570px){
    .table-wrap6{
        overflow-x:scroll;
        max-width:435px;
    }

    .table-wrap6 table{
        min-width:435px;
    }

    .table-wrap6 table td.train-org_number{
        min-width:40px;/**/
    }

    .table-wrap6 table td.train-veh_number{
        min-width:58px;/**/
    }
}

@media(max-width:460px){
    .table-wrap5{
        overflow-x:scroll;
        max-width:370px;
    }

    .table-wrap5 table{
        min-width:370px;
    }

    .table-wrap5 table td.train-org_number{
        min-width:40px;/**/
    }

    .table-wrap5 table td.train-veh_number{
        min-width:58px;/**/
    }
}