body {
    font-family: Verdana, Helvetica, sans-serif;
    margin-left: 10%;
    width: 80%;
    line-height: 1.4;
}

@media only screen and (max-width: 600px) {
    body {
        margin-left: 1em;
        width: auto;
    }
}

@media only screen and (min-width: 1000px) {
    body {
        margin: auto;
        width: 800px;
    }
}

p {
    line-height: 1.4em;
}

h2.shotai {
    text-align: center;
    clear: left;
}

h3.shotai {
    clear: left;
}

img.shotai {
    float: left;
    margin: 10px 10px 10px 10px;
}

img.contents-image {
    float: right;
}

.image {
    float: right;
    border-style: none;
    padding: 10px;
}

#google-top-ad {
    width: 728px;
    height: 90px;
    margin-bottom: 20px;
}

#google-double-ad {
    clear: both;
    padding: 15px;
}

#google-bottom-ad {
    width: 728px;
    height: 90px;
    clear: both;
    padding: 15px;
}

#google_rhs {
    float: right;
    width: 120px;
    height: 1800px;
}

.top-box {
    margin: 0;
    padding: 3px;
    list-style-type: none;
}

li.top-box {
    display: inline;
    margin-right: 20px;
}

li.top-box {
    padding: 2px;
}

/* Pitch accent page only. */

.high-pitch {
    background-color: #EEDDFF;
    vertical-align: +3px;
}

.low-pitch {
    vertical-align: -3px;
    background-color: #DDEEFF;
}

.illustration {
    float: right;
    margin: 20px;
}

.vocab-list {
    margin: 10px;
}

.vocab-list td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.vocab-list th {
    padding: 9px;
}

table.bordered {
    border-style: solid;
    border-width: 2px;
    border-collapse: collapse;
    border-style: outset;
}

.bordered td {
    border-width: 1px;
    border-color: #333;
    border-style: inset;
}

.bordered th {
    border-width: 1px;
    border-color: #333;
    border-style: inset;
}

/* Links to kanji.sljfaq.org. */

.kanji-link {
    font-style: italic;
}

table td {
    padding-left: 7px;
    padding-right: 7px;
}

/* Encodings page only. */

.howtotell {
    background: #eeeeee;
    border: solid thin;
    margin-left: 100px;
    margin-right: 150px;
    padding-left: 5px;
}

.faq-advert-link-text {
    text-align: center;
    font-weight: bold;
    font-variant: small-caps;
}

a img {
    border: none;
}

table {
    border-collapse: collapse;
}

/* Big kanji. */

.bk {
    font-size: 140%;
}

.bk a {
    text-decoration: none;
}

a.kanji {
    text-decoration: none;
}

/* A romanized Japanese word. */

.j {
    font-style: italic;
}

/* Romaji entry in the romanisation table */

.romaji {
    font-size: 1.25em;
}

/* A kanji/kana Japanese word. */

.k {
    white-space: nowrap
}

/* In-site links. */

.afaq-link {
    text-decoration: none;
}

kbd {
    font-size: 1.4em;
    font-weight: bold;
    font-family: monospace;
}

@media only screen and (max-width: 600px) {
    ul, ol {
        padding-inline-start: 0.5em;
    }

    ul, ol li {
        line-height: 1.5;
    }

    .numbering {
        display: none;
    }

    img.contents-image {
        float: none;
    }
}

@media only screen and (max-width: 900px) {
    .illustration {
        float: none;
        margin: default;
    }

    .illustration td img {
        width: 100%;
        object-fit: scale-down;
    }
}

.map-symbol-row {
    margin: 10px;
    background-image: url(../images/map-symbols.png);
    display: block;
}

code {
    font-size: 1.2em;
    font-weight: bold;
}

table tr.odd {
    background: #eee;
}

table tr.odd1 {
    background: #eee;
}

table tr.odd2 {
    background: #eeeeeb;
}

table tr.odd3 {
    background: #eeeee8;
}

table tr.odd4 {
    background: #eeeee4;
}

table tr.even {
    background: #f4f4f4;
}

table tr.even1 {
    background: #f4f4f4;
}

table tr.even2 {
    background: #f4f4f0;
}

table tr.even3 {
    background: #f4f4eb;
}

table tr.even4 {
    background: #f4f4e8;
}

.uromaji {
    display: none;
}

table tr.narrow th {
    display: none;
}

@media only screen and (max-width: 800px) {
    table tr.wide th {
        display: none;
    }

    table tr.narrow th {
        display: table-cell;
    }

    table td, th {
        padding: 0.25em;
    }

    .uromaji {
        display: inline;
    }

    .hromaji {
        display: none;
    }
}