table#kanji th { border-radius: 10px 0 0 10px; background: #AADDFF; font-weight: normal; font-size: 50px; }
table#kanji th.header { border-radius: 0; background: #DDDDDD; font: bold 13pt Arial,sans-serif; cursor: default; }
table#kanji td { width: 50px; border-radius: 0 10px 10px 0; background: #E1F5FF; }

table#kanji a { background: transparent; color: #000000; text-decoration: none; outline-style: none; }
table#kanji td a { border-bottom: 1px dotted; }
table#kanji td a:hover { color: #00AA00; }

table#shizen { width: 100%; }
table#shizen th { background: #AADDFF; font: bold 11pt Arial,sans-serif; cursor: default; }
table#shizen th.header { background: #DDDDDD; font-size: 13pt; }
table#shizen td { background: #E1F5FF; vertical-align: middle; white-space: nowrap; }
table#shizen td:first-child + td + td { font-size: 1.2em; }
table#shizen [title] { border-bottom: 1px dotted #000000; }

@media (max-width: 900px), (max-device-width: 900px)
{
table#shizen [title] { position: relative; }
table#shizen [title]:hover:before { content: attr(title); position: absolute; top: 1.5em; min-width: 200px; max-width: 400px; border: 1px solid #000000; background: #DDDDDD; white-space: normal; z-index: 1; }
}

table#shizen a { border-bottom: 1px solid #0000FF; color: #000000; text-decoration: none; outline-style: none; }
table#shizen td:first-child + td + td a { border-style: none; }
table#shizen a:hover { color: #00AA00; }

.extinct { font-family: sans-serif; }