@charset "shift_jis";
/*=========================================================================
 /order
=========================================================================*/

/* 「購入時の注意」既読チェック
　＠ご契約者情報の入力
　＠決済情報の入力
-------------------------------------------------------------------------*/
.check_required{
  margin-top:15px;
  border-top:5px solid #e5e5e5;
}
.check_required p{
  margin:0;
}
.check_required .related_link{
  padding:5px 10px 10px 10px;
  background-color:#e5e5e5;
  text-align:right;
}
.check_required .check_required-lead{
  padding:5px 10px 10px 10px;
  background-color:#e5e5e5;
}
.check_required .check_required-box{
  padding:5px 0;
  border-left:5px solid #e5e5e5;
  border-right:5px solid #e5e5e5;
  border-bottom:5px solid #e5e5e5;
  background:url(../../../images/com/bg_required_box.gif) repeat-y right 0;
}
.check_required .check_required-box.read,
.check_required .check_required-box.no_required{
  background-image:url(../../../images/com/bg_required_box_checked.gif);
}
.check_required .check_required-box.no_required.checked{
  background-image:url(../../../images/com/bg_required_box.gif);
}
.check_required-box .attention_text{
  font-weight:bold;
  color:#dd2211;
  padding:15px 275px 0 22px;
}
.check_required-box .text_area{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  width:661px;
  padding:10px 22px;
}
.check_required-box .text_area .click_area{
  width:550px;
  min-height:26px;
  padding-top:5px;
  background:url(../../../images/com/bg_required_arrow.gif) no-repeat right center;
  padding-right:25px;
  padding-left:50px;
  text-indent:-50px;
}
.check_required-box .text_area .click_area img{
  margin-top:2px;
  vertical-align:top;
}
.check_required-box .text_area .click_area a{
  display:inline-block;/display:inline;/zoom:1;
  padding-left:130px;
  text-indent:-130px;
}
.check_required-box .text_area .click_area .icon_navi{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  width:90px;
  height:24px;
  margin:-1px 10px 0 30px;
  background:url(../../../images/com/icn_required_01.gif) no-repeat 0 0;
}
.check_required-box.read .text_area .click_area .icon_navi,
.check_required-box.checked .text_area .click_area .icon_navi{
  background-position:0 -24px;
}
.check_required-box .agreement_area{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  width:265px;
  color:#c1c1c1;
}
.check_required-box .agreement_area .inline_block{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  line-height:1.2;
}
.check_required-box .agreement_area.check_only{
  width:250px;
  margin-left:15px;
}
.check_required-box.read .agreement_area,
.check_required-box.checked .agreement_area,
.check_required-box.no_required .agreement_area{
  color:#333;
}
.check_required-box .agreement_area .icon_navi,
.check_required-box.checked .agreement_area .icon_navi{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  width:90px;
  height:24px;
  margin-right:35px;
  background:url(../../../images/com/icn_required_02.gif) no-repeat 0 -24px;
}
.check_required-box.read .agreement_area .icon_navi,
.check_required-box.no_required .agreement_area .icon_navi{
  background-position:0 0;
}
.check_required-box.no_required.checked .agreement_area .icon_navi{
  background-position:0 -24px;
}
.check_required-box .agreement_area.check_only .icon_navi{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  width:75px;
  height:24px;
  margin-right:35px;
  background:url(../../../images/com/icn_required_check.gif) no-repeat 0 0;
}
.check_required-box.checked .agreement_area.check_only .icon_navi{
  background-position:0 -24px;
}
.check_required-box .icon_navi span{
  display:block;
  overflow:hidden;height:0;text-indent:100%;white-space:nowrap;
}


/* ▼ 既読チェック 古いデザイン => 新デザインにすべて置き換わったら不要となる */
.form_elements .agreement_area{
  color:#999;
}
.form_elements .agreement_area label{
  cursor:default;
}
.form_elements .agreement_area .agreement_area-radio{
  display:inline-block;/display:inline;/zoom:1;vertical-align:top;
  float:right;
}
.form_elements .agreement_area .agreement_area-radio .form_elements-list_horizontal{
  overflow:hidden;
}
.form_elements .agreement_area .agreement_area-radio .form_elements-list_horizontal li{
  float:left;
}
.form_elements .agreement_area p{
  display:inline-block;/display:inline;/zoom:1;vertical-align:top;
  float:left;
}
/* ▲ 既読チェック */


