@charset "utf-8";

#room {
  width: 930px;
  margin: 20px auto 50px;
  overflow: hidden;
  font-size: 16px;
}

#main_image {
  width: 930px;
  height: 742px;
  margin: 30px auto 40px;
  overflow: hidden;
  height: auto;
}

#main_slider {
  width: 928px;
  height: 300px;
  margin: 30px auto 40px;
  overflow: hidden;
  border: 1px solid #ccc;
}

#main_slider ul li{
  float: left;
}

#main_slider ul li img{
  pointer-events: none;
}
/* ---------------------------------------- 
　#room_type 客室の写真と花言葉
---------------------------------------- */
#room_type {
  margin: 30px auto 40px;
	overflow: hidden;
}

#room_type h2 {
	float: left;
	margin: 10px 0 0 0;
}

#room_type figure {
	float: left;
	margin: 10px 0 0 6px;
}

#room_type figure:nth-of-type(3) {
	margin: 10px 0 0 0;
}

#room_type figure:nth-of-type(4) {
	clear: both;
	margin: 10px 0 0 0;
}

#room_type dl {
	width: 564px;
	float: left;
	margin: 10px 0 0 6px;
	background: url(/tado_onsen/room/image_cmn/img_fl_bottom.png) left bottom no-repeat #ffeaf0;
}

#room_type dt {
	font-size: 19px;
	color: #a9378f;
	text-align: center;
	padding: 51px 0 0 0;
	background: url(/tado_onsen/room/image_cmn/img_fl_top.png) 0 0 no-repeat #ffeaf0;
}

#room_type p {
	padding: 14px 40px 0 40px;
	font-size: 15px;
}

#room_type aside {
	padding: 14px 0;
	text-align: center;
}


/* ---------------------------------------- 
　写真とムービー
---------------------------------------- */

#room_photo {
  width: 860px;
  margin: 40px auto 0;
  overflow: hidden;
  content: "";
  clear: both;
  color:#a0a0a0;/*グレー表示やめるとき消す*/
}
#room_photo p{
	margin:5px 0 0 5px;
	}
#room_photo .photolist{
	float:left;
	}
#room_photo .movie{
	float:right;
	}
/* ---------------------------------------- 
 料金詳細 2人部屋まで用 
---------------------------------------- */
#room_price {
  width: 690px;
  margin: 40px auto 0;
  overflow: hidden;
  content: "";
  clear: both;
}

#room_price table {
  width: 690px;
  border-collapse: separate;
  border-spacing: 5px;
}

#room_price table caption {
  font-size:115%;
  text-align: left;
  padding: 0 0 10px 5px;
  font-weight: bold;
}

#room_price th span {
  font-weight: bold;
}

#room_price td span {
  font-size: 14px;
}

#room_price table caption:before {
  font-size:115%;
  content: "◆";
  color: #fde2a0;
  margin-right: 5px;
}

#room_price table th:nth-child(1){
  width: 170px;
  background-image: url(../image_cmn/ht_img_l.gif);
}
#room_price table th:nth-child(2){
  width: 250px;
  background: #f3e1d2;
}
#room_price table th:nth-child(3){
  width: 250px;
  background: #e7dfdc;
}

#room_price table td:nth-child(1){
  background: #fef8e9;
}
#room_price table td:nth-child(2){
  color: #c14b4b;
  font-weight: bold;
  background: #fef7f2;
  text-shadow: 1px 1px 3px #fff;
}
#room_price table td:nth-child(3){
  color: #c14b4b;
  font-weight: bold;
  background: #faf4f2;
  text-shadow: 1px 1px 3px #fff;
}

#room_price table th,
#room_price table td  {
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
  text-shadow: 1px 1px 3px #fff;
  padding: 5px 0;
  line-height: 2.5;
}


/* ---------------------------------------- 
　料金詳細 4人部屋用 
---------------------------------------- */
#room_price_four {
  width: 940px;
  margin: 40px auto 0;
  overflow: hidden;
  content: "";
  clear: both;
}

#room_price_four table {
  width: 940px;
  border-collapse: separate;
  border-spacing: 5px;
}

#room_price_four table caption {
	font-size:115%;
    font-weight: bold;
    padding: 0 0 10px 5px;
    text-align: left;
}
#room_price_four th span {
  font-weight: bold;
}

#room_price_four td span {
  font-size: 14px;
}

#room_price_four table caption:before {
　font-size:115%;
  content: "◆";
  color: #fde2a0;
  margin-right: 5px;
}

#room_price_four table th:nth-child(1){
  width: 19%;
  background-image: url(../image_cmn/ht_img_l.gif);
}
#room_price_four table th:nth-child(2),
#room_price_four table th:nth-child(4){
  width: 18%;
  background: #f3e1d2;
}
#room_price_four table th:nth-child(3),
#room_price_four table th:nth-child(5){
  width: 18%;
  background: #e7dfdc;
}

#room_price_four table th,
#room_price_four table td  {
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
  text-shadow: 1px 1px 3px #fff;
  padding: 5px 0;
  line-height: 2.5;
}


#room_price_four table td:nth-child(1){
  background: #fef8e9;
}
#room_price_four table td:nth-child(2),
#room_price_four table td:nth-child(4),
#room_price_four table td:nth-child(6){
  color: #c14b4b;
  font-weight: bold;
  background: #fef7f2;
  text-shadow: 1px 1px 3px #fff;
}
#room_price_four table td:nth-child(3),
#room_price_four table td:nth-child(5){
  color: #c14b4b;
  font-weight: bold;
  background: #faf4f2;
  text-shadow: 1px 1px 3px #fff;
}





