@charset "utf-8";

/*****ページ本体領域*****/
/* ページ本体領域ラップ */

.register{
    padding:0 10px;
}
    .register img{
        vertical-align:baseline;
    }
    .register hr{
        margin:20px 0;
    }

    /*--　各種会員画面用見出し設定　--*/
    .register h2{
        position:relative;
        margin:0 0 20px;
        padding:0 0 0 20px;
        border-bottom:3px double #666;
        border-left:5px solid #666;
        font-size: 18px;
        font-weight:700;
    }

    .register h3{
        margin:0 0 15px;
        padding:3px 20px;
        background:#666;
        font-size:16px;
        font-weight:700;
        color:#fff;
    }

    .register h4{
        margin:0 0 10px;
        padding:0 0 0 20px;
        border-bottom:1px solid #666;
        font-size:14px;
        font-weight:700;
    }


/*-- 各画面注意事項・説明文表示領域 --*/
.infoText{
    padding:5px 10px;
    background:#FFFFCC;
    margin:0 10px 20px;
}
    .infoText ul{
        margin:5px 0 5px 15px;
    }

/*-- カート内共通 --*/
p.sys_instruction0 {
    background: url("../../images/cart/icn_inst.png") no-repeat scroll left top transparent;
    color: #0D1C5E;
    margin:0 0 15px;
    padding-left: 18px;
    text-align: left;
}


/*-入力必須マーク表示-*/
.essential2{
    background: url(../../images/member/maru.png) no-repeat scroll 10px center;
}

/*-- エラ --*/
div.sys_boxerror1 {
    background-color: #FFF0F0;
    border: 1px dashed #FF0000;
    font-size: 14px;
    margin: 8px 0 16px;
    padding: 0;
}
    div.sys_boxerror1 p.dsn_boxerrorHead {
    background-color: #FF0000;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 8px;
    }
    div.sys_boxerror1 p.dsn_boxerrorText {
        color: #D00000;
        float: left;
        font-size: 14px;
        padding: 4px 8px;
    }



/********************/
/*--　操作ボタン　--*/
/********************/

