<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="robots" content="noindex,nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>�F�؂��������Ă��܂�</title>
<style type="text/css">
*{ -webkit-appearance: none; appearance: none; }
body{font-family:sans-serif; margin:0; padding:0; background:#f5f5f5;}
#header{ margin:20px auto 20px; width: 200px;}
#header img { width:100%; }
.msg-area{ margin:10px 0 ; border-radius:5px 5px; -moz-border-radius:5px 5px; text-align:center; }
.msg-area.info{ background:#cef; border:1px #6cf solid; }
.msg-area.warn{ background:#fce; border:1px #fac solid; }
.clearfix:after{content:""; clear:both; display:block;}
form {width:480px; margin: 0 auto 0;}
form input { border:#ccc 1px solid; padding:4px 6px; font-size:18px;width:200px; }
form table { width:100%; }
form table tr td {width:100%; font-size:18px; margin:0; text-align:left; }
form table tr td input { width:100%; -moz-box-sizing: border-box; box-sizing: border-box; }
#btn-area{text-align:center; margin:15px 0 0;}
#btn-area input {font-size:14px; height:28px; line-height:14px; color:black; border:1px solid #eee; background:#0c9;}
#footer{ text-align:center; color:#666; font-size:small;}
#form-area {background:#eee;border:1px solid #ddd; padding: 15px 0; margin-bottom:10px;}
@media only screen and (min-width : 320px) and (max-width : 480px) {
    form { width:90%;margin:0 5%; }
}
</style>
</head>
<body>
<form action="" method="post">
  <div id="header"><img src="https://blog.seesaa.jp/img/bl/logo_seesaablog_transparent.png" alt="Seesaa BLOG"/></div>
  <div class="msg-area info">������̃u���O�ɂ͔F�؂��������Ă��܂��B</div>
  
  <div id="form-area">
    <table>
      <tr>
        <td>���[�U�[��</td>
      </tr>
      <tr>
        <td><input type="text" name="auth_username" id="auth_username"></td>
      </tr>
      <tr>
        <td>�p�X���[�h</td>
      </tr>
      <tr>
        <td><input type="password" name="auth_password" ></td>
      </tr>
    </table>
    <div id="btn-area">
      <input type="submit" value="�F�؂���">
    </div>
  </div>
  <div id="footer">
    Powered by Seesaa
  </div>
</form>
<script>
<!--
document.getElementById('auth_username').focus();
//-->
</script>
</body>
</html>

