.grid-item {
	display: inline-block;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1px 4px 7px 2px;
}
td, th {
	border: 1px solid #8be;
	vertical-align: middle;
	text-align: center;
}
th {
	color: #fff;
	background: #258;
	background: linear-gradient(rgba(34, 85, 136, 0.75), rgb(34, 85, 136) 50%);
}

/* 概要テーブル */
#OverviewTable {
	cursor: pointer;
	user-select: none;
}
#OverviewTable td {
	font-family: monospace;
	font-size: 14px;
	padding: 1px 0px;
	width: 26px;
}
tfoot td {
	border: 0;
	text-align: left;
}

/* 詳細テーブル */
#DescribeTable {
	cursor: pointer;
}

#DescribeTable td {
	font-size: 16px;
	width: 34px;
	min-width: 34px;
	height: 28px;
	padding: 0;
}
#DescribeTable th {
	font-family: monospace;
	font-size: 17px;
}
#DescribeTable th:nth-child(1) {
	width: 84px;
	min-width: 84px;
}
#DescribeTable td div {
	transform-origin: 0 center;
}


/* 凡例とZoomテーブル */
#legend {
	font-size: 14px;
}
#legend td {
	width: 120px;
}

#char {
	height: 180px;
	line-height: 180px;
	min-width: 240px;
}

#codePoint {
	width: 160px;
	font-size: 16px;
}
#blockName {
	font-size: 12px;
	height: 38px;
}
select.form-control {
	padding: 1px 0px 1px 4px;
	margin: 1px 1px;
	height: 25px;
}

#charSearch {
	width: 290px;
	height: 250px;
	border: solid 1px #99B;
	border-radius: 3px;
	padding: 8px;
}
#charSearch div.title {
	font-weight: bold;
	font-size: 15px;
}
.notes {
	font-size: 12px;
}

#unicodeBlocks {
	font-family: monospace;
	font-size: 12px;
}

/* 色付け */
.latin {
	background-color: #dfc;
}
.sign {
	background-color: #ffa;
}
.kana {
	background-color: #fbb;
}
.jaSign {
	background-color: #fdb;
}
.kanji {
	background-color: #ddf;
}
.hangul {
	background-color: #fef;
}
.surro {
	background-color: #dda
}
.private {
	background-color: #ccc;
}
.none {
	background-color: #aaa;
}

.selected {
	border: 1px solid #D33;
	color: #D33;
	font-weight: bold;
	background: #FBB;
}
.selected-left {
	border-right: 1px solid #D33;
}
.selected-up {
	border-bottom: 1px solid #D33;
}

/* 全体の幅 */
.ex-container {
	min-width: 600px;
}

@media screen and (min-width: 731px) {
	#etc {
		width: 250px;
	}
}
@media screen and (max-width: 730px) {
	#etc {
		width: 500px;
	}
}