/*-- 設定変更ボタン --*/
.btn_edit {
    cursor: pointer;
    display: block;
    height: 20px;
    width: 100px;
    background: url("../../images/cart/btn_edit.png") no-repeat scroll left center transparent;
    border: medium none;
    text-decoration: none;
    text-indent: -9999px;
}
/*-- コピーして編集ボタン --*/
.btn_copyedit {
    cursor: pointer;
    display: block;
    height: 20px;
    width: 100px;
    background: url("../../images/cart/btn_copyedit.png") no-repeat scroll left center transparent;
    border: medium none;
    text-decoration: none;
    text-indent: -9999px;
}
/*-- [詳細] --*/
.btn_openSpec {
    display: block;
    height: 13px;
    width: 40px;
    margin: 5px 0 0;
    background: url("../../images/cart/btn_openSpec.png") no-repeat scroll left center transparent;
    border: medium none;
    cursor: pointer;
    text-decoration: none;
    text-indent: -9999px;
}
/*-- [詳細] --*/
.btn_closeSpec {
    background: url("../../images/cart/btn_closeSpec.png") no-repeat scroll left center transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 13px;
    margin: 5px 0 0;
    outline: medium none;
    text-decoration: none;
    text-indent: -9999px;
    width: 40px;
}
/*-- [買い物かごをすべて削除] --*/
.btn_deleteAll {
    display: block;
    position: relative;
    height: 20px;
    width: 150px;
    background: url("../../images/cart/btn_deleteAll.png") no-repeat scroll left center transparent;
    border: none;
    outline: medium none;
    text-indent: -9999px;
    cursor: pointer;
}
/*-- [買い物を続ける] --*/
.btn_continue {
    display: block;
    cursor: pointer;
    width: 150px;
    height: 20px;
    background: url("../../images/cart/btn_continue.png") no-repeat scroll left center transparent;
    border:none;
    text-decoration: none;
    text-indent: -9999px;
}
/*-- [レジへ進む] --*/
.btn_account {
    display: block;
    cursor: pointer;
    width: 150px;
    height: 20px;
    background: url("../../images/cart/btn_goRegister.png") no-repeat scroll left center transparent;
    border:none;
    text-decoration: none;
    text-indent: -9999px;
}
/*-- [更新]ボタン --*/
.btn_request {
    display: block;
    cursor: pointer;
    width: 150px;
    height: 20px;
    background: url("../../images/cart/btn_request.png") no-repeat scroll left center transparent;
    border:none;
    text-decoration: none;
    text-indent: -9999px;
}
/*-- [新規追加] --*/
.btn_addNew {
    display: block;
    cursor: pointer;
    width: 170px;
    height: 20px;
    background: url("../../images/cart/btn_addNew.png") no-repeat scroll left center transparent;
    border:none;
    text-decoration: none;
    text-indent: -9999px;
}
/*-- [この配送先を編集]ボタン --*/
.btn_edit2 {
    display: block;
    height: 20px;
    width: 150px;
    background: url("../../images/cart/btn_edit2.png") no-repeat scroll left center transparent;
    border: medium none;
    text-decoration: none;
    text-indent: -9999px;
    cursor: pointer;
}
/*-- [変更]ボタン --*/
.btn_edit3 {
    display:block;
    height: 15px;
    width: 50px;
    background: url("../../images/cart/btn_edit3.png") no-repeat scroll left center transparent;
    border: medium none;
    text-decoration: none;
    text-indent: -9999px;
    cursor: pointer;
}
/*-- [この配送先を削除]ボタン --*/
.btn_deleatEdit {
    display: block;
    height: 20px;
    width: 150px;
    background: url("../../images/cart/btn_deleteEdit.png") no-repeat scroll left center transparent;
    border: medium none;
    text-decoration: none;
    text-indent: -9999px;
    cursor: pointer;
}
/*-- [この配送先を削除]ボタン --*/
.btn_deleatEdit {
    display: block;
    height: 20px;
    width: 150px;
    background: url("../../images/cart/btn_deleteEdit.png") no-repeat scroll left center transparent;
    border: medium none;
    text-decoration: none;
    text-indent: -9999px;
    cursor: pointer;
}
/*-- [ご注文の確定]ボタン --*/
.btn_confirmOrder{
    display:block;
    width:150px;
    height:20px;
    background:url(../../images/cart/btn_confirmOrder.png) no-repeat;
    border:none;
    text-indent:-9999px;
    cursor:pointer;
}
/*-- 受取方法の変更 --*/
.btn_changeDelivery{
    display:block;
    width:170px;
    height:20px;
    background:url(../../images/cart/btn_changeDelivery.png) no-repeat;
    border:none;
    text-indent:-9999px;
    cursor:pointer;
}
/*-- 連絡先の変更 --*/
.btn_changeOrderer{
    display:block;
    width:170px;
    height:20px;
    background:url(../../images/cart/btn_changeOrderer.png) no-repeat;
    border:none;
    text-indent:-9999px;
    cursor:pointer;
}
/*-- 支払い方法の変更 --*/
.btn_changePayment{
    display:block;
    width:170px;
    height:20px;
    background:url(../../images/cart/btn_changePayment.png) no-repeat;
    border:none;
    text-indent:-9999px;
    cursor:pointer;
}

