<?php
 require "inc_top.php";
?>
<div class="visual-area lg">
		<div class="visual-area-in">
			<h2>JOIN</h2>
   </div>
 </div>

	<section>
   <article>

	 <div id="container">
    <div id="contents-login">
     <div class="box-login">
      <h2><span class="colorPink"></span><span>JOIN</span></h2>
      <div class="wrap-input">

       <div id="join_step">
        <div class="join_step1 now_step">会員規約<div class="join_arrow"></div></div>
        <div class="join_step2">会員登録<div class="join_arrow"></div></div>
        <div class="join_step4">登録完了</div>
       </div>

       <div class="agreement_chk" style="text-align:center; padding:17% 0 18% 0;">
        <form id="form" name="frmAgree" method="post" action="join_02.php"  onSubmit="return chkForm2()">
        <div class="agreement_chk1">
         <label><input type="checkbox"  id="chk_agree" name="chk_agree" value="y" /><a href="agreement.html">会員規約</a> ,<a href="privacy.html">個人情報方針</a>に同意します。</label><br/>
        </div>

        <div class="step_btn">
         <div class="next_btn"		><button id="next-btn" 		tabindex="5" >会員登録へ</button></div>
         <div class="cancel_btn"><button id="cancel-btn" tabindex="5" onclick="javascript:location.href='/pages/';return false;">キャンセル</button></div>
        </div>
        </form>
       </div>

      </div>
     </div>     
    </div>
   </div> 
   </article>
	</section>

 <!-- footer -->
<?PHP
	include"inc_bottom.php";
?>
<!-- //footer -->
	</div> <!--.wapper-->
</body>
</html>
<script  type="text/javascript">
  <!--
  jQuery(document).ready(function(){

   $("#next-btn").click(function(){
     //alert($("#chk_agree").is(":checked"));
     //alert("修正中です。");
     // return false;

     if($("#chk_agree").is(":checked") == false){
      alert("会員規約と個人情報収集利用に同意する必要があります。");
      return false;
    }
    $("#form").attr("action", "join_02.php");
    $("#form").submit();

  });
 });
-->
</script>