.login {
  overflow:hidden;
  width: 230px;
  font-size: 10px;
/*  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
}

/* Reset top and bottom margins from certain elements */
.login-header,
.login p {
  margin-top: 0px;
  margin-bottom: 0px;
}


.login-header {
  background: #D2E6EB;
  padding: 0px;
  text-align: center;
  text-transform: uppercase;
  color: #24748E;
  font-size:12px;
  

}

.login-container {
  background: #fff;
  padding: 3px;
  margin-bottom: 1px;
  border-width: 8px;
  border-style: solid;
  color: #D2E6EB;

}

/* Every row inside .login-container is defined with p tags */
.login p {
  padding: 2px;
}

.login input {
  box-sizing: border-box;
  display: block;
  width: 180px;
  border-width: 1px;
  border-style: solid;
  padding: 3px;
  font-family: inherit;
  margin-bottom: 6px;
  font-size:12px;
}

.login input[type="id"],
.login input[type="pass"] {
  background: #fff;
  border-color: #bbb;
  color: #555;
}

/* Text fields' focus effect */
.login input[type="id"]:focus,
.login input[type="pass"]:focus {
  border-color: #888;
}

.login input[type="submit"] {
  background: #EFB456;
  border-color: transparent;
  padding: 3px;
  color: #fff;
  cursor: pointer;
}

.login input[type="submit"]:hover {
  background: #EF5F00;
}

/* Buttons' focus effect */
.login input[type="submit"]:focus {
/*  border-color: #05a;*/
}