h1 img {
    vertical-align: bottom;
}
.nav {
    background-color: #fff;
    border-top: 1px solid #ffea00;
    border-bottom: 1px solid #ffea00;
}
.nav table {
    margin: 6px auto 0;
    width: 320px;
}
.nav table td {
    text-align: center;
    width: 50px;
    height: 52px;
}

.triviaBox {
    font-size: 12px;
}
.triviaBox#cont01,#cont03,#cont05,#cont07,#cont09{
    background-image: url(../img/bg_line.png);
}
.triviaBox#cont02,#cont04,#cont06,#cont08,#cont10{
    background-color: #f7dd26;
}
.triviaBox .inner {
    width: 320px;
    margin: 0 auto;
    position: relative;
    padding-top: 85px;
}
.triviaBox .number {
    position: absolute;
    top: 16px;
    left: 10px;
}
.triviaBox h2 {
    position: absolute;
    top: 18px;
    left: 76px;
}
/*h2が2行の時*/
.triviaBox h2.h2_short {
    top: 24px;
}
/*h2にふりがなが入っている時*/
.triviaBox h2.h2_furigana {
    top: 12px;
}
.triviaBox p {
    padding: 0 10px 20px;
    line-height: 24px;
}
.triviaBox .mainImg img {
    vertical-align: bottom;
}
.triviaBox ruby rt {
    font-size: 10px;
}