@charset 'UTF-8';
/***************************************************************
    SYSTEM   : 富山競輪
    TITLE    : スタイルシートの定義
    SHEET    : style.css
    VERSION  : Ver1.0.3
    LANGUAGE : CSS level2
    CODESET  : UTF-8
    EXPLAIN  : 画面共通の色や形状を定義する。
    AUTHOR   : yap
    CREATED  : 2009/02/20 as Ver1.0.1
    UPDATED  : 2009/04/01 as Ver1.0.3
***************************************************************/

/***************************************************************
    ページ全体の定義
***************************************************************/

/* 文字色・フォントの定義 */
body, table, input, button, textarea {
    color: #000000;
    font-size: 10pt;
    font-weight: normal;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'Osaka', 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
    /*font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'Osaka', 'Verdana', 'Arial', 'Helvetica', 'sans-serif';*/
    text-decoration: none;
    line-height: 1.5em;
}

/* 背景色の定義 */
body {
    margin: 0px;
    padding: 0px;
    background: #CCCCCC url(../images/common/wall.jpg) repeat-x;
}

/* スクロールバーの定義 */
html {
    overflow-y: scroll;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-3dlight-color: #999999;
    scrollbar-darkshadow-color: #999999;
    scrollbar-arrow-color: #CCCCCC;
    scrollbar-track-color: #CCCCCC;
}

/* テーブルの定義 */
table {
    border: none;
    border-spacing: 0px;
    border-collapse: collapse;
}

/* イメージの定義 */
img {
    border: none;
}

/* フォームの定義 */
form {
    margin: 0px;
    padding: 0px;
}

/* 重要文字の定義 */
strong {
    color: #CC3333;
}

/* 強調文字の定義 */
em {
    color: #3333CC;
    font-weight: bold;
    font-style: normal;
}

/* 字下げの定義 */
blockquote {
    margin: 0px 16px;
}

/* リンクデザイン */
a:link {
    color: #000099;
    text-decoration: none;
}
a:visited {
    color: #000099;
    text-decoration: none;
}
a:hover {
    color: #FF0000;
    text-decoration: none;
}
a:active {
    color: #FF00FF;
    text-decoration: none;
}

/***************************************************************
    ヘッダ部の定義
***************************************************************/

/* ページ部の定義 */
#page {
    width: 774px;
    margin: auto;
    background: #FFFFFF url(../images/common/page.jpg) repeat-y;
}

/* ヘッダ部の定義 */
#head {
    width: 774px;
    height: 64px;
    background: #000000 url(../images/common/head.jpg) no-repeat;
}

/* ロゴ部の定義 */
#logo {
    float: left;
    width: 286px;
    height: 64px;
}

/* ロゴ部文字の定義 */
#logo h1 {
    margin: 0px;
    font-size: 6pt;
    text-indent: -9999px;
}

/* トレース部の定義 */
#trace {
    float: left;
    margin-top: 40px;
    width: 320px;
    height: 24px;
    color: #CCCCCC;
    font-size: 9pt;
}

/* トレース部リンクの定義 */
#trace a {
    color: #CCCCCC;
}

/* トレース部リンク選択の定義 */
#trace a:hover {
    color: #CCCC00;
}

/* 電話投票番号部の定義 */
#vote {
    float: right;
    width: 168px;
    height: 64px;
    text-indent: -9999px;
}

/***************************************************************
    ボディ部の定義
***************************************************************/

/* ボディ部の定義 */
#body {
    float: left;
    width: 774px;
    background: #FFFFFF url(../images/common/body.jpg) repeat-y;
}

/* ナビ部の定義 */
#navi {
    float: left;
    width: 158px;
    height: 544px;
    background: #000099 url(../images/common/navi.jpg) no-repeat;
}

/* ナビ部リストの定義 */
#navi ul {
    margin: 8px 0px;
    padding: 0px;
    list-style: none;
}

/* ナビ部ボタンの定義 */
#navi li {
    height: 24px;
}

/* ナビ部ボタンリンクの定義 */
#navi li a {
    display: block;
    width: 158px;
    height: 24px;
}

/* ナビ部セパレータの定義 */
#navi .sepa {
    margin-top: 16px;
}

/* ナビ部ボタン選択の定義 */
#navi li a:hover {
    background: url(../images/common/point.gif) no-repeat;
}

/* コンテンツ部の定義 */
#cont {
    float: left;
    width: 608px;
    background: url(../images/common/cont.jpg) repeat-y;
}

/* 段落の定義 */
#cont p {
    margin: 12px 0px;
}

/* テール部の定義 */
#tail {
    float: right;
    width: 8px;
    height: 328px;
    background: url(../images/common/tail.jpg) no-repeat;
}

/***************************************************************
    フッタ部の定義
***************************************************************/

/* ボトム部の定義 */
#bottom {
    width: 774px;
    height: 16px;
    background: url(../images/common/bottom.gif) no-repeat;
}

/* フッタ部の定義 */
#foot {
    clear: both;
    padding: 2px 40px;
    height: 36px;
    color: #CCCCCC;
    font-size: 9pt;
    background: #000000 url(../images/common/foot.jpg) no-repeat;
}

/* 著作権表記の定義 */
#copy {
    float: left;
    width: 320px;
    font-family: 'Arial', 'Helvetica';
}

/* リンク部の定義 */
#link {
    float: right;
    width: 374px;
    text-align: right;
}

