﻿?body
{
    background-color: #ffffff;
    color: #000000;
}

body
{
    font-size:100%;
}

table
{
    font-size:100%;
}

form
{
    margin : 0px;
    display : inline;
}


/* ヘッダ タイトルバー */

div.titlebar
{
    background-color:#13007d;
    margin: 0px;
    padding : 4px 0.5em;
}

div.titlebar h1,
div.titlebar div.title_span
{
    color:#ffffff;
    display : inline;
}

div.titlebar div.title_span
{
    margin: 0px 1em;
}

div.titlebar h1 a:link,
div.titlebar h1 a:visited,
div.titlebar h1 a:hover,
div.titlebar h1 a:active
{
    color:#ffffff;
    text-decoration:none;
}


/* ヘッダ ユーザーバー */
table.userbar
{
    color:#660000;
    background-color:#ffd322;
    width : 100%;
    font-size:90%;
    margin : 0px 0px 1em;
}

table.userbar td
{
    padding : 4px 1em;
}

table.userbar td.usermenu
{
    text-align: right;
}


/* オークション開催名・マイオークション */

div.auc_title
{
    background-color:#13428c;
    margin: 0.5em 0px 1em;
    padding : 4px;
}

div.auc_title h2,
div.auc_title div.auc_span
{
    color:#ffffff;
    padding : 0px 1em;
    display : inline;
}



/* フィードバック */
div.feedback
{
    border : 4px #6680ff double;
    margin : 1em 1em;
    padding : 10px;
}


/* お客様登録　項目名 */
div.caption
{
    color: #000066;
    margin: 1em 0px 0.5em;
    padding: 2px;
    border-bottom: 2px solid #004080;
}


/* ボタンスタイル */
table.button_mode
{
    margin : 1em 1em 2em;
}

table.button_mode td
{
    background-color:#990066;
    border : 4px #cc6699 outset;
    font-weight: bold;
}


table.button_mode a:link,
table.button_mode a:visited,
table.button_mode a:hover,
table.button_mode a:active
{
    color:#ffffcc;
    display:block;
    width:100%;
    padding : 2px 2em;
}


/* 内容 */
div.list_content
{
    border : 1px #ff9900 solid;
    width : 100%;
    margin: 0px 2px;
    padding :1.5em 1em;
}


div.condition
{
    padding : 2px 0px;
    margin: 1em 5px;
}



/* 件数 */
div.kensu
{
    font-size:80%;
    text-align:right;
    margin: 1em 5px;
}

/* ページリンク */
div.page_link
{
    text-align:center;
    margin: 1em;
    word-spacing: 0.5em;
}


/* 索引 */
table.list_mode
{

    padding : 0px;
    margin: 1em 0px 0px;
} 

table.list_mode td 
{
    background-color:#004080;
    border : 4px #879eca double;
    padding : 0px;
    font-weight: bold;
    width: 8em;
    text-align:center;
} 

table.list_mode td.active
{
    background-color:#993300;
    border : 4px  #ff9900 double;
    padding : 0px;
}

table.list_mode a:hover
{
    background-color:#0099ff;
}

table.list_mode td.active a:hover
{
    background-color:#ff9900;
}

table.list_mode a:link,
table.list_mode a:visited,
table.list_mode a:hover,
table.list_mode a:active
{
    color:#ffffff;
    text-decoration:none;
    display:block;
    width:100%;
    padding : 5px 0px;
}



/* 商品・応札一覧　一括応札ボタン */
div.bid_lump
{
    text-align:right;
    margin: 0.5em 5px;
}


/* 応札中一覧　オークション開催名 */
div.auc_name
{
    color: #ffffcc;
    background-color:#925101;
    font-size: 120%;
    font-weight:bold;
    margin : 1em 0px 0.5em;
    padding: 4px 2px;
}



/* 価格（応札確認） */

td.price_bid
{
    font-weight:bold;
    text-align: right;
    font-size: 120%;
}


/* 機材種別名 */
div.category_name
{
    color:#000066;
    font-weight:bold;
    background-color: #cccccc;
    margin : 1em 0px 0px;
}


/* 画像 */
div.image
{
    padding : 2px 5px;
    margin: 1em 0px;
}

/* 商品見出し */
div.headline
{
    float: left;
}

/* 出品番号 */
div.syup_no
{
    color:#000077;
    font-size:320%;
    font-weight:bold;
    margin : 0.5em;
}

/* 一覧出品番号 */
div.list_syup_no
{
    color:#000077;
    font-size:160%;
    font-weight:bold;
    text-align: center;
}

/* 商品名 */
div.syup_name
{
    color:#000099;
    font-size:180%;
    font-weight:bold;
    margin : 0.5em;
}

/* スタート価格 */
div.price_start
{
    font-size:150%;
    font-weight:bold;
    margin : 0.5em;
}

/* 現在価格 */
div.price_end
{
    font-size:150%;
    font-weight:bold;
    margin : 0.5em;
}

/* 最終応札時刻 */
div.bid_date_end
{
    font-size:120%;
    font-weight:bold;
    margin : 0.5em;
}

/* 商品サムネイル */
div.thumbnail
{
    margin : 0.5em;
    display: inline;
}


/* 各情報テーブル　検索結果・履歴・詳細 */


table.find_list,
table.record_list
{
    width : 100%;
    margin: 10px 0px;
}

table.data_table
{
    margin: 10px 0px;
    border-collapse: collapse;
    border : 1px #ffd322 solid;
}

table.bid_table
{
    margin: 1em 0px;
    border-collapse: collapse;
    border : 0px #925101 solid;
}


table.record_list th,
table.record_list td,
table.find_list th,
table.find_list td
{
    padding: 4px;
}


table.data_table th,
table.data_table td,
table.bid_table td
{
    padding: 4px;
}

