@charset "UTF-8";

/* 全体 */
* {
    margin: 0px;
    padding: 0px;
    /* IE独自 */
    word-break: break-all;
    word-wrap: break-word;
}

/************/
/* タグ設定 */
/************/
/* ＨＴＭＬ */
html {
    /* FFがスクロールバーの有無でセンタリング位置がズレる件を解消（Operaでは未解決） */
    overflow-y: scroll;
}

/* 本文 */
body {
    background: #000000 url(../images/background.jpg) 0px 0px no-repeat;
    text-align: center;
}

/* 水平方向の罫線 */
hr {
    height: 1px;
    margin-bottom: 8px;
    background: transparent;
    border-top: 2px #E9DC90 solid;
    border-right: none 0px;
    border-bottom: none 0px;
    border-left: none 0px;
}

#iframePEbody {
    background: #FFFFFF;
}

/* アンカー（マウスが乗っている状態） */
a {
    text-decoration:none;
}
a:link {
    color: #00CCFF;
}
a:hover {
    color: #FF6633;
}
a:visited {
    color: #9966FF;
}

/* テーブル */
table {
    border-collapse: collapse;
    border-color: #999999;
}

.right table {
    margin: 5px 0px 0px 5px;
}

/* テーブルヘッダー */
th {
    padding: 1px;
    font-weight: normal;
    color: #333333;
    background-color: #CCCCCC;
    border-color: #999999;
    text-align: center;
}

/* テーブル行 */
tr {
    padding: 1px;
    border-color: #999999;
    vertical-align: middle;
}

/* テーブル列 */
td {
    border-color: #999999;
    padding: 1px;
    color: #FFFFFF;
}

/* 画像 */
img {
    border: 0px;
}

/* 順序の無いリスト */
ul {
    padding: 0px 5px 0px 5px;
    list-style-type: none;
}

/* リストの各項目 */
li {
    padding: 0px;
    color: #FFFFFF;
}

/* アドレス */
address {
    font-style: normal;
}

/* フォーム関連 */
input,
textarea,
select {
    padding: 1px;
    border: 1px solid #808080;
    background-color:#FFFFFF;
}

/* チェックボックス、ラジオボタン（IE6以前では無効） */
input[type="checkbox"],
input[type="radio"] {
    border: 0px none #FFFFFF;
}

/* チェックボックス（IE6以前用） */
.checkbox {
    border: 0px none #FFFFFF;
}

/* ラジオ（IE6以前用） */
.radio {
    border: 0px none #FFFFFF;
}

/******************/
/* クラス・ID設定 */
/******************/
.t {
    vertical-align: top;
}

.m {
    vertical-align: middle;
}

.b {
    vertical-align: bottom;
}

.l {
    text-align: left;
}

.r {
    text-align: right;
}

.c {
    text-align: center;
}

/* アンカー（タイトル） */
a.title:link,
a.title:visited {
    text-decoration: none;
    color: #FF9900;
}

a.title:hover {
    text-decoration: none;
    color: #FF0000;
}

/* サブミットボタン */
input.submit {
    cursor: pointer;
    background: url(../images/bg_button.gif) 50% 100%  no-repeat;
}

/* カウンター画像 */
img.counter {
    width: 13px;
    height: 17px;
}

/* ページャー */
.pager {
    padding: 5px 0px;
    font-size: 8pt;
    text-align: right;
    height:8pt;
}

/* フォームラベル */
.form-label {
    width: 130px;
}

/* フォームラベル（小） */
.form-label-s {
    width: 100px;
}

/* フォームラベル（大） */
.form-label-l {
    width: 150px;
}

/* コンテンツタイトル */
.left .contents-title, .right .contents-title {
    margin-bottom: 10px;
    padding: 20px 0px 15px 30px;
    height: 10px;
    color: #FFFFFF;
    background: url(../images/contents_header.gif) 0px no-repeat;
    font-weight: bold;
}

.center .contents-title {
    padding: 15px 0px 15px 30px;
    height: 10px;
    color: #FFFFFF;
    background: url(../images/contents_header.gif) 0px no-repeat;
    font-weight: bold;
}

/* テーブルタイトル */
.table-title {
    padding: 0px 5px 0px 5px;
    color: #FF9900;
    font-size: 16pt;
    font-weight: bold;
    border-bottom: solid 1px #CCCCCC;
}

.table-title h1,h2,h2 a {
    color: #FF9900;
    font-size: 16pt;
}

/* テーブルヘッダー */
.table-head {
    padding: 2px 5px;
    color: #FFFFFF;
    text-align: right;
}

/* テーブル本体 */
.table-body {
    padding: 2px 5px;
    color: #FFFFFF;
    border-top: none 1px #CCCCCC;
}

/* テーブル本体ミドル */
.table-body-middle {
    padding: 2px 5px;
    color: #FFFFFF;
    border-top: solid 1px #CCCCCC;
}

/* テーブルフッター */
.table-foot {
    padding: 2px 5px;
    color: #FFFFFF;
    text-align: right;
}

/* セットアップテーブル */
.setup-table {
    width: 600px;
    margin: 0px auto;
    padding: 2px 5px;
    border-top: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
}

/* ログインテーブル */
.login-table {
    width: 320px;
    margin: 0px auto;
    padding: 2px 5px;
    border-top: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
}

/* カレンダーテーブル */
.calendar-table {
    margin: 0px;
    *margin: 2px;
    width: 150px;
    font-size: 9pt;
}

/* カレンダーテーブル（列） */
.calendar-table-row {
    width: 20px;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
}

/* カレンダーテーブル（今日） */
.calendar-table-today {
    border: solid 2px #FF9900;
}

/* 一覧テーブルヘッダー */
.list-table-head-l,
.list-table-head-lm {
    padding: 2px;
    color: #333333;
    background-color: #EEEEEE;
    border-top: 1px solid #999999;
    border-right: 0px;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    text-align: center;
    float: left;
}

/* 一覧テーブルヘッダー（ミドル） */
.list-table-head-lm {
    border-top: 0px;
}

/* 一覧テーブルヘッダー（右端） */
.list-table-head-r,
.list-table-head-rm {
    padding: 2px;
    color: #333333;
    background-color: #EEEEEE;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    text-align: center;
    float: left;
}

/* 一覧テーブルヘッダー（右端、ミドル） */
.list-table-head-rm {
    border-top: 0px;
}

/* 一覧テーブル詳細 */
.list-table-dtl-l {
    padding: 2px;
    background-color: #FFFFFF;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    text-align: center;
    float: left;
}

/* 一覧テーブル詳細（右端） */
.list-table-dtl-r {
    padding: 2px;
    background-color: #FFFFFF;
    border-top: 0px;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    text-align: center;
    float: left;
}

/* 一覧テーブル詳細（1行） */
.list-table-dtl-c {
    padding: 2px;
    background-color: #FFFFFF;
    border-top: 0px;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    text-align: center;
    float: left;
}

/* 一覧テーブルヘッダー内のオブジェクト */
p.list-table-head {
    height: 15px;
    line-height: 15px;
}

/* 一覧テーブル詳細内のオブジェクト */
p.list-table-dtl {
    height: 22px;
    line-height: 22px;
}

/* 一覧テーブル詳細内のオブジェクト（入力オブジェクトなし） */
p.list-table-dtl-s {
    height: 15px;
    line-height: 15px;
}