/* お支払い方法の選択
　＠決済情報の入力
-------------------------------------------------------------------------*/
.payment_method{
  /*margin:2em 0 0 0;*/
  padding:0;
}
.payment_method > li{
  margin:1em 0 0 0;
  padding:0;
  list-style-type:none;
}
.payment_method li p{
  margin:0;
  padding:0;
}
.payment_method li > div{
  padding:10px 10px 10px 30px;
  border:2px solid #cecece;
}
.payment_method li > div:hover,
.payment_method li > div.checked{
  border:2px solid #ea5505;
  cursor:pointer;
}
.payment_method li .checkbox{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  width:43px;
  height:39px;
  background:url(../../../images/com/icn_payment_check.gif) no-repeat 0 0;
  vertical-align:middle;
}
.payment_method li > div.checked .checkbox{
  background-position:0 -39px;
}
.payment_method li .checkbox input[type="radio"]{
  position: absolute;
  filter:alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
  outline:none;
}
.payment_method li .image{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  width:247px;
  margin:0 44px 0 60px;
}
.payment_method li .price{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  width:530px;
  margin:0;
  padding:0 0 0 12px;
  background:url(../../../images/com/bg_payment_price_inst.gif) no-repeat left center;
}
.payment_method li .price dt{
  padding:2px;
  background-color:#fff;
  border:5px solid #eee;
  text-align:center;
  font-weight:bold;
  font-size:93%;
}
.payment_method li .price dt .lump{
  color:#5a97c0;
}
.payment_method li .price dt .inst{
  color:#eb5505;
}
.payment_method li .price dd{
  padding:8px 20px;
  background-color:#eee;
  line-height:1.5;
  font-size:86%;
}
.payment_method li .price dd .total{
  margin-top:10px;
  font-weight:bold;
  font-size:108%;
}
.payment_method li .price dd .total_lump{
  margin:10px 0 15px;
  text-align:center;
  font-weight:bold;
  font-size:108%;
}


/* 料金プランについて
-------------------------------------------------------------------------*/
/* スマホ割セット */
.discount_smp{
  overflow:hidden;
}
.discount_smp dt{
  float:left;
  margin-right:20px;
  padding:10px;
  background-color:#eb5505;
  font-weight:bold;
  color:#fff;
}
.discount_smp dd{
  overflow:hidden;
  line-height:1.5;
  font-weight:bold;
  font-size:122%;
}
.discount_smp .required{
  display:block;
  float:right;
  padding:10px;
  background-color:#fff5f0;
  border:1px solid #dd2211;
  font-size:86%;
  color:#dd2211;
}
/* h2の中のアイコン */
/*h2 span.discount_smp-icon{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  position:absolute;
  top:2px;
  right:2px;
  float:right;
  min-height:20px;
  /min-height:17px;
  padding:10px;
  background-color:#eb5505;
  border-left:0;
  font-weight:bold;
  font-size:72%;
  color:#fff;
}*/

h2 span.discount_smp-icon{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  position:absolute;
  top:1px;
  right:2px;
  float:right;
  /min-height:20px;
  min-height:17px;
  padding:5px;
  background-color:#eb5505;
  border-left:0;
  font-weight:bold;
  font-size:65%;
  color:#fff;
}

/* サービス契約情報の入力
-------------------------------------------------------------------------*/
/* 開閉エリア */
.disp_contents.line_solid{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #e5e5e5;
}


/* 決済方法入力
-------------------------------------------------------------------------*/
/* 注文フロー */
.order_flow-01,
.order_flow-02,
.order_flow-03,
.order_flow-04,
.order_flow-05,
.order_flow-06,
.order_flow-login01,
.order_flow-login02,
.order_flow-login03,
.order_flow-login04,
.order_flow-login05,
.order_flow-login06,
.order_flow-option01,
.order_flow-option02,
.order_flow-option03,
.order_flow-option04,
.order_flow-option05,
.order_flow-option_login01,
.order_flow-option_login02,
.order_flow-option_login03,
.order_flow-option_login04,
.order_flow-option_login05,
.order_flow-option_login06,
.order_flow-option_login07,
.order_flow-option_reserve01,
.order_flow-option_reserve02,
.order_flow-option_reserve03,
.order_flow-prepaid01,
.order_flow-prepaid02,
.order_flow-prepaid03,
.order_flow-prepaid04,
.order_flow-prepaid05,
.order_flow-reserved_d01,
.order_flow-reserved_d02,
.order_flow-reserved_d03,
.order_flow-reserved_d04,
.order_flow-reserved_d05,
.order_flow-reserved_s01,
.order_flow-reserved_s02,
.order_flow-reserved_s03,
.order_flow-reserved_s04,
.order_flow-reserved_s05,
.order_flow-reserved_s06,
.order_flow-reserved_s07,
.order_flow-itunes-01,
.order_flow-itunes-02,
.order_flow-itunes-03,
.order_flow-itunes-04{
  width:980px;
  height:56px;
  margin-top:18px;
}


