html,
body {
  height: 100%;
}
body {
  background-image: url(/app/images/bg_login_01.jpg) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-color:#464646 !important;
  position:relative !important;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif !important;
  font-weight: 500 !important;
  -webkit-print-color-adjust: exact !important;
  -moz-print-color-adjust: exact !important;
}
#loginLogo {
 margin-bottom: 50px;
}
#loginLogo img {
 width: 70%;
 display: block;
 margin: 0 auto;
 animation: fadeIn 5s ease 0s 1 normal;
 -webkit-animation: fadeIn 5s ease 0s 1 normal;
}
#login {
  position:absolute;
  top:50%;
}
#btnArea li {
 animation: fadeIn 10s ease 0s 1 normal;
 -webkit-animation: fadeIn 10s ease 0s 1 normal;
}
#btnArea li a {
    display: block;
    color: #fff !important;
    text-align: center;
    background: #0095c6;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    font-size: 20px;
    font-weight: bold;
    width: 80%;
    margin: 0 auto 15px;
}
#btnArea li a:hover {
    background: #045c79 !important;
    text-decoration: none !important;
}
#btnArea li.forget {
 text-align: center;
 margin-bottom: 30px;
}
#btnArea li.forget a {
    display: inline;
    color: #333 !important;
    background: transparent;
    padding: 0;
    font-size: 15px;
    width: 100%;
    text-shadow:
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
}
#btnArea li.forget a:hover {
    background: none !important;
}
#btnArea li a i {
    margin-right: 5px;
}
article {
 width: 95%;
}
article p {
 width: 95%;
 text-align: center;
 margin: 0 auto;
    text-shadow:
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
}