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

 file name  : hotspring.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
.bn_rktn {
  text-align: center;
  margin-bottom: 20px;
}

/* -----------------------------------------------------------
	page_title
----------------------------------------------------------- */
.wrp_page_title {
  background: url(../hotspring/images/title.jpg) no-repeat center top;
}

.page_title {
  height: 170px;
  position: relative;
}
.page_title img {
  position: absolute;
  right: 253px;
  top: 50%;
  display: block;
  margin-top: 24.5px;
  width: 202px;
  height: 49px;
}

.con_int {
  height: 497px;
  background: url(../hotspring/images/bg_int.png) right bottom no-repeat;
}
.con_int .box_l {
  margin: 30px 0 0 30px;
  float: left;
  width: 445px;
  position: relative;
}
.con_int .box_r {
  margin: 30px 30px 0 0;
  float: right;
  width: 445px;
  position: relative;
}
.con_int .box_int {
  clear: both;
}
.con_int .box_int .img, .con_int .box_int .txt {
  float: left;
}
.con_int .box_int .txt {
  padding-left: 16px;
}
.con_int .box_int.int01 {
  position: relative;
  padding-bottom: 14px;
}
.con_int .box_int.int01 .txt {
  position: absolute;
  right: -7px;
  top: 9px;
}
.con_int .box_int.int02 {
  padding-top: 20px;
  margin-left: -40px;
}
.con_int .box_int.int03 {
  float: right;
}
.con_int .box_int.int04 {
  padding-top: 20px;
  float: right;
}
.con_int .box_int.int04 p.txt {
  padding-left: 4px;
}
.con_int .box_int.int04 p.txt + .txt {
  padding-left: 17px;
}
.con_int .box_int.int04 .img {
  position: absolute;
  bottom: 0px;
  left: 30px;
}

h3 {
  text-align: center;
  margin: 50px 0 0;
}

.txt_hot {
  text-align: center;
  padding-top: 15px;
}

/* -----------------------------------------------------------
	.con_link
----------------------------------------------------------- */
.con_link {
  margin: 40px 75px;
}
.con_link li {
  display: inline-block;
  margin: 10px;
}

/* -----------------------------------------------------------
	.con_hot
----------------------------------------------------------- */
.con_hot {
  overflow: hidden;
  margin-bottom: 60px;
}
.con_hot h4 {
  text-align: center;
  margin: 25px auto;
}
.con_hot .box_images {
  float: left;
  width: 550px;
}
.con_hot .box_hot {
  float: right;
  width: 370px;
  padding: 0 0 0 30px;
}
.con_hot .box_hot .txt_hot {
  text-align: left;
  padding-top: 8px;
}
.con_hot .bg_hot {
  text-align: right;
  margin: 0px 0 10px;
}
.con_hot .img_mic {
  margin-left: -12px;
}
.con_hot dl.txt_time {
  margin-top: 15px;
}
.con_hot dl.txt_time dt, .con_hot dl.txt_time dd {
  display: inline-block;
  padding: 5px 11px;
}
.con_hot dl.txt_time dt {
  background: #d7cba3;
  width: 80px;
  text-align: center;
}
.con_hot dl.txt_time dd {
  width: 240px;
  background: #efe9d2;
}

/* -----------------------------------------------------------
	.con_ori
----------------------------------------------------------- */
.con_ori {
  overflow: hidden;
  margin-bottom: 90px;
  background: url(../hotspring/images/bg_ori.png) left bottom no-repeat #ffedea;
  padding: 50px 50px 40px 40px;
}
.con_ori .box_txt {
  float: left;
  width: 420px;
  margin-right: 25px;
}
.con_ori .box_txt h5 {
  padding-bottom: 30px;
}
.con_ori .box_img {
  width: 415px;
  float: right;
}