/*
 * index.html 専用スタイル。
 * サイト共通の kumaori.css の後に読み込む前提で、
 * 旧 index.html にあった bgcolor / vlink / align / valign 等の
 * プレゼンテーション属性をここに移設している。
 */

.site-header {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.site-header .catch {
    font-size: 0.8em;
}

.layout {
    width: 720px;
    max-width: 100%;
    margin: 0 auto;
    border: 0;
    border-collapse: collapse;
}

.layout td {
    vertical-align: top;
}

.nowrap-cell {
    white-space: nowrap;
}

.nav-table {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
    border: 0;
    border-collapse: separate;
    border-spacing: 4px;
}

.nav-table td {
    vertical-align: top;
    padding: 2px;
}

.nav-table td:nth-child(1),
.nav-table td:nth-child(2) {
    width: 200px;
}

.small-note {
    font-size: x-small;
}

.play-guide-title {
    text-align: center;
    margin: 0 0 0.5em;
}

.flash-fallback {
    text-align: center;
    font-size: x-small;
}

.play-col {
    width: 538px;
    max-width: 100%;
}

.embed-col {
    width: 200px;
}

.spacer-row {
    height: 20px;
}

.changelog {
    text-align: center;
}

.changelog-list {
    display: inline-block;
    width: 420px;
    max-width: 100%;
    max-height: 6.5em;
    overflow-y: auto;
    margin: 0;
    padding: 0.4em 0.6em;
    text-align: left;
    list-style: none;
    background-color: #333333;
    color: #FFCC00;
    border: 1px solid #FFCC66;
    box-sizing: border-box;
}

.changelog-list li {
    white-space: nowrap;
}

.browser-note {
    font-size: x-small;
}

.browser-note .highlight {
    color: #FF0000;
}

.footer-banners {
    text-align: center;
}

.layout .footer-banners {
    vertical-align: middle;
}

.footer-banners img {
    vertical-align: middle;
}

/* チップヘルプ（旧 comOn / comOff の置き換え） */
#L0Com {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    visibility: hidden;
    pointer-events: none;
    padding: 2px 6px;
    font-size: 0.85em;
    max-width: 260px;
    background-color: #333333;
    color: #FFCC66;
    border: 1px solid #FFCC66;
}

#L0Com.is-visible {
    visibility: visible;
}