/**********************/
/*-- カートトップ　 --*/
/*-- 配送先選択画面 --*/
/**********************/

    /*****-- 商品明細テーブル --*****/
    .register .sys_cntTable {
        width:100%;
        margin:0 0 20px;
        border-collapse:collapse;
        border-bottom:1px solid #ccc;
    }

        /*-- 一括選択select inputbutton用セル --*/
        .register .sys_cntTable .editSel1 select{
            position:relative;
        }
            .register .sys_cntTable .editSel1 select{
                width:300px;
            }
            .register .sys_cntTable .editSel1 .btn_insert{
                width:180px;
                margin:0 0 0 50px;
            }
        /*--　各セル基本設定　--*/
        .register .sys_cntTable tr th{
            padding:5px 0;
            background:#666;
            color:#fff;
            text-align:center;
        }
        .register .sys_cntTable tr td{
            padding:10px 0;
            vertical-align:top;
            border-top:1px solid #ccc;
        }

        .register .sys_cntTable tr .dsn_cLine ,
        .register .sys_cntTable tr .dsn_cUserOrderName ,
        .register .sys_cntTable tr .dsn_cNumber ,
        .register .sys_cntTable tr .dsn_cCtrl ,
        .register .sys_cntTable tr .dsn_cDelete {
            text-align:center;
        }

        .register .sys_cntTable tr .dsn_cImage ,
        .register .sys_cntTable tr .dsn_cLine{ /*No,*/
            /*width:100px;*/
        }
        .register .sys_cntTable tr .dsn_cText{ /*商品名*/
            /*width:300px;*/
        }
        .register .sys_cntTable tr .dsn_cUserOrderName{ /*注文名*/
            /*width:170px;*/
        }
        .register .sys_cntTable tr td.dsn_cNumber{ /*注文数*/
            /*width:150px;*/
        }
        .register .sys_cntTable tr .editBtnSel{ /*操作ボタン*/
    width:110px;
        }
        .register .sys_cntTable tr .deleteBtnSel{ /*削除ボタン*/
    width:50px;
        }

            .register .sys_cntTable tr .dsn_cCtrl input{ /*操作ボタン*/
                float:left;
            }
            .register .sys_cntTable tr .dsn_cCtrl input.btn_edit{ /*設定変更ボタン*/
                margin:0 0 5px;
            }
            .register .sys_cntTable tr .dsn_cCtrl input.btn_delete{ /*削除ボタン*/
                margin:0 0 0 5px;
            }

            .register .sys_cntTable tr .dsn_cText p.dsn_cName{ /*商品名テキスト表示設定*/
                font-size:14px;
                font-weight:700;
                color:#001880;
            }

        /*-- 配送先表示セル --*/


        .register .sys_cntTable tr .deliv_info{
            margin:5px 10px 0 0;
            padding:5px 10px;
            background:#FFFFCC;
            border:1px solid #FFCC66;
        }


        /*-- 商品明細テーブル内詳細テーブル --*/
        .register .sys_cntTable tr .dsn_cSpecBlank{
            border:none;
        }
        .register .sys_cntTable tr .dsn_forSpec{
            border:none;
        }

            .register .sys_cntTable tr .dsn_forSpec table.sys_ispecTable th{
                width:130px;
                padding:0;
                background:#e0e0e0;
                color:#333333;
            }
            .register .sys_cntTable tr .dsn_forSpec table.sys_ispecTable td{
                padding:3px 20px;
                border-top:none;
            }



    /*****-- 代金明細テーブル --*****/

    .register .sys_priceTable   {
        width:100%;
        margin:0 0 20px;
        border-collapse:collapse;
    }
        .register .sys_priceTable tr th{
            padding:5px 0;
            background:#666;
            border:1px solid #CCC;
            color:#fff;
            text-align:center;
        }
        .register .sys_priceTable tr td{
            padding:3px 10px 3px 0;
            border:1px solid #CCC;
            text-align:right;
            vertical-align:top;
        }

        table.sys_priceTable tr.dsn_tHead th {
            text-align: center;
        }
        table.sys_priceTable tr th.dsn_cName {
            padding-left:10px;
            background:#e0e0e0;
            color:#333;
            text-align: left;
        }


    /*-- 商品明細合計テーブル --*/
    .register .sys_totalTable   {
        width:600px;
        margin:0 0 20px auto;
        border-collapse:collapse;
        border:1px solid #ccc;
    }
        .register .sys_totalTable   th{
            padding:3px 10px 3px 0;
            background:#e0e0e0;
            border:1px solid #ccc;
            font-size:14px;
            font-weight:700;
            text-align:right;
        }
        .register .sys_totalTable   td{
            padding:3px 10px;
            border:1px solid #ccc;
            text-align:right;
        }

        /*合計価格行*/
        .register .sys_totalTable .sys_total th{
            background:#ffa008;
            color:#FFFFFF;
            font-size:16px;
        }
        .register .sys_totalTable .sys_total td{
            background:#ffffcc;
            font-size:16px;
            font-weight:700;
        }
        .register .sys_totalTable .sys_total th,
        .register .sys_totalTable .sys_total td{
            border-top:3px solid #FF6600;
        }

        /*注意書用セル*/
        .register .sys_totalTable .dsn_note{
            text-align:left;
            /*color:#FF6600;*/
        }


