@charset "shift_jis";

body {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "Yu Gothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 12px;
}

/* ログインフォーム */
div#form {
	width: 420px;
	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.form-ttl {
	color: #004080;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	border-bottom: 3px double #499dd6;
	padding: 0.2em 1em 0.6em 1em;
}
p.submit {
	text-align: right;
}
p.pass {
	margin: 1.5em 0;
}
p.pass input[type="password"] {
	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 {
	text-align: center;
	width: 500px;
	margin: 3em auto;
	border-top: 3px double #499dd6;
	border-bottom: 3px double #499dd6;
	padding: 1.2em;
}
div#err-box p {
	color: #dd0000;
}

@media print, screen and (min-width: 768px){
}
@media print, screen and (max-width: 767px){
	div#form {
		width: auto;
	}
	p.form-ttl {
		color: #004080;
		text-align: center;
		font-size: 140%;
		font-weight: bold;
		border-bottom: 3px double #499dd6;
		padding: 0.2em 1em 0.6em 1em;
	}
	p.submit {
		text-align: center;
	}
	p.pass input[type="password"] {
		box-sizing: border-box;
		width: 100%;
		font-size: 16px;
	}

	/* ボタン */
	.submit input {
		width: 100%
	}

	/* エラー画面 */
	div#err-box {
		width: auto;
	}
	div#err-box input{
		box-sizing: border-box;
		width: 100%;
	}
}