table.bid_table th
{
    padding: 4px 0.5em;
    color: #ffffcc;
    background-color:#925101;
}

table.bid_table td
{
    background-color:#ffd322;
}


table.data_table th
{
    border : 2px #ffffff solid;
}

table.data_table td
{
    border : 1px #ffd322 solid;
}

table.data_table th,
table.record_list th,
table.find_list th
{
    color: #660000;
    background-color:#ffd322;
}

table.data_table th.notes
{
    color: #ffffcc;
    background-color:#925101;
}



/* 一覧でのメッセージ */
table.find_list div.list_message
{
    padding: 2px;
    font-size: 80%;
    color: #cc0000;
    font-weight: bold;
}


/* 履歴テーブル */
div.record
{
    width : 100%;
    margin: 1em 0px;
}


/* 一覧表において、奇数行と偶数行の背景色指定 */

tr.odd
{
    background-color:#ffffcc;
}

tr.even
{
    background-color:#ffdd99;
}


/* 小項目名 */
div.item_name
{
    color:#000066;
    font-weight:bold;
    margin : 1em 0px 0.5em;
}

/* 必須項目マーク */
.indispensable_mark
{
    color:#ff0000;
}


/* 説明文　注釈 */

div.comment,
.addition
{
    font-size:80%;
}

.notation
{
    font-size:80%;
}

.addition
{
    color:#888888;
}



/* 機材情報 */
div.product
{
    width : 100%;
    margin: 1em 0px;
}


/* 査定情報テーブル */
div.inspection_report
{
    width : 100%;
    margin: 1em 0px;
}

div.inspection_report table
{
    width : 100%;
    margin: 10px 0px 2em;
}

div.inspection_report th,
{
    padding: 4px 2px;
}

div.inspection_report th.section_color_1
{
    color: #ffffcc;
    background-color:#925101;
}

div.inspection_report th.section_color_2,
div.inspection_report tr.section_color_2
{
    color: #660000;
    background-color:#ffd322;
}


div.inspection_report td.report_notation

{
    font-weight: bold;
    padding: 4px 0.5em;
}

div.inspection_report td.report_notation_color

{
    background-color: #ff9900;
}


div.inspection_report th.section
{
    text-align: left;
}

/* テーブル内のテーブル */
table.inside_table
{
    margin: 0px;
    padding: 0px 0.5em 0px 0px;
    width: 100%;
    border-collapse: collapse;
    border : 1px #ffdf99 solid;
}

table.inside_table th
{
    background-color: #ffdf99;
    border : 1px #ffffff solid;
}

table.inside_table td
{
    border: 1px #ffdf99 solid;
}

table.inside_table th.user_attr
{
    width: 35%;
}


/* チェックボックスのテーブル */
table.list_checkbox,
table.list_checkbox td
{
    margin: 0px;
    border : none;
    padding: 0px 0.5em 0px 0px;
}

/* 項目ごとのtdの設定（一覧、履歴） */

colgroup.syup_no,
colgroup.syup_img,
colgroup.model,
colgroup.bid_conditions
{
    text-align: center;
}

colgroup.bid_price
{
    text-align: right;
}

colgroup.bid_count
{
    text-align: center;
}

colgroup.rest_time
{
    text-align: right;
}

colgroup.bid
{
    text-align: left;
}

colgroup.bid_time

{
    text-align:center;
}


colgroup.auc_start_end

{
    text-align:center;
}

colgroup.auc_kai_title
{
    width:20em;
}

colgroup.user_id
{
    width:7.5em;
}

colgroup.user_attr
{
    width:16.5em;
}


/* 項目ごとのtdの設定（査定） */


colgroup.report_hide
{
    width:1em;
    text-align: center;
    padding: 4px;
}

colgroup.report_components
{
    width:20em;
    padding: 4px 0.5em;
}

colgroup.report_grade
{
    width:1.5em;
    text-align: center;
    padding: 4px 0px;
}

colgroup.report_comments
{
    padding: 4px 0.5em;
}


/* センターボタン */
div.center_button
{
    text-align: center;
    margin : 1em;
}


/* フッタ */
div.footer
{
    width:100%;
    font-size:80%;
    text-align:center;
    margin : 2em 2px 0px;
    padding : 1em;
    height : 5em;
    border-top:1px #888888 solid;

}

/* 数字表示・数字用入力フォーム */
input.figure,
td.figure
{
text-align: right;
}

/* 出品管理一覧画面 現在価格と最大応札価格による表示の変更 add 070109 T.aoi */
/* 現在価格 = 最大応札価格 */
table.find_list td.bid_price_equal
{
    background-color: #00FFFF;
}
/* 現在価格 < 最大応札価格 */
table.find_list td.bid_price_great
{
    background-color: #FFFF00;
}
/* 現在価格 > 最大応札価格 */
table.find_list td.bid_price_small
{
    background-color: #FF0000;
    font-weight: bold;
}
/* 出品管理一覧画面 オークションの状態 add 070109 T.aoi */
/* オークション開始前 */
table.find_list td.auc_state_before
{
    background-color: #00FFFF;
}
/* オークション中 入札無し */
table.find_list td.auc_state_open_no_tender
{
    background-color: #FFFF00;
}
/* オークション中 入札有り */
table.find_list td.auc_state_open_tender
{
    background-color: #00FF00;
}
/* オークション終了 入札無し */
table.find_list td.auc_state_end_no_tender
{
    background-color: #FF6600;
}
/* オークション終了 入札有り(流札) */
table.find_list td.auc_state_end_tender_nagare
{
    background-color: #FF00FF;
}
/* オークション終了 入札有り(落札) */
table.find_list td.auc_state_end_tender_raku
{
    background-color: #FF0000;
}

