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

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

body {
  height:100vh;
	text-align:center;
  position:relative;

  background: url('../img/back.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
  
}

a {
  text-decoration: none;
}

#logo{
  margin-top:7%;
  width:30%;
  max-width:200px;
}


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

#title > p {
  font-size:2.5em;
  color:#FFF;
  font-weight:bold;
  text-shadow: 0 0 12px #000;
}


#inputbox {
  position:relative;
  left:0;
  right:0;
  width:20em;
  margin:auto;
  color:red;
}

#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: #428ec9;
  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%;
}