.main {
  width: 100%;
  margin: 20px auto;
}

.bodyheader {
	display: block;
}

.bodybottom{
	display: block;
	align-items: center;
}

.translate {
	display: inline-block;
	color: blue;	
	text-color: white;
	text-decoration: underline;
	width:100px;　
	float:right;
}
.translate:hover {
	background-color: #999;
	color: white; 
}
.translateWrap {
/*	float: right; */
}
.longname {
	display: inline-block;
	color: blue;	
	text-color: white;
	text-decoration: underline;
	width:100px;　
	float:right;
}
.longname:hover {
	background-color: #999;
	color: white; 
}
.longnameWrap {
/*	float: right; */
}

.filterYear{
	display: inline-block;
	color: blue;	
	text-color: white;
	text-decoration: underline;
	width:150px;　
	float:right;
}
.filterYear:hover {
	background-color: #999;
	color: white; 
}
.filterYear {
/*	float: right; */
}


.sortBy{
	display: inline-block;
	color: blue;	
	text-color: white;
	text-decoration: underline;
	width:200px;　
	float:right;
}
.sortBy:hover {
	background-color: #999;
	color: white; 
}
.sortBy{
/*	float: right; */
}
.showOnly{
	display: inline-block;
	color: blue;	
	text-color: white;
	text-decoration: underline;
	width:250px;　
	float:right;
}
.showOnly:hover {
	background-color: #999;
	color: white; 
}
.showOnly{
/*	float: right; */
}


table {
  border-spacing: 0;
  width: 100%;
  text-align: left;
  display: block;
  table-layout:fixed;

}
tr {
  text-align: left;
}
th {
  padding: 12px;
  align: center;
}
td {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  padding: 5px;
}
table tbody tr:nth-child(odd){
  background-color: #eee
}
table thead {
  background-color: black;
  color: white;
  text-align: left;
}
table thead th:first-child {
  border-radius: 5px 0 0 0;
  border: 1px solid black;
  text-align: left;
}
table thead th:last-child {
  border-radius: 0 5px 0 0;
  border-right: 1px solid black;
  text-align: left;
}
table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
  text-align: left;
}

table tbody tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}.main {
  width: 98%;
  margin: 10px auto;
}
table {
  border-spacing: 0;
  width: 100%;
  padding: 5px;
  align: left;
}
tr {
  text-align: left;
}
th {
  padding: 5px;
  text-align: left;
}
td {
  padding: 5px;
  text-align: left;
}
table tbody tr:nth-child(odd){
  background-color: #eee
}
table thead {
  background-color: black;
  color: white;
  text-align: left;
}
table thead th:first-child {
  border-radius: 5px 0 0 0;
  border: 1px solid black;
}
table thead th:last-child {
  border-radius: 0 5px 0 0;
  border-right: 1px solid black;
}
table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

table tbody tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}