ボタン

ボタンデザインについての章です。

パスワードのご連絡（ログイン制限解除）

ボタンは「t-container」クラス内に下記を参考に記述してください。

ログイン画面へ 

  <body>
    <section class="t-container">

      <div class="button-group">
        <button class="t-btn t-btn-primary">送　信</button>
      </div><!-- /.button-group -->

      <div class="button-group">
        <a href="../" class="t-btn t-btn-normal t-btn-fixedmargin">ログイン画面へ</a>
      </div><!-- /.button-group -->
  
    </section>
  </body>

ご連絡先（お問合わせ先）

ボタンは「t-container」クラス内に下記を参考に記述してください。

戻　る 

  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <a href="../" class="t-btn t-btn-normal">戻　る</a>
        </div><!-- /.button-group -->
      </div><!-- /.t-block -->
  
    </section>
  </body>

ドライブレポート

ボタンは「t-container」クラス内に下記を参考に記述してください。

戻る 

  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <a href="../" class="t-btn t-btn-normal">戻る</a>
        </div><!-- /.button-group -->
      </div><!-- /.block -->
  
    </section>
  </body>

マンスリーレポート

ボタンは「t-container」クラス内に下記を参考に記述してください。

戻る 

  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <a href="../" class="t-btn t-btn-normal">戻る</a>
        </div><!-- /.button-group -->
      </div><!-- /.block -->

    </section>
  </body>

安全運転スコア
2021.04.21追加

ボタンは「t-container」クラス内に下記を参考に記述してください。

戻る 

  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <a href="../" class="t-btn t-btn-normal">戻る</a>
        </div><!-- /.button-group -->
      </div><!-- /.block -->

    </section>
  </body>

ログイン

ボタンは「t-container」クラス内に下記を参考に記述してください。


  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <button class="t-btn t-btn-primary">ログインする</button>
        </div><!-- /.button-group -->
      </div><!-- /.block -->
  
    </section>
  </body>

ログイン：エラー画面

ボタンは「t-container」クラス内に下記を参考に記述してください。

戻　る 

  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <a href="./" class="t-btn t-btn-normal">戻　る</a>
        </div><!-- /.button-group -->
      </div><!-- /.block -->
  
    </section>
  </body>

ログイン：契約照会期間終了

ボタンは「t-container」クラス内に下記を参考に記述してください。

戻　る 

  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <a href="./" class="t-btn t-btn-normal">戻　る</a>
        </div><!-- /.button-group -->
      </div><!-- /.block -->
  
    </section>
  </body>

ログイン：メールアドレス・パスワード 入力エラー

ボタンは「t-container」クラス内に下記を参考に記述してください。

ログイン制限解除／パスワードのご連絡
戻　る 

  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <a href="javascript: void(0);" class="t-btn t-btn-primary t-btn-longword">ログイン制限解除／パスワードのご連絡</a>
        </div><!-- /.button-group -->

        <div class="button-group">
          <a href="./" class="t-btn t-btn-normal t-btn-fixedmargin">戻　る</a>
        </div><!-- /.button-group -->
      </div><!-- /.block -->
  
    </section>
  </body>

ログイン：ログイン制限

ボタンは「t-container」クラス内に下記を参考に記述してください。

ログイン制限解除
戻　る 

  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <a href="javascript: void(0);" class="t-btn t-btn-primary">ログイン制限解除</a>
        </div><!-- /.button-group -->

        <div class="button-group">
          <a href="./" class="t-btn t-btn-normal t-btn-fixedmargin">戻　る</a>
        </div><!-- /.button-group -->
      </div><!-- /.block -->
  
    </section>
  </body>

ログイン：お知らせ

ボタンは「t-container」クラス内に下記を参考に記述してください。


  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <button class="t-btn t-btn-primary">ログインする</button>
        </div><!-- /.button-group -->
      </div><!-- /.block -->
  
    </section>
  </body>

ご契約の追加：入力画面
2021.06.18更新

ボタンは「t-container」クラス内に下記を参考に記述してください。

戻　る 

  <body>
    <section class="t-container">

      <div class="t-block">

        <div class="button-group">
          <a href="../selection/" class="t-btn t-btn-normal t-btn-fixedmargin">戻　る</a>
        </div><!-- /.button-group -->

      </div><!-- /.block -->

    </section>
  </body>

ご契約の追加：別のメールアドレスで登録済み
2021.06.18更新

