<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
  <head>
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-41259169-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'UA-41259169-1');
    </script>

    <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
    <title>ログイン | e-MACS</title>
    <meta name="robots" content="noindex,nofollow">
    <meta name="robots" content="noarchive">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width">
    <link rel="shortcut icon" href="../img/favicon.ico">
    <link type="text/css" rel="stylesheet" href="../css/style.css">
    <link type="text/css" rel="stylesheet" href="../css/table.css">
    <link type="text/css" rel="stylesheet" href="../css/contents.css">
    <link type="text/css" rel="stylesheet" href="../css/jquery.mmenu.all.css">
    <link rel="apple-touch-icon" sizes="180x180" href="../img/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="../img/favicons/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="../img/favicons/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="../img/favicons/manifest.json">
    <link rel="mask-icon" href="../img/favicons/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="theme-color" content="#ffffff">
    <!--[if lt IE 9]>
<link type="text/css" rel="stylesheet" href="../css/ie.css">
<![endif]-->
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">(window.jQuery || document.write('<script type="text/javascript" src="../js/jquery-1.8.3.min.js"><\/script>'));</script>
    <script type="text/javascript" src="../js/jquery.mmenu.all.js"></script>
    <script type="text/javascript" src="../js/main.js"></script>
    <script type="text/javascript" src="../js/UserAgent.js"></script>

    <!--docodocojp-->
    <script type="text/javascript" src="//api.docodoco.jp/v5/docodoco?key=WmvRDFnJF4nxiE56LGfGYyyz65xug1iS8nysxG3reLlODoJW7sDDrUaCU2jKiJE5" charset="utf-8"></script>
    <script type="text/javascript" src="//api.docodoco.jp/docodoco_ua_plugin_2.js" charset="utf-8"></script>
    <script>
      // Google Analytics
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                              })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-41259169-1', 'auto'); 
      ga('set', 'dimension1' , SURFPOINT.getOrgName());                        //組織名 
      ga('set', 'dimension2' , SURFPOINT.getOrgUrl());                         //組織URL 
      ga('set', 'dimension3' , getIndL(SURFPOINT.getOrgIndustrialCategoryL()));  //業種大分類 
      ga('set', 'dimension4' , getEmp(SURFPOINT.getOrgEmployeesCode()));       //従業員数 
      ga('set', 'dimension5' , getTime());                                     //アクセス時刻 
      ga('set', 'dimension6' , getIpo(SURFPOINT.getOrgIpoType()));             //上場区分 
      ga('set', 'dimension7' , getCap(SURFPOINT.getOrgCapitalCode()));         //資本金 
      ga('set', 'dimension8' , getGross(SURFPOINT.getOrgGrossCode()));         //売上高 
      ga('set', 'dimension9' , SURFPOINT.getCountryJName());                  //国名 
      ga('set', 'dimension10' , SURFPOINT.getPrefJName());                     //都道府県名 
      ga('set', 'dimension11' , SURFPOINT.getLineJName());                     //回線名 
      ga('send', 'pageview');
      
      
      function init() {
        var ua = new WebModule.UserAgent();
        // WEBVIEW利用の場合は、外部ブラウザより起動させる
        if (ua.MOBILE && ua.WEB_VIEW) {
          document.getElementById('control_login').style.display = 'none';
          document.getElementById('control_webview').style.display = '';
        }
      }

      function openBrowser() {
        var url = location.href;
        location.href = "intent:"+url.replace(location.protocol,"")+"#Intent;scheme=https;action=android.intent.action.VIEW;package=com.android.chrome;end"
      }

    </script>
    <style type="text/css">
      @media print, screen and (min-width: 640px) {
        .login-contents .w-half-left,
        .login-contents .w-half-right {
          min-height: 200px;
        }
      }
      @media print, screen and (min-width: 980px) {
        .login-contents .w-half-left,
        .login-contents .w-half-right {
          min-height: 180px;
        }
      }
    </style>
  </head>

  <body onload="init();" id="pagetop" class="vc01">
    <div id="wrapper">
      <div id="content-wrapper">
        <div id="header-logo-only">
          <h1 class="logo"><img class="logo-only-sp" src="../img/logo.png" width="60" height="24" alt="e-MACS"> <img class="logo-only-pc" src="../img/logo@2x.png" width="120" height="48" alt="e-MACS"></h1>
        </div>

        <!-- content -->
        <div id="content" class="cf"> 
          <!-- main -->
          <div id="main-full" class="login-contents">
            <div id="control_login">
              <h2 class="mb20">ログイン</h2>
              <div class="box-border-gray mb20">
                <h3 class="hd-left-border">会員の方</h3>
                <p class="mb10">ID（またはメールアドレス）とパスワードを入力し、「ログイン」ボタンを押してください。</p>
                <form action="">
                  <table class="table-default entry-form mb5">
                    <tbody>
                      <tr>
                        <th>ID<span>(またはメールアドレス)</span></th>
                        <td><input type="text" name="sendid" class="w-ll" value="1001"></td>
                      </tr>
                      <tr class="no-btm-border">
                        <th>パスワード</th>
                        <td><input type="password" name="sendpaass" class="w-ll" value="12345"></td>
                      </tr>