/* ---------------------------------------- 
　料金詳細 共通
---------------------------------------- */

.bnr_area {
  width:600px;
  margin:0 auto;
}
#food_banner {
  margin-top: 25px;
  overflow: hidden;
}

#food_banner .dinner{
  float: left;
}

#food_banner .breakfast{
  float: right;
}

.price_cap {
   margin: 20px auto;
  overflow: hidden;
  content: "";
  clear: both;
  width: 640px;
}
.price_cap li{
  font-size: 95%;
  line-height: 1.8em;
  text-indent: -1em;
  padding-left: 1em;
}

.other_link {
  margin: 20px 0;

}

/* ---------------------------------------- 
　客室情報
---------------------------------------- */
#room_info_wrap {
  width: 800px;
  margin: 30px auto 35px;
}

#room_info_wrap .room_info {
  width: 100%;
  margin: 20px 0 0 30px;
  overflow: hidden;
  content: "";
  clear: both;
  line-height: 1.6em;
}

#room_info_wrap .room_info dt {
  float: left;
  clear: left;
  width: 110px;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 25px;
}

#room_info_wrap .room_info:first-child {
  margin-bottom: 10px;
}

#room_info_wrap .room_info dd {
  float: left;
  font-size: 17px;
}

#room_info_wrap .room_info dd p {
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 10px;
}

#room_info_wrap .room_info dd span {
  color: #ff0000;
}

#room_info_wrap .floorplans {
  text-align: center;
  margin: 20px 0 35px 0;
}


#setubi_button {
  width: 161px;
  height: 41px;
  margin: 0 auto;
}

#open_setubi {
  display: block;
  height: 41px;
  background: url(../image_cmn/btn_setsubi_close.gif) no-repeat;
  text-indent: -9999px;
}

#open_setubi.close {
  background: url(../image_cmn/btn_setsubi_open.gif) no-repeat;
}

#setubi {
  margin: 20px auto;
  padding:20px;
  width:680px;
  background:#fff2e6;
}

#setubi span{
  color: #ff0000;
}

#ame {
  margin: 20px auto;
  padding:20px;
  width:680px;
  background:#fff2e6;
}


#ame_button {
  width: 161px;
  height: 41px;
  margin: 35px auto 0;
}

#open_ame {
  display: block;
  height: 41px;
  margin-bottom: 0;
  background: url(../image_cmn/btn_amenity_close.gif) no-repeat;
  text-indent: -9999px;
}

#open_ame.close {
  background: url(../image_cmn/btn_amenity_open.gif) no-repeat;
  text-indent: -9999px;
}

.accordion_list{
  list-style: disc;
  font-size: 16px;
  margin: 0 auto;
  line-height: 1.8;
  content: "";
  overflow: hidden;
  clear: both;
}

.accordion_list li{
  display: block;
  float: left;
  list-style: disc;
  margin: 0 0.5em 0 0;
  padding-left: 1em;
  text-indent: -1em;
}

.accordion_list li:before{
  content: "・";
}

.cap {
  margin: 10px 0 0 0px;
  color: #ff0000;
  font-size: 15px;
  text-indent: 1em;
}

/*-----*/

.accordion_list2{
  list-style: disc;
  font-size: 14px;
  margin: 0 0 0 70px;
  line-height: 1.8;
  content: "";
  overflow: hidden;
  clear: both;
}

.accordion_list2 li{
  display: block;
  float: left;
  list-style: disc;
  margin: 0 0.5em 0 0;
  padding-left: 1em;
  text-indent: -1em;
}

.accordion_list2 li:before{
  content: "・";
}

.cap2 {
  margin: 10px 0 0 70px;
  color: #ff0000;
  font-size: 14px;
  text-indent: 1em;
}

/*-----*/


#reserve_button {
  margin: 10px 0 40px;
  text-align: center;
}

#room hr {
  border: 0;
  border-top: #969696 1px solid; 
}

#op_services {
  width: 100%;
  margin: 30px 0;
  color: #535353;
  text-align: center;
}

#op_services .lead {
  margin: 20px auto 0;
  line-height: 1.8;
  width:680px;
  text-align:left;
  font-size:17px;
}
#op_services .lead span {
    font-size:15px;
}
#op_services .menulist,
#op_services .menulist2,
#op_services .menulist3 {
  width: 850px;
  margin: 50px auto 0;
  content: " ";
  overflow: hidden;
  clear: both;
  font-weight: bold;
  font-size: 0;
}

#op_services .menulist li {
  width: 205px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
}

#op_services .menulist2 li {
  width: 130px;
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
  font-size: 14px;
}

#op_services .menulist3 li {
  width: 210px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
}

#op_services .menulist .booking,
#op_services .menulist3 .booking {
  color: #c14b4b;
  font-size: 16px;
  font-weight: normal;
}

#op_services .menulist2 .booking {
  color: #c14b4b;
  font-size: 14px;
  font-weight: normal;
}

.clear{
  clear:both !important; 
}

.banner{
  width:525px;
  margin:10px auto;
   
}
  
.connect_txt{
  width:525px;
  margin:10px auto 30px;
}
  
.ov{
	background:#fff;
}

#link_map{
	width:524px;
	margin:45px auto 10px;
}

#link_map p{
	font-size:15px;
	margin:10px auto 10px;
}