.class_table {
	color: #889;
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}

.class_table td {
	font-family: "PMingLiU", "PingFang TC";
	font-size: 12px;
}
.class_table div {
	display: inline-block;
	vertical-align: top;
}
.class_table table {
	width: 100%;
}
.class_table table td {
	width: 25%;
	text-align: center;
}

.class_table a {
	display: inline-block;
	background-color: #f4f4f8;
	border-radius: 7px;
}
.class_table a:hover {
	background-color: #efeff3;
}
.class_table a:active {
	background-color: #f5f5f7;
}

.img_j2_1, .img_j4_1, .img_j8_1 {
	background-image: url("https://iro.ntome.com/class1.png");
	height: 100px;
}
.img_j2_2, .img_j4_2, .img_j6_2 {
	background-image: url("https://iro.ntome.com/class2.png");
	height: 100px;
}
.img_j1 {
	width: 56px;
}
.img_j2_1, .img_j2_2 {
	width: 112px;
}
.img_j4_1, .img_j4_2 {
	width: 224px;
}
.img_j6_2 {
	width: 336px;
}
.img_j8_1 {
	width: 448px;
}

#img_sm { background-position: 0 		0; }
#img_kn { background-position: -112px 	0; }
#img_rk { background-position: -336px 	0; }
#img_dk { background-position: -448px 	0; }
#img_cr { background-position: -560px 	0; }
#img_lg { background-position: -784px 	0; }
#img_ig { background-position: -896px 	0; }

#img_mg { background-position: 0 		-100px; }
#img_wz { background-position: -112px	-100px; }
#img_wl { background-position: -336px	-100px; }
#img_ag { background-position: -448px	-100px; }
#img_sa { background-position: -560px 	-100px; }
#img_so { background-position: -784px 	-100px; }
#img_em { background-position: -896px 	-100px; }

#img_mc { background-position: 0 		-200px; }
#img_bs { background-position: -112px	-200px; }
#img_nc { background-position: -336px	-200px; }
#img_mt { background-position: -448px	-200px; }
#img_am { background-position: -560px 	-200px; }
#img_gn { background-position: -784px 	-200px; }
#img_bo { background-position: -896px 	-200px; }

#img_tf { background-position: 0 		-300px; }
#img_as { background-position: -112px	-300px; }
#img_gc { background-position: -336px	-300px; }
#img_shc{ background-position: -448px	-300px; }
#img_rg { background-position: -560px 	-300px; }
#img_sc { background-position: -784px 	-300px; }
#img_abc{ background-position: -896px 	-300px; }

#img_al { background-position: 0 		-400px; }
#img_pr { background-position: -112px	-400px; }
#img_ab { background-position: -336px	-400px; }
#img_cd { background-position: -448px	-400px; }
#img_mo { background-position: -560px 	-400px; }
#img_sr { background-position: -784px 	-400px; }
#img_iq { background-position: -896px 	-400px; }

#img_ac { background-position: 0 		-500px; }
#img_ht { background-position: -112px	-500px; }
#img_ra { background-position: -336px	-500px; }
#img_wh { background-position: -448px	-500px; }
#img_ba { background-position: -562px	-500px; }
#img_mi { background-position: -674px 	-500px; }
#img_tr1{ background-position: -730px 	-500px; }
#img_dc { background-position: -786px 	-500px; }
#img_wa { background-position: -898px 	-500px; }
#img_tr2{ background-position: -954px 	-500px; }

#img_tk { background-position: 0		0; }
#img_sg { background-position: -112px	0; }
#img_sj { background-position: -224px	0; }
#img_ske{ background-position: -336px	0; }
#img_sl { background-position: 0		-100px; }
#img_sp { background-position: -112px	-100px; }
#img_soa{ background-position: -224px	-100px; }

#img_nj { background-position: -224px	-300px; }
#img_kg { background-position: -336px	-300px; }
#img_ss1{ background-position: -392px	-300px; }
#img_ob { background-position: -448px	-300px; }
#img_ss2{ background-position: -504px	-300px; }

#img_gs { background-position: 0		-200px; }
#img_rl { background-position: -112px	-200px; }
#img_nw { background-position: -224px	-200px; }

#img_snv{ background-position: 0		-300px; }
#img_hn { background-position: -112px	-300px; }

#img_su { background-position: -336px	-200px; }
#img_sh { background-position: -448px	-200px; }

#img_gd { background-position: -336px	-100px; }
#img_mh { background-position: -448px	0; }

@media (max-width: 800px) {
	.img_j4_1 {
		width: 56px;
	}
	#img_kg, #img_ob {
		width: 56px;
	}
	.img_j4_2, .img_j8_1, .img_j6_2 {
		width: 112px;
	}
	.class_table table td {
		display: none;
	}
	.class_table table td:first-child {
		display: table-cell;
	}
}