/* リンク部リンクの定義 */
#link a {
    color: #CCCCCC;
}

/* リンク部リンク選択の定義 */
#link a:hover {
    color: #CCCC00;
}

/***************************************************************
    クラスの定義
***************************************************************/

/* 本場の定義 */
.honjou {
    background-color: #FF99CC;
}

/* 場外の定義 */
.jougai {
    background-color: #CCFF99;
}

/* 併売の定義 */
.heibai {
    background-color: #FFFF99;
}

/* 休場の定義 */
.normal {
    background-color: #FFFFFF;
}

/* 見出しの定義 */
.capt {
    clear: both;
    margin: 12px 0px;
    padding: 8px 24px;
    width: 528px;
    height: 20px;
    color: #330000;
    font-weight: bold;
    font-size: 10.5pt;
    background: url(../images/common/caption.jpg) no-repeat;
}

/* 子見出し(PINK)の定義 */
.cap_pink {
    clear: both;
    margin: 12px 0px;
    padding: 6px 24px;
    width: 528px;
    height: 16px;
    color: #330000;
    font-weight: bold;
    font-size: 10.5pt;
    text-align: center;
    background: url(../images/common/cap_pink.jpg) no-repeat;
}

/* 小見出し(LIME)の定義 */
.cap_lime {
    clear: both;
    margin: 12px 0px;
    padding: 6px 24px;
    width: 528px;
    height: 16px;
    color: #003300;
    font-weight: bold;
    font-size: 10.5pt;
    text-align: center;
    background: url(../images/common/cap_lime.jpg) no-repeat;
}

/* 子見出し(富山PINK)の定義 */
.cap46_pink {
    clear: both;
    margin: 12px 0px;
    padding: 6px 24px;
    width: 528px;
    height: 16px;
    color: #330000;
    font-weight: bold;
    font-size: 10.5pt;
    text-align: center;
    background: url(../images/common/cap46_pink.jpg) no-repeat;
}

/* 子見出し(富山LIME)の定義 */
.cap46_lime {
    clear: both;
    margin: 12px 0px;
    padding: 6px 24px;
    width: 528px;
    height: 16px;
    color: #330000;
    font-weight: bold;
    font-size: 10.5pt;
    text-align: center;
    background: url(../images/common/cap46_lime.jpg) no-repeat;
}

/* 子見出し(富山YELLOW)の定義 */
.cap46_yellow {
    clear: both;
    margin: 12px 0px;
    padding: 6px 24px;
    width: 528px;
    height: 16px;
    color: #330000;
    font-weight: bold;
    font-size: 10.5pt;
    text-align: center;
    background: url(../images/common/cap46_yellow.jpg) no-repeat;
}

/* エラー部の定義 */
.err {
    margin: 0px;
    padding: 8px;
    color: #FF0000;
    font-weight: bold;
    background-color: #FFFFCC;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
}

/* 写真の定義 */
.pics {
    float: right;
    margin: 8px 0px 8px 8px;
    padding: 3px;
    border: solid 1px #CCCCCC;
}

/* 説明の定義 */
.expl {
    float: left;
}

/* インデックスの定義 */
.index {
    margin: 12px 8px;
    padding-left: 24px;
    color: #333399;
    font-size: 10.5pt;
    font-weight: bold;
    background: url(../images/common/qube.gif) no-repeat;
}

/* 注意文字の定義 */
.att {
    margin: 12px 16px 12px 30px;
    padding-left: 24px;
    background: url(../images/common/ball.gif) no-repeat;
}

/* 表の定義 */
table.list {
    margin: auto;
}

/* 表見出しの定義 */
th.list {
    padding: 4px;
    font-weight: normal;
    border: solid 1px #666666;
    background-color: #CCCCFF;
}

/* 表標識の定義 */
td.sign {
    padding: 4px;
    border: solid 1px #666666;
    background-color: #FFE5E5;
}

/* 表明細の定義 */
td.list {
    padding: 4px;
    border: solid 1px #666666;
}

/* 入力枠の定義 */
.input {
    padding: 0px 2px;
    background-color: #CCCCCC;
    border: 1px solid #666666;
}

/* テキスト入力の定義 */
.form {
    height: 20px;
    padding: 0px 2px;
    border: 1px solid #666666;
}

/* ボックス入力の定義 */
textarea.box {
    margin: 2px 0px;
    padding: 0px 1px;
    border: 1px solid #666666;
}

/* ボタン部の定義 */
div.button {
    padding: 12px 0px;
    text-align: center;
}

/* ボタンの定義 */
input.button, button.button {
    width: 120px;
    height: 24px;
    background: url(../images/common/button.jpg) no-repeat;
    border: none;
    cursor: pointer;
}

/* 必須入力項目識別子の定義 */
.ess {
    color: #FF0000;
    font-weight: bold;
}

/* リスト明細の定義 */
ul.item {
    list-style: url(../images/common/icon.gif);
}

/* 先頭へジャンプの定義 */
.ptop {
    clear: both;
    font-size: 9pt;
    text-align: right;
}

/* 大きめ文字の定義 */
.large {
    font-size: 12pt;
}

/* 小さめ文字の定義 */
.small {
    font-size: 9pt;
}

/* 中央寄せの定義 */
.center {
    text-align: center;
}

/* 右寄せの定義 */
.right {
    text-align: right;
}

/* 文字寄せクリアの定義 */
.clear {
    clear: both;
}