/* mobile */
/************Main**************/
#atstusr h2.page_title {border-top: none;}

#main {padding: 0 3.125%;}

.mb_title  {
  margin: 0 -3.125%;
  padding: 0 1em;
}

.mb_title {
  display: block;
  height: 43px ;
  line-height: 1em;
  margin-bottom: 20px;
  padding: 0 3.125%;
/*  background:url(../../../images/mobile/bg_sub_title.gif) repeat top left;*/
  background-size:57px 57px;
  border-style: dashed;
  border-color: #89685A;
  border-width: 1px 0;
  overflow: hidden;
}

.mb_title span {
  padding-left:22px;
  background:url(../../../images/mobile/sub_title_s.png) no-repeat;
  background-position: 0 center;
  color:#4C4C4C;
  font-size:15px;
  line-height: 45px;
  font-weight:bold;
}

.info { margin: 20px 3.125% 20px 3.125%;}
.message { margin: 0em 1em 1em 1em;}

.input {
  margin-bottom: 20px;
  padding: 0 1em 1em 1em;
  border: 1px solid #DED5CF;
  border-radius: 5px;
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.input dl, .input dt, .input dd {margin:0;}

.input dl {margin-bottom: 20px;}

.input dt {margin-top: 1em; font-size:100%;}
.input dt span {font-size:90%;}
.input dd span {display: block;}

.input dl input[type="text"] {
  width: 100% !important;
  margin-bottom: 5px;
}
.input dd {
  font-size:90%;
} 
.input dd input{
  font-size:120%;
} 
.input dl p {margin: 0;}

.input dd.err_msg {
  padding-top: 20px;
  text-align: center;
}

.input .message_s {font-size: 11px;}

.input_submit {text-align: center;}

.input_submit a {margin-bottom: 1em;}

/*-----------------------------------*/
#btn_submit, #btn_submit span, #btn_reset, #btn_reset span {
  min-width: 150px;
  margin-bottom: 5px;
}

#btn_reset, #btn_reset span {
  display: inline-block;
  height: 35px;
  line-height: 36px;
/*  background: url(../../../images/mobile/btn_white.gif) no-repeat top left;*/
/*  color: #6C6360;*/
  background: var(--bg-btn-main);
  color: var(--tx-btn-main);
  border-radius: var(--rd-btn-main);

  font-size: 15px;
  font-weight: bold;
  /* for IE6 */
  *display: inline;
  zoom: 1;
  cursor: pointer;
  overflow:hidden;
}
#btn_reset, #btn_reset:hover {
  min-width: 60px;
  padding-left: 30px;
  color: #6C6360;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
}
#btn_reset span { background-position: right top !important; padding-right: 30px; }


#btn_submit, #btn_submit span {
  display: inline-block;
  height: 35px;
  line-height: 36px;
/*  background: url(../../../images/mobile/btn_white.gif) no-repeat top left;*/
/*  color: #6C6360;*/
  background: var(--bg-btn-main);
  color: var(--tx-btn-main);
  border-radius: var(--rd-btn-main);

  font-size: 15px;
  font-weight: bold;
  /* for IE6 */
  *display: inline;
  zoom: 1;
  cursor: pointer;
  overflow:hidden;
}
#btn_submit, #btn_submit:hover {
  min-width: 60px;
  padding-left: 30px;
  color: #6C6360;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
}
#btn_submit span { background-position: right top !important; padding-right: 30px; padding-left: 0px;}

/*-----------------------------------*/


.input_submit span.red {
  display: block;
}

.message_bottom {
  padding: 0 1em 0 1.5em;
  margin-bottom: 20px;
  list-style: disc;
  list-style-position: outside;
  font-size: 13px;
  color: #666;
}

.message_bottom li {margin-bottom: 10px;}

.forget_pass { padding: 0 1em;}

.forget_pass h3 {margin-bottom: 0.5em;}

.forget_pass p { margin-bottom: 40px;;}

.forget_pass p a {
  vertical-align: top;
  display: inline-block;
  height: 1em;
  margin-top: 1em;
  line-height: 1.1em;
  padding: 5px 0.8em;
  background: #f9f9f9; /* Old browsers */
  background: -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f9f9f9 0%,#eeeeee 100%); /* W3C */
  border: solid 1px #DED5CF;
  border-radius: 1em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1);
  color: #4c4c4c;
  text-align: center;
  font-size: 13px;
  overflow: hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1);
  *display: inline-block;
  *zoom: 1;
}

/************End Main**************/
/* パスワード再発行 */
body#reentpw h2.page_title { border-top: none;}

/* パスワード再発行 完了画面 */
body.end .info {
  margin:0;
  padding: 20px 3.125% 20px 3.125%;
}