ボタンは「t-container」クラス内に下記を参考に記述してください。

戻　る 

  <body>
    <section class="t-container">

      <div class="t-block">

        <div class="button-group">
          <a href="../contract_add/" class="t-btn t-btn-normal t-btn-fixedmargin">戻　る</a>
        </div><!-- /.button-group -->

      </div><!-- /.t-block -->

    </section>
  </body>

ご契約の追加：各種設定（登録）
2021.06.18更新

ボタンは「t-container」クラス内に下記を参考に記述してください。

戻　る 

  <body>
    <section class="t-container">

      <div class="t-block">

        <div class="button-group">
          <a href="../contract_mail/" class="t-btn t-btn-normal t-btn-fixedmargin">戻　る</a>
        </div><!-- /.button-group -->

      </div><!-- /.t-block -->

    </section>
  </body>

ご契約の追加：登録完了
2021.06.18更新

ボタンは「t-container」クラス内に下記を参考に記述してください。

続けて次のお車を登録
表示するご契約の選択へ 

  <body>
    <section class="t-container">

      <div class="t-block">

        <div class="button-group">
          <a href="./" class="t-btn t-btn-primary">続けて次のお車を登録</a>
        </div><!-- /.button-group -->

        <div class="button-group">
          <a href="../selection/" class="t-btn t-btn-normal t-btn-fixedmargin">表示するご契約の選択へ</a>
        </div><!-- /.button-group -->

      </div><!-- /.t-block -->

    </section>
  </body>

一覧から削除：車種選択
2021.06.18更新

ボタンは「t-container」クラス内に下記を参考に記述してください。

戻　る 

  <body>
    <section class="t-container">

      <div class="button-group">
        <a href="../selection/" class="t-btn t-btn-normal t-btn-fixedmargin">戻　る</a>
      </div><!-- /.button-group -->

    </section>
  </body>

一覧から削除：設定画面
2021.06.18更新

ボタンは「t-container」クラス内に下記を参考に記述してください。

戻　る 

  <body>
    <section class="t-container no_margin">

      <div class="t-block">

        <div class="button-group">
          <a href="./" class="t-btn t-btn-normal no_margin">戻　る</a>
        </div><!-- /.button-group -->

      </div><!-- /.block -->

    </section>
  </body>

各種設定（登録）

ボタンは「t-container」クラス内に下記を参考に記述してください。


  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <button class="t-btn t-btn-primary">登　録</button>
        </div><!-- /.button-group -->
      </div><!-- /.block -->
  
    </section>
  </body>

各種設定（登録）：登録完了

ボタンは「t-container」クラス内に下記を参考に記述してください。

メニューへ 

  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <a href="javascript: void(0);" class="t-btn t-btn-normal">メニューへ</a>
        </div><!-- /.button-group -->
      </div><!-- /.block -->
  
    </section>
  </body>

各種設定（登録）：変更完了

ボタンは「t-container」クラス内に下記を参考に記述してください。

戻　る 

  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <a href="javascript: void(0);" class="t-btn t-btn-normal">戻　る</a>
        </div><!-- /.button-group -->
      </div><!-- /.block -->
  
    </section>
  </body>

利用規約

ボタンは「t-container」クラス内に下記を参考に記述してください。

戻　る 

  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <a href="javascript: void(0);" class="t-btn t-btn-normal">戻　る</a>
        </div>
      </div><!-- /.block -->
  
    </section>
  </body>

システムエラーが発生しました

ボタンは「t-container」クラス内に下記を参考に記述してください。

ログイン画面へ 

  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <a href="javascript: void(0);" class="t-btn t-btn-normal">ログイン画面へ</a>
        </div>
      </div><!-- /.block -->
  
    </section>
  </body>

タイムアウト

ボタンは「t-container」クラス内に下記を参考に記述してください。

ログイン画面へ 

  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <a href="javascript: void(0);" class="t-btn t-btn-normal">ログイン画面へ</a>
        </div>
      </div><!-- /.block -->
  
    </section>
  </body>

お探しのページが見つかりません

ボタンは「t-container」クラス内に下記を参考に記述してください。

戻　る 

  <body>
    <section class="t-container">

      <div class="t-block">
        <div class="button-group">
          <a href="javascript: void(0);" class="t-btn t-btn-normal">戻　る</a>
        </div>
      </div><!-- /.block -->
  
    </section>
  </body>