* {
	font-family: "メイリオ", "Meiryo", "Hiragino", san-serif;
	font-size: 14px;
}

.tableSorter {
	border-collapse: collapse;
}
.tableSorter tr th {
	border: 1px solid #EEE;
	text-align: center;
}
.tableSorter tr td {
	border: 1px solid #EEE;
}


.tableSorter > thead > tr > th {
	position: relative;
	padding: 10px 25px 10px 15px;
}
.tableSorter > thead > tr > .ts-row-num {
	padding: 10px 15px 10px 15px;
}
.tableSorter > thead > tr > th:not(.ts-row-num) {
	cursor: pointer;
}


.ts-sort-icon {
	position: absolute;
	top: 8px;
	right: 3px;
	display: block;
	width: 15px;
	height: 25px;
	background-image: url(../img/sort-icon-partial.png);
	background-size: 100% 100%;
}
.ts-sort-asc > .ts-sort-icon {
	background-image: url(../img/sort-icon-asc.png);
}
.ts-sort-desc > .ts-sort-icon {
	background-image: url(../img/sort-icon-desc.png);
}


.tableSorter > tbody > tr > td {
	padding: 5px 15px;
}
.tableSorter > tbody > tr > .ts-sort-as-number {
	text-align: right;
}



/*
.tableSorter > thead > tr > th:not(.ts-row-num):after {
	content: "▲";
	position: absolute;
	top: 11px;
	right: 3px;
	font-size: 0.9em;
	color: #CCC;
}
.tableSorter > thead > tr > .ts-sort-asc:after {
	content: "▲" !important;
	color: #333 !important;
}
.tableSorter > thead > tr > .ts-sort-desc:after {
	content: "▼" !important;
	color: #333 !important;
}
*/