@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :repeat.css
 author     :Ability Consultant
style info  :館内施設
=================================================================== */
/*-----------------------------------------------------------
	ページ設定
-----------------------------------------------------------*/

/*----------------------------------------------------
	.タイトル指定
----------------------------------------------------*/
.wrp_pgtit .con_pgtitle {
  background: url(http://hotel-rosablanca.com/repeat/images/bg_title.jpg) center 0 no-repeat;
}
.wrp_pgtit .con_pgtitle h2.title {
  background: url(http://hotel-rosablanca.com/repeat/images/st_title.png) 10px center no-repeat;
}

/*----------------------------------------------------
	.con_intro　	イントロ
----------------------------------------------------*/
.con_intro {
  *zoom: 1;
  width: 1280px;
  margin: 0 auto;
  background: url(http://hotel-rosablanca.com/repeat/images/bg_introgra.png) 0 0 repeat-x;
  border-top: 4px solid #ece2b7;
  padding-top: 1px;
  padding-bottom: 50px;
}
.con_intro:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1280px) {
  .con_intro {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .con_intro {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 736px) {
  .con_intro {
    padding-bottom: 10px;
  }
}

.con_intro .st_smp1 {
  margin-bottom: 20px;
}
.con_intro .st_smp1 h3 {
  background-image: url(http://hotel-rosablanca.com/repeat/images/st_basic.png);
}
.con_intro .intro_sp .img {
  width: 100%;
  display: none;
}
@media only screen and (max-width: 736px) {
  .con_intro .intro_sp .img {
    display: block;
  }
}

.con_intro p {
  margin: 0 auto;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  .con_intro p {
    text-align: left;
  }
}

.con_intro p span {
  color: red;
}

.con_intro p.img {
  text-align: center;
}

.con_intro p.img {
  text-align: center;
}

.con_intro p.arr {
  text-align: center;
  margin-top: 30px;
}

.con_intro p.txt {
  width: 400px;
  text-align: right;
  font-size: 12px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  .con_intro p.txt {
    width: 100%;
  }
}

.con_login {
    color: #53AC6E;
    margin: 0 auto 50px;
    overflow: hidden;
    text-align: center;
    width: 70%;
}

.con_login .box_form input[type="text"], input[type="password"] {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #dadada;
    height: 2em;
    width: 40%;
    margin-bottom: 10px;
}

@media only screen and (max-width: 736px) {
  .con_login .box_form input[type="text"], input[type="password"] {
    width: 100%;
  }
}

.con_login .box_form input[type="image"] {
    width: 242px;
}

@media only screen and (max-width: 736px) {
  .con_login .box_form input[type="image"] {
    width: 100%;
  }
}

.con_login_error {
  *zoom: 1;
  width: 1280px;
  margin: 0 auto;
  background: url(http://hotel-rosablanca.com/repeat/images/bg_introgra.png) 0 0 repeat-x;
  border-top: 4px solid #ece2b7;
  padding-top: 1px;
  padding-bottom: 50px;
}
.con_login_error:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1280px) {
  .con_login_error {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .con_login_error {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 736px) {
  .con_login_error {
    padding-bottom: 10px;
  }
}

.con_login_error .st_smp1 {
  margin-bottom: 20px;
}
.con_login_error .st_smp1 h3 {
  background-image: url(http://hotel-rosablanca.com/repeat/images/st_basic.png);
}
.con_login_error .intro_sp .img {
  width: 100%;
  display: none;
}
@media only screen and (max-width: 736px) {
  .con_login_error .intro_sp .img {
    display: block;
  }
}

.con_login_error h4{
  text-align: center;
}

.con_login_error p {
  margin: 0 auto;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  .con_login_error p {
    text-align: left;
  }
}

.con_login_error p span {
  color: red;
}