/**********************************************************/
/*-- レジ：（お客様情報・配送先入力・支払い方法選択画面） --*/
/**********************************************************/

    .inputInfo{
        margin:0 0 30px;
        background:#e1e1e1;
        border: 1px solid #999;
    }
        .inputInfo .inputInfoLine{
            border-top:1px solid #eee;
            border-bottom:1px solid #C9C9C9;
            background:#fff url(../../images/cart/cartTableContentsBg.png) repeat-y scroll left top;
        }
            /* 入力項目見出し */
            .inputInfo .inputInfoLine .inputInfoHead{
                float:left;
                width:180px;
                padding: 5px 0 5px 20px;
                text-align:left;
                font-weight:700;
            }
            /* 入力内容 */
            .inputInfo .inputInfoLine .inputInfoContents{
                float:left;
                padding:5px 0 5px 20px;
                width:380px;
            }
            /* 入力内容レジ支払い方法選択画面用 */
            .inputInfo .inputInfoLine .inputInfoContents2{
                float:left;
                padding:5px 0 5px 20px;
                width:700px;
            }

                .inputInfo .inputInfoLine .inputInfoContents input[type="text"]{/* inputtype="text"のものだけ */
                    width:350px;
                    border:1px solid #666;
                }
                .inputInfo .inputInfoLine .checkBox input{
                    width:auto;
                    border:none;
                }
                .inputInfo .inputInfoLine .zipcord input[type="text"]{/* 郵便番号用インプット：inputtype="text"のものだけ */
                    width:100px;
                }

                .inputInfo .inputInfoLine .couponInput input[type="text"]{/* クーポン入力用インプット */
                    width:200px;
                }

                .inputInfo textarea{/* テキストエリア */
                    display:block;
                    width:900px;
                    height:100px;
                    margin:10px auto;
                }

                .inputInfo select.DeliveryTime{/* 希望配送時間指定ドロップダウン */
                    width:200px;
                    margin:10px;
                }

                /*---- 支払い方法選択画面 ----*/
                .paymentChoice .inputInfoLine .inputInfoContents2 ul{
                    margin:0 0 10px 10px;
                }

                dl.shopinfo {   /*受取店の表示*/
                    margin:5px 0;
                    padding:10px;
                    border:1px dashed #FF9900;
                }
                    dl.shopinfo  dt{
                        float:left;
                        clear:both;
                        width:110px;
                        font-weight:700;
                    }
                    dl.shopinfo dd{
    /*float:left;*/
                        margin-left:115px;
                    }

            /*　項目内容注意書　*/
            .inputInfo .inputInfoLine .inputInfoExplanation{
                float:left;
                width:300px;
                padding:5px 0 5px 20px;
            }

        /*-説明文-*/
        .inputInfo p.inputInfoExplanation{
            position:relative;
            padding:5px 15px;
            border-top:1px solid #eee;
            border-bottom:1px solid #C9C9C9;
            background:#fff;
        }

        /*-- 一覧内ナビゲーション操作ボタン --*/
        .inputInfo .pagenav {
            background: none repeat scroll 0 0 #FFFFFF;
            margin: 0;
            padding: 5px 15px;
        }

/*-- レジへ進むボタン3種追加分 --*/
.carttopNav li {
    width:450px;
}
    .carttopNav li .btn_continue{
        margin:0 0 0 auto;
    }

    .carttopNav li div{
        margin:0 0 10px;
        text-align:left;
    }
    .carttopNav li div.loginBtn .btn_login2{
        display: block;
        border:none;
        background:url(../../images/cart/btn_goRegister2.png) no-repeat top left;
        width:150px;
        height:20px;
        cursor:pointer;
        text-indent:-9999px;
    }
    .carttopNav li div.loginBtn div {
        padding:5px 0 5px 10px;
        background:#FFFFCC;
        border:#FFCC66;
    }
        .carttopNav li div.loginBtn div p{
            margin:0 0 10px;
        }
        .carttopNav li div.loginBtn div.cartloginBlock input[type=text] ,
        .carttopNav li div.loginBtn div.cartloginBlock input[type=password] {
            width:100px;
        }

    .carttopNav li div .btn_newMember{
        display: block;
        border:none;
        background:url(../../images/cart/btn_goRegister3.png) no-repeat top left;
        width:180px;
        height:70px;
        cursor:pointer;
        text-indent:-9999px;
    }




/**********************************************/
/*-- レジ：（配送先の編集・追加・削除画面） --*/
/**********************************************/
            .inputInfo  p.inputInfoExplanation .btn_edit2{
                position:absolute;
                top:2px;
                right:60px;
            }
            .inputInfo p.inputInfoExplanation .btn_delete{
                position:absolute;
                top:2px;
                right:5px;
            }

            .inputInfo .pagenav input#sys_btn_update{
                padding:5px 20px;
            }

        /*[この内容で新規に追加]*/
        .inputInfo  .btn_addNewWrap{
            margin:10px
        }