<!--
                      <tr>
                        <th class="sp-hide"></th>
                        <td><label>
                          <input type="checkbox" checked>
                          次回から入力を省略</label></td>
                      </tr>
-->

                    </tbody>
                  </table>

                  <div class="btn-area-single">
                    <button type="button" onclick="location.href='1-1_index.html'" name="submit" class="btn btn-vc-colored btn-lm w-full ico-login">ログイン</button>
                  </div>
                </form>
              </div>
              <div class="cf mb20">
                <div class="box-border-gray w-half-left">
                  <h3 class="hd-left-border">ご登録済みの方</h3>
                  <!--                <p class="mb10">ご利用いただくには、会員登録完了通知に記載されているID（またはメールアドレス）とパスワードが必要です。※パスワードはログイン後に変更できます。 </p>-->
                  <p class="mb10">パスワード登録がお済みでない方、または再登録の方は、「パスワード登録・再登録」を押して登録手続きにお進みください。</p>
                  <div class="btn-area-single">
                    <a href="24-1_password_reissue.html" class="btn btn-extra w-full">パスワード登録・再登録</a>
                  </div>
                </div>
                <div class="box-border-gray w-half-right">
                  <h3 class="hd-left-border">はじめてご利用の方</h3>
                  <p class="mb10">「新規会員登録」ボタンを押して登録手続きにお進みください。(登録無料) </p>
                  <div class="btn-area-single">
                    <a href="15-9_mailaddress_input.html" class="btn btn-vc-colored btn-lm w-full ico-entry">新規会員登録</a>
                  </div>
                </div>
              </div>
            </div>
              
            <div id="control_webview" style="display: none;">
              <h2 class="mb20">ブラウザの切り替えについて</h2>
              <div class="box-border-gray mb20">
                <p class="mb20">アプリ内ブラウザからはご利用できません。</p>
                <div id="webview_iphone">
                  <h3 class="hd-left-border">iPhone/iPadをご利用の方</h3>
                  <p class="mb10">・<img src="../img/share-48x48.png" width="20" height="20" alt="">（共有ボタン）をタップ。</p>
                  <p class="mb10">・メニューの「Safariで開く」をタップ。</p>
                  <p class="mb30">・Safari上よりログインしてください。</p>
                </div>
                <div id="webview_android">
                  <h3 class="hd-left-border">Androidをご利用の方</h3>
                  <p>・Google Chrome よりログインしてください。</p>
                  <div class="btn-area-single">
                    <button type="button" onclick="openBrowser();" class="btn btn-vc-colored btn-lm w-full" style="font-size:16px;">Google Chrome で開く</button>
                  </div>
                </div>
              </div>
            </div>

            <div class="box-border-gray mb20">
              <h3 class="hd-left-border">ログインについてのお問い合わせ先</h3>
              <p class="contact-tel mt20">TEL：<span class="text-primary font-m font-bold">03-5555-5555</span><span class="contact-time">（10:00～18：00/土日祝を除く）</span></p>
              <p class="contact-mail">メールでのお問い合わせはこちらから<a href="#" class="btn btn-extra">メールフォーム</a></p>
            </div>
          </div>
          <!-- /main --> 

        </div>
        <!-- /content --> 

      </div>
      <!-- /content-wrapper --> 
      <!-- footer -->
      <div id="footer">
        <div class="inner cf"> <a href="#pagetop" class="page-top">ページの先頭へ戻る</a> <span class="copyright">Copyright &copy; JNS Co.,Ltd. All Rights Reserved.</span> </div>
      </div>
      <!-- /footer --> 
    </div>
    <!-- /wrapper -->
  </body>
</html>