/*======================================
    MCS コンテンツサービス スタイルシート
    (MFP IE互換 テーブルレイアウト)
======================================*/

/*--------------------------------------
    全ページ共通
--------------------------------------*/
body {
    width: 1024px;
    height: 600px;
    margin: 0px;
    padding: 0px;
    font-family: "Meiryo", "MS PGothic", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16pt;
    overflow: hidden;
    background: #ffffff;
}

div#container {
    margin: 0px auto;
    position: relative;
}
body > #container {
    height: 600px;
}

div#main {
    padding-bottom: 88px;
}

#foot {
    position: absolute;
    margin: 0px;
    padding: 0px;
    bottom: 0px;
    height: 88px;
    width: 1024px;
    font-size: small;
}

#sample {
    position: absolute;
    visibility: visible;
    left: 0px;
    top: 0px;
    z-index: 3;
}

/*--------------------------------------
    ヘッダー部
--------------------------------------*/
.head {
    width: 1024px;
    border: 0px;
    background: #a7a5a4;
}

.logo {
    width: 220px;
    height: 88px;
}

.MessageSpace {
    width: 564px;
    height: 88px;
    font-size: 16pt;
}

.button_box {
    width: 124px;
    height: 88px;
}

/*--------------------------------------
    共通ボタン
--------------------------------------*/
.fin_button {
    display: block;
    color: black;
    font-weight: bold;
    font-size: 20pt;
    font-family: "Meiryo", "MS PGothic", sans-serif;
    width: 120px;
    height: 74px;
    text-align: center;
    border-color: #aaaaaa #444444 #444444 #aaaaaa;
}
.fin_button:hover { background: #fff21b; }

.bck_button {
    display: block;
    color: black;
    font-weight: bold;
    font-size: 20pt;
    font-family: "Meiryo", "MS PGothic", sans-serif;
    width: 120px;
    height: 74px;
    text-align: center;
    border-color: #aaaaaa #444444 #444444 #aaaaaa;
}
.bck_button:hover { background: #fff21b; }

.nxt_button {
    display: block;
    color: black;
    font-weight: bold;
    font-size: 20pt;
    font-family: "Meiryo", "MS PGothic", sans-serif;
    width: 120px;
    height: 74px;
    text-align: center;
    border-color: #aaaaaa #444444 #444444 #aaaaaa;
}
.nxt_button:hover { background: #fff21b; }

.buy_button {
    display: block;
    color: black;
    font-weight: bold;
    font-size: 20pt;
    font-family: "Meiryo", "MS PGothic", sans-serif;
    width: 120px;
    height: 74px;
    text-align: center;
    border-color: #aaaaaa #444444 #444444 #aaaaaa;
}
.buy_button:hover { background: #fff21b; }

/*--------------------------------------
    top.html: 大きなナビボタン
--------------------------------------*/
.top_btn {
    display: block;
    color: black;
    font-weight: bold;
    font-size: 20pt;
    font-family: "Meiryo", "MS PGothic", sans-serif;
    width: 300px;
    height: 300px;
    text-align: center;
    border-color: #aaaaaa #444444 #444444 #aaaaaa;
}
.top_btn:hover { background: #fff21b; }

/*--------------------------------------
    search.html: ソフトキーボード
--------------------------------------*/
.num_key {
    width: 60px;
    height: 60px;
    background-color: #eca49e;
    font-size: 20pt;
}

.alph_key {
    width: 60px;
    height: 60px;
    background-color: #a7a5a4;
    font-size: 20pt;
}

.del_key {
    width: 150px;
    height: 60px;
    background-color: #a7a5a4;
    font-size: 20pt;
}

#textbox1 {
    width: 700px;
    height: 50px;
    font-size: 30pt;
    font-family: "Meiryo", "MS PGothic", sans-serif;
    text-align: left;
    border: solid 1px #a7a5a4;
}

/*--------------------------------------
    menu.html: サービスバナー
--------------------------------------*/
.menu_banner {
    cursor: pointer;
    border: 2px solid #cccccc;
}
.menu_banner:hover {
    border-color: #ff9900;
}

.cat_label {
    font-size: 12pt;
    font-weight: bold;
    color: #333333;
    padding: 4px 0 0 0;
    text-align: center;
}

/*--------------------------------------
    print-select.html: コンテンツ選択
--------------------------------------*/
.select_table {
    width: 960px;
    border-collapse: collapse;
    border: 1px solid #a7a5a4;
}

.select_table td {
    padding: 8px 12px;
    border: 1px solid #cccccc;
    font-size: 14pt;
    cursor: pointer;
}

.select_table tr:hover {
    background: #fff8e0;
}

.select_table tr.selected_row {
    background: #d0e8ff;
}

.select_header td {
    background: #a7a5a4;
    color: white;
    font-weight: bold;
    font-size: 13pt;
    cursor: default;
}
.select_header:hover {
    background: #a7a5a4;
}

.col_check { width: 40px; text-align: center; }
.col_no    { width: 40px; text-align: center; }
.col_name  { width: 340px; }
.col_pages { width: 60px; text-align: center; }
.col_fmt   { width: 60px; text-align: center; }
.col_price { width: 100px; text-align: right; font-weight: bold; color: #cc0000; }
.col_id    { width: 130px; text-align: center; font-size: 12pt; }
.col_size  { width: 60px; text-align: center; }
.col_color { width: 60px; text-align: center; }

.search_button {
    display: block;
    color: black;
    font-weight: bold;
    font-size: 16pt;
    font-family: "Meiryo", "MS PGothic", sans-serif;
    width: 260px;
    height: 50px;
    text-align: center;
    border-color: #aaaaaa #444444 #444444 #aaaaaa;
}
.search_button:hover { background: #fff21b; }

/*--------------------------------------
    confirm.html: 購入確認
--------------------------------------*/
.title_table {
    background: #a7a5a4;
    font-size: 14pt;
    width: 180px;
}

.content_table {
    border: 1px #a7a5a4 solid;
}

.info_value {
    font-size: 14pt;
}

.price_value {
    font-size: 22pt;
    font-weight: bold;
    color: #cc0000;
}

.prev_table {
    border: 1px #a7a5a4 solid;
    width: 200px;
    height: 240px;
}

div.contentsinfo {
    position: absolute;
    top: 120px;
    left: 230px;
}

div.title_pic {
    position: absolute;
    top: 120px;
    left: 10px;
}

div.prev {
    position: absolute;
    top: 170px;
    left: 10px;
}

/*--------------------------------------
    complete.html: 完了画面
--------------------------------------*/
.complete_msg {
    font-size: 24pt;
    font-weight: bold;
    color: #006600;
    text-align: center;
    padding: 40px;
}

.complete_detail {
    font-size: 14pt;
    color: #333333;
    text-align: center;
    line-height: 1.8;
}

/*--------------------------------------
    scan-settings.html
--------------------------------------*/
.setting_table {
    width: 700px;
    border-collapse: collapse;
    border: 1px solid #a7a5a4;
}

.setting_table td {
    padding: 10px 16px;
    border: 1px solid #cccccc;
    font-size: 14pt;
}

.setting_table .title_table {
    width: 200px;
}

.setting_select {
    font-family: "Meiryo", "MS PGothic", sans-serif;
    font-size: 16pt;
    padding: 4px 8px;
    min-width: 200px;
}

/*--------------------------------------
    エラーメッセージ とじるボタン
--------------------------------------*/
.close_button {
    display: block;
    color: black;
    font-weight: bold;
    font-size: 20pt;
    font-family: "Meiryo", "MS PGothic", sans-serif;
    width: 120px;
    height: 74px;
    text-align: center;
    border-color: #aaaaaa #444444 #444444 #aaaaaa;
}
.close_button:hover { background: #fff21b; }

/*--------------------------------------
    プログレスオーバーレイ
--------------------------------------*/
#progressOverlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 1024px;
    height: 600px;
    background: #888888;
    z-index: 200;
}

#progressBox {
    position: absolute;
    top: 200px;
    left: 262px;
    width: 500px;
    background: #ffffff;
    padding: 48px 40px;
    text-align: center;
    border: 2px solid #666666;
    z-index: 201;
    font-size: 20pt;
    font-weight: bold;
}