/********************/
/*-- 注文内容確認 --*/
/********************/
.creditCards {
    margin:0 0 15px;
    padding:5px 15px;
    background:#FFFFCC;
    border:1px solid #FFCC00;
}
    .creditCards input{
        width:350px;
    }
    .creditCards input#sys_sec_no{/*セキュリティーコード*/
        width:80px;
    }
    .creditCards hr{
        margin:7px 0;
        border:0;
        border-bottom:1px dashed #666;
    }
    .inputInfoHead .input_edit3{
        vertical-align:bottom;
    }
/********************/
/*-- 注文内容確認 --*/
/********************/
    /*-- 商品名注文名表示テーブル --*/
    .sys_procTable{
        width:100%;
        margin:0 0 20px;
        border-collapse:collapse;
    }
        /*-- 基本<td>/<th>設定 --*/
        .sys_procTable td{
            border:1px solid #ccc;
            text-align: center;
        }
        .sys_procTable th{
            padding-left:10px;
            background: none repeat scroll 0 0 #E0E0E0;
            color: #333333;
            text-align: left;
        }

        .sys_procTable .dsn_tHead th{
            padding: 5px 0;
            background:#666666;
            border: 1px solid #CCCCCC;
            color: #FFFFFF;
            text-align: center;
        }
        .sys_procTable td.dsn_cImage img{
            width:50px;
        }

    /*--　利用規約文の表記　--*/

    .register .terms{
        height:300px;
        margin:0 0 15px;
        padding:10px 15px;
        background:#efefef;
        border:2px solid  #E0E0E0;
        overflow: scroll;

    }
        .register .terms h2{
            position:static;
        }
        .register .terms ul{
            margin:0 0 20px;
        }
            .register .terms ul li{
                margin:0 0 10px 35px;
                padding:0 10px 0 0;
                list-style-position:outside;
            }
                .register .terms ul li li{
                    list-style:none;
                }

    /*-- 規約に同意するチェックボックス --*/
    .register .termsCheckBox{
        color:#FF3300;
        font-size:16px;
        font-weight:700;
        text-align:center;
    }

/*************************/
/***      注文確定     ***/
/*************************/
    .temporaryCode{
        margin:0 0 30px;
        background:#fff;
        border:1px solid #666;
    }
        .temporaryCode p.Explanation{
            padding:10px 15px;
            border-bottom:1px solid #ccc;
            font-weight: bold;
            color: #0099CC;
        }
        .temporaryCode div.Explanation{
            padding:10px 15px;
            border-bottom:1px solid #ccc;
        }
            .temporaryCode div.Explanation ul{
                padding:0 15px;
            }

        .temporaryCode .temporaryCodeLine{
            border-top:1px solid #eee;
            border-bottom:1px solid #C9C9C9;
            background:url(../../images/cart/cartTableContentsBg2.png) repeat-y scroll left top;
            font-size:16px;
        }
            .temporaryCode .temporaryCodeLine .temporaryCodeHead{
                float:left;
                width:190px;
                padding: 5px 10px 5px 0;
                text-align:center;
                font-weight:700;
                color:#fff;
            }
            .temporaryCode .temporaryCodeLine .temporaryCodeContents{
                float:left;
                padding:5px 0 5px 20px;
            }

            /*-- 支払先銀行 --*/
        #ca0500 .inputInfo .inputInfoLine .inputInfoContents {
            width:auto;
        }
        #ca0500 .inputInfo .inputInfoLine .inputInfoExplanation {
            width:auto;
        }
            .inputInfo .inputInfoLine .inputInfoContents .payee_name{
                padding:0 0 5px;
                margin:0 0 5px;
                border-bottom:1px dashed #666;
            }
                .inputInfo .inputInfoLine .inputInfoContents .payee_name div,
                .inputInfo .inputInfoLine .inputInfoContents .payaccNo div{
                    clear:both;
                    float:left;
                    margin:0 10px 0 0;
                    font-size:14px;
                    font-weight:700;
                }

            /*-- ページを印刷するボタンの表示 --*/
            .register h2 input.print_screen{
                position:absolute;
                right:5px;
            }