/*******************************************/
/* 全体                                    */
/*******************************************/
body {
  width: 100%;
  background-color: #ffffff;
  font-size: 1.0em;
  font-weight: 200;
  color: 808080;
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif;
  line-height : 1.5em;
  background-color : #ffffff;
  text-align: left;
  padding: 0 0 0 0;
  margin: 0 0 3em 0; /*フッターを3emで固定の為、その分のマージンを設定*/
}

/*******************************************/
/* フッター                                */
/*******************************************/
#footer {
  background-color: #ffffff;
  display: block;
  position: fixed;
  bottom: 0;
  width:100%;
  height: 3em;  /*フッターの高さを3emで固定*/
}

#footerdiv {
  padding: 0 0 0 0;
}

/* copyright */
#footerdiv .copyright {
  color: #292929;
  text-align: center;
}

#footerdiv .copyright a {
  color: #696969;
  text-align: center;
}

/*******************************************/
/* フォーム                                */
/*******************************************/
#loginform{
  margin: 12% auto;
  width: 300px;
  border: 0.5px solid #dcdcdc;
  border-radius : 0px;
  padding: 5px 10px;
  background-color: #ffffff;
}

#imagediv {
  text-align: center;
  margin: 5px auto;
}

.logintable {
  width: 100%;
}

/* ユーザーID */
/* パスワード */
.login_userid input {
  font-weight: 200;
  width: 97%;
  height: 50px;
  padding: 0px 0px 0px 7px;
  border: none;
  border: 0.5px solid #dcdcdc; 
  background-color: #ffffff;

  border-radius: 0px;
  margin: 5px 0;
}

.logintable img {
  width: 50px;
}

.logintable input:focus {
  background-color: #ffffff;
}

/* ボタン */
#login{
  margin: 0 20px;
  padding: 0.5em 2em;
  border: none;
  display: inline-block;
  background-color: #003C88;
  box-shadow: 0 6px #4063A4;
  font-size: 115%;
  font-weight: 100;
  line-height: 1;
  color: #fff;
  position: relative;
  cursor: pointer;
  border-radius: 2px;
  box-shadow: 0 2px 10px rgba(0,0,0,.2);
  top: 0;
  transition: .2s all;
}

#login:hover {
  top: 0;
    box-shadow: 0 2px 2px rgba(0,0,0,.5);
}

#login:active {
    box-shadow: 0 1px 1px rgba(0,0,0,.5);
}
/* エラーメッセージ */
.loginermsg {
  background-color: #e1e1e1;
  text-align: center;
  color: #ff0000;
  margin: 15px 0;
  border-radius: 2px;
}