@charset "shift_jis";

body {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

/* ログインフォーム */
div#form {
  width: 85%;
	max-width: 620px;
	margin: 50px auto;
	padding: 20px;
	border: 1px solid #666;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	box-shadow: 0px 1px 3px #666666;
	color: #4d4d4d;
	font-size: 100%;
	background: #fff;
	padding: 10px 20px 10px 20px;
	border: solid #1f628d 1px;
	text-decoration: none;
}
p {
	text-align: center;
}
p.pass {
	margin: 1.5em 0;
}
p.pass input[type="password"] {
  width: 90%;
	max-width: 300px;
	padding: 4px;
}

/* ボタン */
/*.submit input {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 120%;
  padding: 10px 16px;
  text-decoration: none;
}
.submit input:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}*/

div#form:hover {
  text-decoration: none;
}

/* エラー画面 */
div#err-box {
  width: 85%;
  max-width: 620px;
	margin: 50px auto;
	padding: 20px;
	border: 1px solid #666;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	box-shadow: 0px 1px 3px #666666;
	color: #4d4d4d;
	font-size: 100%;
	background: #fff;
	padding: 10px 20px 10px 20px;
	border: solid #1f628d 1px;
	text-decoration: none;
}
div#err-box h3 {
	text-align: center !important;
}
div#err-box p {
	color: #dd0000;
}

@media screen and (min-width: 600px) {
  br.sp {display: none;}
}