/* パターン【A】　：　新規（MNP）＋予約注文 */
.order_flow-reserved_d01 .imgrep-panel,
.order_flow-reserved_d02 .imgrep-panel,
.order_flow-reserved_d03 .imgrep-panel,
.order_flow-reserved_d04 .imgrep-panel,
.order_flow-reserved_d05 .imgrep-panel{  background-image:url(../../../images/com/txt_orderflow_reserved_d.gif);}
.order_flow-reserved_d01 .imgrep-panel{  background-position:0 0;}
.order_flow-reserved_d02 .imgrep-panel{  background-position:0 -56px;}
.order_flow-reserved_d03 .imgrep-panel{  background-position:0 -112px;}
.order_flow-reserved_d04 .imgrep-panel{  background-position:0 -168px;}
.order_flow-reserved_d05 .imgrep-panel{  background-position:0 -224px;}

/* パターン【B】　：　新規（MNP）＋通常注文 */
.order_flow-01 .imgrep-panel,
.order_flow-02 .imgrep-panel,
.order_flow-03 .imgrep-panel,
.order_flow-04 .imgrep-panel,
.order_flow-05 .imgrep-panel,
.order_flow-06 .imgrep-panel{ background-image:url(../../../images/com/txt_orderflow.gif);}
.order_flow-01 .imgrep-panel{ background-position:0 0;}
.order_flow-02 .imgrep-panel{ background-position:0 -56px;}
.order_flow-03 .imgrep-panel{ background-position:0 -112px;}
.order_flow-04 .imgrep-panel{ background-position:0 -168px;}
.order_flow-05 .imgrep-panel{ background-position:0 -224px;}
.order_flow-06 .imgrep-panel{ background-position:0 -280px;}

/* パターン【C】　：　デュアル機種変更　＆　シングル新規＋予約注文＋ポイント利用あり */
.order_flow-login01 .imgrep-panel,
.order_flow-login02 .imgrep-panel,
.order_flow-login03 .imgrep-panel,
.order_flow-login04 .imgrep-panel,
.order_flow-login05 .imgrep-panel,
.order_flow-login06 .imgrep-panel{  background-image:url(../../../images/com/txt_orderflow_login.gif);}
.order_flow-login01 .imgrep-panel{  background-position:0 0;}
.order_flow-login02 .imgrep-panel{  background-position:0 -56px;}
.order_flow-login03 .imgrep-panel{  background-position:0 -112px;}
.order_flow-login04 .imgrep-panel{  background-position:0 -168px;}
.order_flow-login05 .imgrep-panel{  background-position:0 -224px;}
.order_flow-login06 .imgrep-panel{  background-position:0 -280px;}

/* パターン【D】　：　シングル新規＋予約注文＋ポイント利用なし */
.order_flow-reserved_s01 .imgrep-panel,
.order_flow-reserved_s02 .imgrep-panel,
.order_flow-reserved_s03 .imgrep-panel,
.order_flow-reserved_s04 .imgrep-panel,
.order_flow-reserved_s05 .imgrep-panel,
.order_flow-reserved_s06 .imgrep-panel,
.order_flow-reserved_s07 .imgrep-panel{  background-image:url(../../../images/com/txt_orderflow_reserved_s.gif);}
.order_flow-reserved_s01 .imgrep-panel{  background-position:0 0;}
.order_flow-reserved_s02 .imgrep-panel{  background-position:0 -56px;}
.order_flow-reserved_s03 .imgrep-panel{  background-position:0 -112px;}
.order_flow-reserved_s04 .imgrep-panel{  background-position:0 -168px;}
.order_flow-reserved_s05 .imgrep-panel{  background-position:0 -224px;}
.order_flow-reserved_s06 .imgrep-panel{  background-position:0 -280px;}
.order_flow-reserved_s07 .imgrep-panel{  background-position:0 -336px;}

