@charset "utf-8";

/*** ▼ スクロールバー ***/
html {
  overflow: auto;
  overflow-y: scroll;
  height: 100%;
}

body {
  margin: 0 auto;
  padding: 0;
  font-family: Verdana,"MS PGothic","Osaka",Arial,sans-serif;
  background-color: #fffaf0;
  font-size: 1em;
  -webkit-text-size-adjust: 100%;/* 文字のが自動拡大を制御 */
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  border: none;
	max-width: 90%;
	height: auto;
}


/* ログインフォーム */
div#form {
    width: 95%;
	max-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;
	background: #fff;
	padding: 10px 20px 10px 20px;
	border: solid #1f628d 1px;
	text-decoration: none;
}

p.submit {
  text-align: center;
}
p.pass {
	margin: 1.5em 0;
}
p.pass input[type=password] {
	width: 12em;
	padding: 6px;
}

/* ボタン */
.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: 95%;
	max-width: 500px;
	margin: 1em auto;
	padding: 1.2em;
}
div#err-box p {
	color: #dd0000;
}

.btn_back {
	font-size: 1.5em;
}