@charset "UTF-8";


/**---------- サイト内全体の設定 ----------**/

body {
    margin: 0px            ;                /* マージンは各要素ごとに設定する */
    background-color:      #F4E6CC;         /* ベージュ系統の色 */
    background-image:      url(back1.png);
    background-position:   right top;
    background-repeat:     repeat-y;
    background-attachment: scroll;
    color: #170C04;                         /* 茶色系統の黒 */
    font-family: sans-serif;
}

ul, ol {
    margin-left:  20px;  /* ブラウザ間の差異をなくす記述 */
    padding-left: 20px;  /* ブラウザ間の差異をなくす記述 */
}

th, td {
    text-align:     left;
    vertical-align: top;
    padding:        5px 10px;
    font-family:    monospace;
    border: 1px solid #8F3D17;  /* 茶系統の色 */
}

th {
    color: #F5F5F5;             /* 白系統の色 */
    background-color: #8F3D17;  /* 茶系統の色 */
}

a {
    text-decoration: none;  /* リンクの下線をなくす */
}

p {
    margin:      0.7em 0px;  /* ブラウザ間の差異をなくす記述 */
    line-height: 1.5;
}

dl {
    margin: 2.0em 20px;
}

dd {
    margin-top:    0.2em;
    margin-bottom: 1.3em;
    margin-left:    40px;
}



/**---------- 汎用的な部品 ----------**/


/*
 * 汎用キャプション
 */
h2 {
    margin:  0.85em 20px;
    padding: 0.20em 10px;
    width: 5.4em;               /* この範囲を超える場合、クラスを個別に定義 */
    color: #F5F5F5;             /* 白系統の色 */
    background-color: #8F3D17;  /* 茶系統の色 */
    text-align: center;
}


/**
 * 見出しに対するデータが縦方向に並んでいるテーブル
 */
table.col_scope th {
    text-align: center;
}


/**
 * 見出しに対するデータが横方向に並んでいるテーブル
 */
table.row_scope th {
    text-align: right;
}


/**
 * 枠を表示しないテーブル
 */
table.border_hidden th,
table.border_hidden td {
    border-style: none;
}


/**
 * チェックボックスリスト用テーブル
 */
table.checkbox_table th,
table.checkbox_table td {
    border-style:  none;
    padding:       4px;
}


/**
 * テーブルのある1列において、
 * データの文字列長の分散が小さい場合に適用する
 * disp = dispersion（分散）
 */
td.non_disp {
    text-align: center;
}


/**
 * 注意書き用のスタイル
 */
.note {
    color:       red;
    font-size:   95%;
    font-weight: bold;
}

/**
 * 傍白用のスタイル
 */
.aside {
    color: #9F5D37;   /* 茶系統の薄い色 */
    font-size: 95%;
}


/**
 * サムネイル画像用のスタイル
 */
img.thumbnail {
    width: 100px;
}


/**
 * タブ用のスタイル
 */
ul.tab li {
    list-style: none;
    float:      left;
    margin-right: 5px;
}
div.tab_end {
    clear: both;
}
.rbtn1.active {
    font-weight: bold;
}


/**
 * 汎用囲み要素
 */
div.border {
    margin:   10px;
    padding:  10px;
    border:   1px solid #8F3D17;   /* 茶系統の色 */
}


/**
 * リスト間の幅が広いスタイルのリスト
 */
ul.wide_list li {
    margin: 0.0em 0.0px 1.3em 30px;
}


/**
 * Control.Rating用の設定
 */
.rating_container {
    clear: both;
}
.rating_container a {
    float:   left;
    display: block;
    width:   25px;
    height:  25px;
    border:  0;
    background-image:url("rating.png");
}
.rating_container a.rating_off {
    background-position: 0 0px;
}
.rating_container a.rating_half {
    background-position: 0 -25px;
}
.rating_container a.rating_on {
    background-position: 0 -50px;
}
.rating_container a.rating_selected {
    background-position: 0 -75px;
}



/**
 * レート表示用リスト
 */
ul.rating_list {
    list-style: none;
}
ul.rating_list span {
    float:   left;
    display: block;
    width:   5.5em;
}


/**
 * 一行表示用定義リスト
 */
dl.liner_list {
    margin:      0px;
    margin-left: 1.5em;
}
dl.liner_list dd {
    margin-top:    -1em;
    margin-bottom:  0em;
    margin-left:   10em;
}


/**
 * 一行表示用定義リスト（Long）
 */
dl.long_liner_list {
    margin:      0px;
    margin-left: 1.5em;
}
dl.long_liner_list dd {
    margin-top:    -1em;
    margin-bottom:  0em;
    margin-left:   14em;
}