/* オプション品 ： 未ログイン時 */
.order_flow-option01 .imgrep-panel,
.order_flow-option02 .imgrep-panel,
.order_flow-option03 .imgrep-panel,
.order_flow-option04 .imgrep-panel,
.order_flow-option05 .imgrep-panel,
.order_flow-option06 .imgrep-panel{ background-image:url(../../../images/com/txt_orderflow_option.gif);}
.order_flow-option01 .imgrep-panel{ background-position:0 0;}
.order_flow-option02 .imgrep-panel{ background-position:0 -56px;}
.order_flow-option03 .imgrep-panel{ background-position:0 -112px;}
.order_flow-option04 .imgrep-panel{ background-position:0 -168px;}
.order_flow-option05 .imgrep-panel{ background-position:0 -224px;}
.order_flow-option06 .imgrep-panel{ background-position:0 -280px;}

/* オプション品 ： ログイン時 */
.order_flow-option_login01 .imgrep-panel,
.order_flow-option_login02 .imgrep-panel,
.order_flow-option_login03 .imgrep-panel,
.order_flow-option_login04 .imgrep-panel,
.order_flow-option_login05 .imgrep-panel,
.order_flow-option_login06 .imgrep-panel,
.order_flow-option_login07 .imgrep-panel{ background-image:url(../../../images/com/txt_orderflow_option_login.gif);}
.order_flow-option_login01 .imgrep-panel{ background-position:0 0;}
.order_flow-option_login02 .imgrep-panel{ background-position:0 -56px;}
.order_flow-option_login03 .imgrep-panel{ background-position:0 -112px;}
.order_flow-option_login04 .imgrep-panel{ background-position:0 -168px;}
.order_flow-option_login05 .imgrep-panel{ background-position:0 -224px;}
.order_flow-option_login06 .imgrep-panel{ background-position:0 -280px;}
.order_flow-option_login07 .imgrep-panel{ background-position:0 -336px;}

/* オプション品 ： 予約 */
.order_flow-option_reserve01 .imgrep-panel,
.order_flow-option_reserve02 .imgrep-panel,
.order_flow-option_reserve03 .imgrep-panel{ background-image:url(../../../images/com/txt_orderflow_option_reserve.gif);}
.order_flow-option_reserve01 .imgrep-panel{ background-position:0 0;}
.order_flow-option_reserve02 .imgrep-panel{ background-position:0 -56px;}
.order_flow-option_reserve03 .imgrep-panel{ background-position:0 -112px;}

/* オプション品 ： プリペイドカード */
.order_flow-prepaid01 .imgrep-panel,
.order_flow-prepaid02 .imgrep-panel,
.order_flow-prepaid03 .imgrep-panel,
.order_flow-prepaid04 .imgrep-panel,
.order_flow-prepaid05 .imgrep-panel,
.order_flow-prepaid06 .imgrep-panel{  background-image:url(../../../images/com/txt_orderflow_prepaid.gif);}
.order_flow-prepaid01 .imgrep-panel{  background-position:0 0;}
.order_flow-prepaid02 .imgrep-panel{  background-position:0 -56px;}
.order_flow-prepaid03 .imgrep-panel{  background-position:0 -112px;}
.order_flow-prepaid04 .imgrep-panel{  background-position:0 -168px;}
.order_flow-prepaid05 .imgrep-panel{  background-position:0 -224px;}
.order_flow-prepaid06 .imgrep-panel{  background-position:0 -280px;}

/* iTunes コード */
.order_flow-itunes-01 .imgrep-panel,
.order_flow-itunes-02 .imgrep-panel,
.order_flow-itunes-03 .imgrep-panel,
.order_flow-itunes-04 .imgrep-panel{  background-image:url(../../../images/com/txt_orderflow_itunes.gif);}
.order_flow-itunes-01 .imgrep-panel{  background-position:0 0;}
.order_flow-itunes-02 .imgrep-panel{  background-position:0 -56px;}
.order_flow-itunes-03 .imgrep-panel{  background-position:0 -112px;}
.order_flow-itunes-04 .imgrep-panel{  background-position:0 -168px;}


/* 本人確認書類の送付
-------------------------------------------------------------------------*/
.form_elements td .btn_delete{
  float:right;
  margin:0;
  padding-left:15px;
  border-left:1px solid #e5e5e5;
}
