html,body{
  margin:0;
  padding: 0;
  font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
}

h1,h2,h3{
  margin:0;
  padding: 0;

}

img{
  border:none;
}

/**ログインフォーム開始**/
/**非レスポンシブ**/
#loginBox{
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background:url('../images/LoginImg.png') no-repeat right bottom;
}

#loginBoxInner{
  position: relative;
  align-self: center;
  width: 90%;
  max-width: 700px;
  height:450px;
  padding:1em;
  box-sizing: border-box;
  background: rgba(255,255,255,0.75);
  line-height: 1.4em;
  border:4px solid #36c;
  border-radius: 15px;
  font-size:96%;
}

#FormAction{
  margin-top:2em;
}

#loginBox_logo{
  width:20%;
  height:180px;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}

#loginBox_logo img{
  width:70%;
  vertical-align: middle;
}

#loginBox_description{
  width:85%;
  height:180px;
  display: table-cell;
  vertical-align: middle;
}


.loginForm{
  width:75%;
  margin:1em auto;
  background:none;
  padding:0;
  border:1px solid #36c;
}

.loginForm dt,
.loginForm dd{
  display:inline-block;
  line-height:1.75;
}

@media screen AND (min-width:901px){
.loginForm dt{
  width:18%;
  margin:0;
  text-align: center;
  background:#36c;
  color:#fff;
  padding:0.5em;
}

.loginForm dd{
  width:73.5%;
  margin:0;
  background:#cc0;
}
}

@media screen AND (max-width:900px){
.loginForm dt{
  width:100%;
  margin:0;
  text-align: center;
  background:#36c;
  color:#fff;
  padding:0.5em;
}

.loginForm dd{
  width:100%;
  margin:0;
  background:#cc0;
}
}

.loginForm dd input{
  width:100%;
  padding:0.75em;
  border:none;
}

.loginForm dd input:focus{
  background:#ffc;
  border:none;
  outline: 0;
}

#topFormSubmit{
  width:20%;
  clear:none;
  display: block;
  text-align:center;
  margin:2em auto;
  background:#36c;
  padding:0.5em 0;
  color:#fff;
  font-weight:bold;
  border:2px solid #36c;
  box-shadow: none;
  border-radius:7px;
  cursor:pointer;
}

#topFormSubmit:hover{
  background:#47d;
  border:2px solid #36c;
}

/**ログインフォーム終了**/
/***************************************/
