html, body {
	webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
body {
	margin: 20px;
	font-size: 12px;
}
a {
	text-decoration: none;
}
a:link {
	color: #003399
}
a:visited {
	color: #003399
}
a:hover {
	color: #33cc99
}
h1 {
	color: #660033;
	font-size: 16px;
}
h1 * {
	vertical-align: middle;
}
.organism {
	background: white;
	padding-bottom: 5px;
	padding-top: 5px;
}
.organism.even {
	background: #fafafa;
}
.organism .title {
	margin: 0px 0px 5px 0px;
}
.organism.pin {
	position:sticky;
	top:0px;
}
/* 枠線の表示規則
 * - 生物種1件（メインのビューアのみ）の場合は下部に線を表示しない。
 * - 生物種2件以上の場合はビューア間の区切りと最後のビューアの下部に線を入れる。
 * - sticky で先頭のビューアを固定した時に下部に区切りを入れる。
 */
.organism:not(:last-child) {
	border-bottom: solid 1px #c0c0c0;
}
.organism.sub:last-child {
	border-bottom: solid 1px #c0c0c0;
}
/* for GenomeView */
.genome g.gene.focused rect.gene {
	stroke-width: 3;
	stroke-opacity: 0.9;
	stroke: red;
}
.genome g.gene.focused text {
	fill: red;
}
.genome g.gene.highlight rect.gene {
	stroke: #ff0000;
	stroke-opacity: 0.8;
	stroke-width: 2;
}
/* ビューア内のテキストを選択不可 */
.genome text {
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.enclose::before {
	content: '('
}
.enclose::after {
	content: ')'
}