@charset "utf-8";
/* 全般設定 */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin:0;
  padding:0;
  font-family: "メイリオ";
}

html {
  background-color:#FFFFFF;
  height:100vh;
}

body {
  height:100vh;
	text-align:center;
  position:relative;
  background-color: whitesmoke;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

#title > * {
  display:inline-block;
  vertical-align:middle;
  margin-bottom:15px;
}

#title > p {
  font-size:2.5em;
  color:#7b0010;
  font-weight:bold;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

#form_username, #form_password{
  border:1px solid #777;
  margin-bottom:15px;
  padding: 7px;
  font-size:1.1em;
  width:100%;
  color: #999;
  left:0;
  -webkit-appearance: none;
  -webkit-border-radius:2px;
     -moz-border-radius:2px;
          border-radius:2px;
}

#form_submit{
  border:1px solid #ffffff;
  padding: 10px;
  color: #fff;
  cursor: pointer;
  background: #7b0010;
  width:100%;
  font-size:1.1em;
  -webkit-border-radius:2px;
     -moz-border-radius:2px;
          border-radius:2px;
}

input[type="button"],input[type="submit"] {
  -webkit-appearance: none;
}

table{
  width:100%;
}
tr td:nth-of-type(0){
  width:100%;
}

#inputarea{
  width:350px;
  height:700px;
  position: absolute;
  left:0;
  right:0;
  bottom:0;
  top:0;
  margin:auto;
}

img{
  width:250px;
  height: 250px;
}