body {
	font-family: Verdana,"MS PGothic","Osaka",Arial,sans-serif;
}

/* ログインフォーム */
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 {
	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;
}

#loading-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 120%;
  top: 0px;
  left: 0px;
  background: #BABABA;
  opacity: 0.8; /* 透過させる */
  z-index: 1;
}

#loading {
  display: none;
  width: 80px; /* gif画像の幅 */
  height: 80px; /* gif画像の高さ */
  margin-top: -40px;
  margin-left: -40px;
  position: fixed; /* gif画像をスクロールさせない */
  left: 50%; /* gif画像を画面横中央へ */
  top: 50%; /* gif画像を画面縦中央へ */
  z-index: 2;
}

.input_error {
  background-color: #F8E0E0;
}


input,
textarea,
select {
    font-size: 16px;
}

/*bootstrapの行のtop を打ち消す */
.td_vertical_align_middle.td_vertical_align_middle {
  vertical-align: middle;
}

@media screen and (max-width:700px) {

   div#form {
	   width: 80%;
   	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.pass input {
	   width: 90%;
	   padding: 4px;
   }
}