@import "common.css";
@import "contents-common.css";

/* ---------- ボディエリア定義 ---------- */

#body-area {
    float: left;
}

#center-area {
    float: left;
    width: 580px;
}

#right-area {
    float: right;
    width: 200px;
}

/* ---------- パーツの流用情報 ---------- */

.ryuyou .tbl {
    text-align: center;
}

.ryuyou table {
    margin: 0px auto;
    border-collapse: collapse;
}

.ryuyou th,
.ryuyou td {
    padding: 2px 3px;
    border: 1px solid #aaaaaa;
}

.ryuyou th {
    background-color: #99ccff;
}

.ryuyou td {
    text-align: left;
}

/* ---------- パーツのインプレ ---------- */

.impre .attention {
    color: #ff2222;
}

.impre .tbl {
    margin: 0px 0px 10px 30px;
}

.impre .info-type {
    font-weight: bold;
    color: #aa8855;
}

.impre th {
    text-align: right;
}

.impre td {
    color: #ff0000;
}

.impre img {
    margin: 5px;
}

/* ---------- パーツの流用情報＆インプレ共通 ---------- */

.contents {
    margin: 0px 3px;
    border-style: solid;
    border-width: 1px;
}

.contents-title {
    padding: 3px;
    background-color: #ccddee;
    text-align: center;
    font-weight: bold;
    font-size: 11pt;
}

.contents-target {
    padding: 3px;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    background-color: #ddeeff;
    text-align: center;
    font-size: 11pt;
}

.contents-data {
    padding: 5px;
    line-height: 15pt;
}