@charset "UTF-8";

body {
  border-top: none;
}

#passwordReSettingReq h1,
#passwordReSettingReqComp h1,
#passwordReSetting h1,
#passwordReSettingComp h1 {
  display: block;
  width: 150px;
  height: 0;
  margin: 25px auto 15px;
  padding: 62px 0 0;
  background: url(../images/reblo_logo.png) no-repeat;
  overflow: hidden;
}
#passwordReSettingReq h2,
#passwordReSettingReqComp h2,
#passwordReSetting h2,
#passwordReSettingComp h2 {
  margin: 0 -15px 10px;
  padding: 1em;
  color: #333;
  font-size: 134%;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px #aaa;
}
#passwordReSettingReq h2 span,
#passwordReSettingReqComp h2 span,
#passwordReSetting h2 span,
#passwordReSettingComp h2 span {
  font-size: 85%;
}
#passwordReSettingReq .section,
#passwordReSettingReqComp .section,
#passwordReSetting .section,
#passwordReSettingComp .section {
  width: 390px;
  margin: 0 auto;
}

/* .passwordReSettingReqBox */
.passwordReSettingReqBox,
.passwordReSettingReqCompBox,
.passwordReSettingBox,
.passwordReSettingCompBox {
  margin-top: 50px;
  margin-bottom: 40px;
  padding: 10px 15px 25px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 4px #bbb;
  -moz-box-shadow: 0px 2px 4px #bbb;
  box-shadow: 0px 2px 4px #bbb;
  background: #fff;
}

.passwordReSettingReqBox .txtS,
.passwordReSettingReqCompBox .txtS,
.passwordReSettingBox .txtS,
.passwordReSettingCompBox .txtS {
  font-size: 93%;
  text-align: center;
}

.passwordReSettingReqBox .txtSBold {
  text-align: center;
  font-weight: bold;
}

.passwordReSettingReqBox .error_txt,
.passwordReSettingBox .error_txt {
  font-size: 93%;
  text-align: center;
  margin: 8px 0;
  color: #ee1111;
}

/* passwordBox */
.passwordBox p {
  text-align: center;
  margin-bottom: 1em;
}
.passwordBox dl {
  width: 460px;
  margin: 0 auto 1em;
  padding: 10px 10px 5px;
  border: 1px solid #eee;
  background: #f5f5f5;
}
.passwordBox dt {
  width: 150px;
}
.passwordBox dd {
  width: 290px;
}
.fixBox {
  padding: 40px 20px;
  background: #f5f5f5;
  border: 2px solid #eee;
  margin-bottom: 1em;
}
.fixBox p strong {
  font-size: 116%;
  font-weight: bold;
}
.passwordBox .exp {
  width: 480px;
  margin: 0 auto;
}
.passwordBox .exp p {
  padding: 10px;
  border: 1px solid #eee;
  font-size: 85%;
}

/* btnPasswordReSettingReq */
.btnPasswordReSettingReq,
.btnPasswordReSettingReqComp,
.btnPasswordReSetting,
.btnPasswordReSettingComp {
  margin-bottom: 1em;
}
.btnPasswordReSettingReq input,
.btnPasswordReSettingReqComp input,
.btnPasswordReSetting input,
.btnPasswordReSettingComp input {
  display: block;
  width: 196px;
  height: 46px;
  margin: 0 auto;
  background: #848484; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #848484 2%,
    #848484 2%,
    #515151 3%,
    #383838 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(2%, #848484),
    color-stop(2%, #848484),
    color-stop(3%, #515151),
    color-stop(100%, #383838)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #848484 2%,
    #848484 2%,
    #515151 3%,
    #383838 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #848484 2%,
    #848484 2%,
    #515151 3%,
    #383838 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    #848484 2%,
    #848484 2%,
    #515151 3%,
    #383838 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    #848484 2%,
    #848484 2%,
    #515151 3%,
    #383838 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#383838',GradientType=0 ); /* IE6-9 */
  border: #393939 1px solid;
  background-color: transparent;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 1px 1px 2px #8f8f8f;
  color: #fff;
  font-size: 14px;
  text-shadow: -1px -1px 1px #000;
  font-weight: bold;
  cursor: pointer;
  overflow: hidden;
}
.btnPasswordReSettingReq input:hover {
  opacity: 0.8;
  filter: alpha(opacity=64);
}

/* list */
#passwordReSettingReq ul,
#passwordReSetting ul {
  margin-bottom: 2em;
}
#passwordReSettingReq li,
#passwordReSetting li {
  margin-bottom: 2em;
  text-align: center;
  text-shadow: 0 2px 0 #fff;
}
#passwordReSettingReq li strong,
#passwordReSetting li strong {
  font-size: 108%;
  font-weight: bold;
}

/* footer */
#footer #copy {
  margin: 0;
  text-align: center;
}
.blackBox {
  margin: 1em 0;
  padding: 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #766;
  color: #fff;
  font-weight: bold;
  font-size: 116%;
  text-align: center;
  text-shadow: -1px 0 0 #000;
}
.whiteBox {
  border: 2px solid #ccc;
  background: #fff;
  padding: 10px;
}
.ieBox {
  margin-top: 15px;
  padding: 15px 0 0;
  border-top: 1px solid #ccc;
  color: #08c;
  font-size: 108%;
  text-align: center;
  text-decoration: underline;
}
.ieBox a:hover {
  color: #f60;
}

.notes {
  font-size: 90%;
}

/* ------------------------------
    clearfix
------------------------------ */
.passwordReSettingReqBox input[type="text"] {
  margin-bottom: 1.5em;
}