ボタン

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

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

ボタンは「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>
              

ログイン

ボタンは「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>
              

各種設定(登録)

ボタンは「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>