pictcode

        <!-- メインコンテンツ -->

        <main role="main">

                <article class="large_form">

                        <h2>

                                <img src="/img/img_h1_login.png" alt="PictCode ログイン">

                        </h2>

                        <p class="">ほぞんデータを かんりするためには、ニックネームと パスワードを 入力して ログインする ひつようが あります。 入力に まちがいがないように 注意してください。</p>

                                <section>

                                        <dl>

                                                <dt><label for="">ニックネーム</label></dt>

                                                <dd><input type="text" name="id" value="" placeholder="ニックネーム" id="" /></dd>

                                                <dt><label for="">パスワード</label></dt>

                                                <dd><input type="password" name="password" value="" placeholder="パスワード" id="" /></dd>

                                        </dl>

                                </section>

                                <section class="caution">

                                        <p>ニックネームか　パスワードに<br>まちがいが あるよ！</p>

                                </section>

                                <section>

                                        <p>ニックネームや パスワードを 忘れたばあいには お父さんや お母さんに 相談して、<br><a href="reminder.html"><span class="link_reminder">コチラ</span></a>を　クリックして　パスワードを　再はっこうしてもらってね！</p>

                                </section>

                                <section class="button_area01">

                                        <a href="index.html"><p class="button btn_back02"></p></a>

                                        <a href="login_top.html"><p class="button btn_login"></p></a>

                                </section>

                </article>

        </main>