@charset "UTF-8";
ul {
  margin: 0;
  padding: 0; }

.header_logo {
  width: 100%;
  background: -moz-linear-gradient(top, #595979, #40405e 30%, #1e1e38);
  background: -webkit-linear-gradient(top, #595979, #40405e 30%, #1e1e38);
  background: linear-gradient(to top, #1e1e38, #40405e 70%, #595979);
  padding: 20px 0 20px 20px;
  box-sizing: border-box;
  line-height: 1; }
  .header_logo img {
    height: 17px; }

.step_image {
  width: 100%;
  min-width: 780px;
  padding: 5px 0;
  text-align: center; }

.stepTitle h2, .stepTitle2 h2 {
  margin: 0; }

#layout_frame {
  width: 780px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 10px 0;
  /* Submit area */
  /* footer */ }
  #layout_frame .error_message {
    color: #F00;
    border: solid 2px;
    padding: 10px;
    margin-bottom: 10px; }
  #layout_frame .form_table {
    width: 620px;
    margin: 0 auto; }
    #layout_frame .form_table .form_title {
      color: #EEE;
      background: #4E4E66;
      padding: 5px;
      font-size: 10pt;
      border-bottom: solid 25px #999999;
      font-weight: normal; }
    #layout_frame .form_table .table_plan_detail {
      margin-bottom: 40px; }
    #layout_frame .form_table .card_img {
      display: inline-block;
      margin-left: 10px; }
    #layout_frame .form_table #selectCredit {
      /*display: none;*/
      vertical-align: middle; }
    #layout_frame .form_table .form_main_table, #layout_frame .form_table .permission_table {
      width: 100%;
      border-left: 1px solid #fff; }
      #layout_frame .form_table .form_main_table th, #layout_frame .form_table .form_main_table td, #layout_frame .form_table .permission_table th, #layout_frame .form_table .permission_table td {
        padding: 10px;
        border-bottom: 1px solid #fff;
        box-sizing: border-box;
        text-align: left;
        font-weight: normal; }
      #layout_frame .form_table .form_main_table th, #layout_frame .form_table .permission_table th {
        background: #DDD;
        vertical-align: middle;
        border-right: 1px solid #fff;
        width: 150px;
        font-size: 12px; }
      #layout_frame .form_table .form_main_table td, #layout_frame .form_table .permission_table td {
        background: #EEE;
        vertical-align: top;
        position: relative;
        font-size: 12px; }
        #layout_frame .form_table .form_main_table td .em, #layout_frame .form_table .permission_table td .em {
          font-weight: bold;
          color: #F00; }
        #layout_frame .form_table .form_main_table td .mail_check, #layout_frame .form_table .permission_table td .mail_check {
          font-weight: bold;
          color: #F00;
          font-size: 18px; }
      #layout_frame .form_table .form_main_table caption, #layout_frame .form_table .permission_table caption {
        padding: 10px 5px;
        border-bottom: 1px solid #FFF;
        border-left: 1px solid #FFF;
        background: #DDD;
        text-align: left;
        font-weight: bold;
        font-size: 16px; }
      #layout_frame .form_table .form_main_table input, #layout_frame .form_table .form_main_table select, #layout_frame .form_table .permission_table input, #layout_frame .form_table .permission_table select {
        height: 2em; }
      #layout_frame .form_table .form_main_table input[name="customerProfile.familyNameKanji"], #layout_frame .form_table .form_main_table input[name="customerProfile.nameKanji"], #layout_frame .form_table .form_main_table input[name="customerProfile.familyNameKana"], #layout_frame .form_table .form_main_table input[name="customerProfile.nameKana"], #layout_frame .form_table .permission_table input[name="customerProfile.familyNameKanji"], #layout_frame .form_table .permission_table input[name="customerProfile.nameKanji"], #layout_frame .form_table .permission_table input[name="customerProfile.familyNameKana"], #layout_frame .form_table .permission_table input[name="customerProfile.nameKana"] {
        width: 8em; }
      #layout_frame .form_table .form_main_table input[name="customerProfile.password"], #layout_frame .form_table .permission_table input[name="customerProfile.password"] {
        width: 10em; }
      #layout_frame .form_table .form_main_table input#econtextCreditNo, #layout_frame .form_table .permission_table input#econtextCreditNo {
        width: 18em; }
  #layout_frame .form_note {
    background: #FF9393;
    padding: 10px 0;
    text-align: center; }
  #layout_frame .ssl_note {
    color: #F00;
    margin-top: 10px;
    padding-left: 1em;
    text-indent: -1em;
    box-sizing: border-box; }
  #layout_frame .btn_submit {
    width: 100%;
    text-align: center; }
    #layout_frame .btn_submit button, #layout_frame .btn_submit a {
      background: #002eb6;
      border: none;
      outline: none;
      width: 80%;
      padding: 20px 0;
      margin: 20px auto;
      color: #FFF;
      cursor: pointer;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      font-size: 14px;
      font-size: 1.4rem; }
      #layout_frame .btn_submit button:hover, #layout_frame .btn_submit a:hover {
        opacity: 0.6;
        filter: alpha(opacity=60); }
  #layout_frame .btn_back_cancel {
    width: 100%;
    text-align: center;
    border-top: 1px solid #999;
    margin-top: 20px;
    padding-top: 20px; }
    #layout_frame .btn_back_cancel button, #layout_frame .btn_back_cancel a {
      background: #999;
      border: none;
      outline: none;
      width: auto;
      display: inline-block;
      padding: 20px 20%;
      margin: 0 auto;
      color: #FFF;
      cursor: pointer;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      font-size: 12px;
      font-size: 1.2rem; }
      #layout_frame .btn_back_cancel button:hover, #layout_frame .btn_back_cancel a:hover {
        opacity: 0.6;
        filter: alpha(opacity=60);
        text-decoration: none; }
  #layout_frame .security_note {
    margin-top: 40px;
    text-align: center; }
  #layout_frame .submit_note {
    text-align: center; }
  #layout_frame .agreement_area {
    margin-top: 30px; }
    #layout_frame .agreement_area .agreement_box {
      background: #ededed;
      margin-top: 5px;
      -webkit-transition: -webkit-transform 0.3s;
      transition: all 0.3s; }
      #layout_frame .agreement_area .agreement_box.open {
        padding-bottom: 20px; }
    #layout_frame .agreement_area .optout_table {
      overflow: auto;
      white-space: nowrap;
      padding-right: 10px; }
      #layout_frame .agreement_area .optout_table table {
        border-left: 1px solid #000;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        width: 100%;
        box-sizing: border-box;
        white-space: nowrap; }
        #layout_frame .agreement_area .optout_table table th, #layout_frame .agreement_area .optout_table table td {
          padding: 5px;
          border-right: 1px solid #000;
          border-bottom: 1px solid #000;
		  font-size: 8px;
          font-size: 0.8rem; }
  #layout_frame .agreement_check {
    margin-top: 30px;
    text-align: center; }
    #layout_frame .agreement_check input[type=checkbox] {
      display: none; }
  #layout_frame .step3complete {
    width: 740px;
    margin: 0 auto; }
    #layout_frame .step3complete h1 {
      border-bottom: 1px solid #ccc; }
    #layout_frame .step3complete .complete_caption {
      font-weight: bold;
      font-size: 16px;
      color: #F00; }
    #layout_frame .step3complete .complete_caption_large {
      font-weight: bold;
      font-size: 18px; }
    #layout_frame .step3complete .flatrateBtnList dt, #layout_frame .step3complete .flatrateBtnList dd {
      margin: 5px 0 0 0; }
    #layout_frame .step3complete .reg_icon {
      width: 740px; }
  #layout_frame .footerA {
    text-align: center;
    padding: 20px 0;
    clear: both; }

