@charset "Shift_JIS";

/* --------------------------------------------------------------------
    定期申込内容変更問合せ画面用 2014.08.20 追加
--------------------------------------------------------------------- */
div.freecontact h3 {
   border-left: solid #db5195 5px;
   margin: 7px 0;
   padding-left: 10px;
   font-size: 180%;
   line-height: 100%;
   display: block;
   -webkit-margin-before: 0.83em;
   -webkit-margin-after: 0.83em;
   -webkit-margin-start: 0px;
   -webkit-margin-end: 0px;
   font-weight: bold;
}

div.freecontact .box_white_dark {
   border: solid #cccccc 1px;
   background-color: #ffffff;
   padding: 10px;
   margin-bottom: 15px;
}

div.freecontact img[Attributes Style] {
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
}

div.freecontact .separator {
   border-top: dotted #bbbbbb 1px;
   margin-top: 10px;
   height: 10px;
   overflow: hidden;
}

 div.freecontact .clear {
    clear: both;
}

div.freecontact .err_message_ {
    color:#ff3333;
    font-size: 120%;
    font-weight: bold;
}

div.freecontact .error_ {
    display:none;
}

/* --------------------------------------------------------------------
    定期購入の変更の説明文
--------------------------------------------------------------------- */
div.freecontact .rp_modify_main_explain_ {
    width:95%;
    margin:10px;
}

/* --------------------------------------------------------------------
    注文しているものすべて
--------------------------------------------------------------------- */
div.freecontact .allcheck_box {
    margin:10px 0;
}

/* --------------------------------------------------------------------
    商品情報（３列表示）
--------------------------------------------------------------------- */
div.freecontact #rp_modify .item_col1 {
    display: table;
    float:left;
    border-top: dotted #bbbbbb 1px;
    border-width : 1px 1px 1px 1px;
    padding: 10px 0 10px 0;
}
div.freecontact #rp_modify .item_col1 .check_goods_ {
    width:30px;
    display: table-cell;
    vertical-align:top;
}
div.freecontact #rp_modify .item_col1 .check_goods_ label {
    width:30px;
    height:44px;
    display:table-cell;
}
div.freecontact #rp_modify .item_col1 .img_ {
    display:table-cell;
}
div.freecontact #rp_modify .item_col1 .img_ a img {
    border:solid #dddddd 1px;
    background-color:#f4f4f4;
}
div.freecontact #rp_modify .item_col1 .text_ {
    width:150px;
    padding-left:10px;
    display:table-cell;
    vertical-align:top;
}

/* --------------------------------------------------------------------
    ポイント・変更・休止・終了の選択欄ボックス
--------------------------------------------------------------------- */
div.freecontact .rp_modify_select_explain {
    width:95%;
}
div.freecontact .rp_modify_select_explain input {
    margin: 5px 5px 5px 10px;*/
}

/* --------------------------------------------------------------------
    ポイント・変更・休止・終了のボックス
--------------------------------------------------------------------- */
div.freecontact .customer_input {
    display:none;
}
div.freecontact .rp_modify_point {
    display:none;
}
div.freecontact .rp_modify_change {
    display:none;
}
div.freecontact .rp_modify_rest {
    display:none;
}
div.freecontact .rp_modify_stop {
    display:none;
}
div.freecontact .send_body {
    display:none;
}

/* --------------------------------------------------------------------
    「ポイントのご利用」ボックス
--------------------------------------------------------------------- */
div.freecontact .rp_modify_point textarea {
    width:95%;
}

/* --------------------------------------------------------------------
    「変更」ボックス
--------------------------------------------------------------------- */
div.freecontact .rp_modify_change .rp_modify_explain {
    margin: 10px;
}
div.freecontact .rp_modify_change .rp_modify_explain img {
    width:95%;
}
div.freecontact .rp_modify_change textarea {
    width:95%;
}

/* --------------------------------------------------------------------
    「休止」ボックス
--------------------------------------------------------------------- */
div.freecontact .rp_modify_rest textarea {
    width:95%;
}

/* --------------------------------------------------------------------
    「終了」ボックス
--------------------------------------------------------------------- */
div.freecontact .rp_modify_stop request_box {
    width:95%;
}

div.freecontact .rp_modify_stop span {
    font-size: 140%;
    font-weight: bold;
    margin: 10px;
}

div.freecontact .rp_modify_stop .request_box {
     margin: 10px;
}

/* --------------------------------------------------------------------
    「確認画面へ」
--------------------------------------------------------------------- */
div.freecontact .confirm_ {
    padding-top:20px;
    text-align:center;
}