@charset "utf-8";

/* Main
---------------------------------------- */
body{
  font-family:"MPLUS1p-3";
  font-size:16px;font-size:1.6rem;
  color:#323232;
  line-height:1.6;
  background-color: #444444;
}
strong{
  font-family:"MPLUS1p-5";
}



/* Form
---------------------------------------- */
#userForm{
  font-size:18px;font-size:1.8rem;
}
#userForm dl{
  margin: 20px 0;
}
#userForm dt{
  color: #fff;
  margin-bottom: 6px;
}
form dd input{
  max-width: 100%;
  padding:6px;
  border:solid 1px #505050;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
  font-family:"MPLUS1p-3";
  font-size:16px;font-size:1.6rem;
}


/* Button
---------------------------------------- */
.submitBtn{
  margin: 20px;
  padding:5px 20px;
  font-size:16px;font-size:1.6rem;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
  border:none;
  cursor: pointer;
  background-color: #4e8b95;
  color: #fff;
  font-family:"MPLUS1p-3";
}


/* ErrorMessage
---------------------------------------- */
#errorMsgs{
  width: 100%;
  margin-top: 20px;
  color: #ed7881;
}


@media print,screen and (min-width : 501px){

#main{
  width:500px;
  margin:0 auto;
  text-align: center;
  margin-top: 100px;
  background-color: #333333;
  border-radius:10px;
  padding: 40px
}
form dd input{
  width: 300px;
}


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

#main{
  width:80%;
  margin:0 auto;
  text-align: center;
  margin-top: 20px;
  background-color: #333333;
  border-radius:10px;
  padding: 20px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}
form dd input{
  width: 100%;
}


}