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

      <form action="" method="post">

        <div class="t-input-group">
          <div class="t-input-flat">
          <div class="t-input-title">メールアドレス</div>
            <input name="c_name" type="email" value="">
          </div>
          <div class="t-input-flat">
            <div class="t-input-title">パスワード</div>
            <input name="c_pass" type="password" value="">
          </div>
        </div>

      </form>

    </section><!-- /.t-container -->
  </body>

関連リンク

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


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

      <div class="block">

        <ul class="t-login-links">
          <li class="t-login-links-list">
            <a href="javascript: void(0);" class="t-login-links-list-link">パスワードをお忘れの方</a>
          </li>
          <li class="t-login-links-list">
            <a href="javascript: void(0);" class="t-login-links-list-link">メールアドレスが未登録の方</a>
          </li>
          <li class="t-login-links-list">
            <a href="javascript: void(0);" class="t-login-links-list-link">追加登録・再登録の方</a>
          </li>
        </ul><!-- /.t-login-links -->

        <ul class="t-login-links t-login-links-fix">
          <li class="t-login-links-list">
            <a href="javascript: void(0);" class="t-login-links-list-link">ご利用環境</a>
          </li>
          <li class="t-login-links-list">
            <a href="../terms/" class="t-login-links-list-link">利用規約</a>
          </li>
        </ul><!-- /.t-login-links -->

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

    </section><!-- /.t-container -->
  </body>

ログイン

ログイン情報入力

関連リンク