/* efocube floating box
.efocube-floating-box {
  right: auto !important;
  left: 50%;
  margin-left: 320px;
  width: 254px; } */

/** step title **/
.stepTitle {
  color: #FFF;
  background: #666666;
  padding: 10px;
  width: 720px; }

.stepTitle h2 {
  display: inline-block;
  font-size: 16px; }

.stepTitleLink {
  color: #fff;
  text-decoration: none;
  float: right;
  font-size: 90%; }

.stepTitle2 {
  color: #FFF;
  background: #00213b;
  padding: 10px;
  width: 720px; }

.stepTitle2 h2 {
  display: inline-block;
  font-size: 18px; }

.stepTitle3 {
  padding: 10px;
  width: 720px; }

.stepTitle3 h2 {
  display: inline-block;
  font-size: 16px; }

.stepTitle4 {
  background: #f1f1f1;
  padding: 10px;
  width: 720px; }

.stepTitle4 h2 {
  display: inline-block;
  font-size: 16px; }

/* カタログ表示 */
.tblColType01 {
  width: 100%;
  margin: 18px 0 0;
  padding: 0 0 18px 0; }

.tblColType01 th {
  width: 25%;
  vertical-align: bottom;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
  line-height: 1.4; }

.tblColType01 td {
  text-align: center;
  padding-left: 16px;
  padding-right: 16px; }

.tblColType01 .tblColType01Cell01 td {
  padding: 5px 0 0 0;
  line-height: 1.0;
  font-size: 0;
  vertical-align: bottom; }

.tblColType01 .tblColType01Cell02 td {
  padding: 4px 0;
  line-height: 1.0;
  font-size: 0; }

.tblColType01 .tblColType01Cell03 td {
  padding: 3px 0 0 0;
  line-height: 1.0;
  font-size: 0; }

.searchWrapC {
  border-bottom: 1px solid #CCC;
  margin: 0 9px;
  padding: 0 0 22px; }

.searchWrapD {
  margin: 0 9px;
  padding: 0 0 12px; }

.searchWrapE {
  margin: 0 9px;
  padding: 0; }