@charset "utf-8";

#left {
  display: none;
  visibility: hidden;
}
#right {
  margin: 0 0 240px;
}
#right #contents {
  margin: 0;
}
.formBox .formBtnBox ul li a {
  margin-left: 0 !important;
  margin-right: 0 !important;
}



.loginBox {

}
.loginBox p {
  padding: 10px;
}
.loginBox p {
  font-weight: bold;
}
.loginBox .info {
  color: #26B826;
}
.loginBox .error {
  color: #f33;
}
.loginBox .form {
  margin: 0 0 2em;
  padding: 20px;
  background-color: #eee;
  border-radius: 6px;
}
.loginBox .form .inn {
  width: 100%;
}
.loginBox .form .inn dl {
  clear: both;
  overflow: hidden;
  margin: 0 0 1em;
  padding:5px 0px;
}
.loginBox .form .inn dl:last-child {
  margin-bottom: 0;
}
.loginBox .form .inn dt,
.loginBox .form .inn dd {
  float: left;
  height: 2em;
  line-height: 2em;
}
.loginBox .form .inn dt {
  width: 30%;
}
.loginBox .form .inn dd {
  width: 70%;
}
.loginBox .form .inn label {
  cursor: pointer;
}
.loginBox .form .inn input[type=text],
.loginBox .form .inn input[type=password] {
  margin: 0;
  padding: .2em;
  width: 90%;
  border: 1px solid #ccc;
}

@media screen and (min-device-width: 481px) {
  .formBox {
    margin-left: auto;
    margin-right: auto;
    width: 440px;
    min-height: 500px;
  }
  .loginBox .form {
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    width: 400px;
    background-color: #fff;
    /*border-color: #fff;*/
  }
}