@charset "UTF-8";

/*---------------------------------------------------------
  ホテル特集ページ 共通CSS
---------------------------------------------------------*/

/*---------------------------------------------------------
  共通使用クラス
---------------------------------------------------------*/
.hotel_attention {
  font-size: 80%;
}

#pagespace h3 {
  font-family: 'ＭＳ Ｐ明朝', serif;
}

/*---------------------------------------------------------
  ヘッダー
---------------------------------------------------------*/
#hotel_header {
  _margin: 0px -10px;
  margin-bottom: 10px;
}

/*---------------------------------------------------------
  ホテル説明
---------------------------------------------------------*/
#hotel_remarks {
  padding: 5px 10px;
  border-top: 4px double #39cac5;
  border-bottom: 2px solid #39cac5;
  border-left: 1px solid #39cac5;
  border-right: 1px solid #39cac5;
  margin-bottom: 15px;
}

#hotel_remarks_title {
  margin-bottom: 5px;
  text-align: center;
}



/*---------------------------------------------------------
  ホテル情報
---------------------------------------------------------*/
#hotel_infomation {
  margin-bottom: 10px;
}

#hotel_infomation #hotel_information_text_block {
  float: left;
  width: 290px;
}

#hotel_infomation #hotel_information_photo_block {
  padding-left: 10px;
  margin-left: 290px;
  text-align: center;
}

#hotel_infomation .hotel_information_title {
  color: #39cac5;
  font-size: 120%;
  font-weight: bold;
}

#hotel_infomation #hotel_information_list {
  border-bottom: 1px dotted #39cac5;
  margin: 5px 0;
}

#hotel_infomation #hotel_information_list dt {
  float: left;
  width: 80px;
  padding: 2px 0;
  border-top: 1px dotted #39cac5;
}

#hotel_infomation #hotel_information_list dd {
  margin-left: 80px;
  padding: 2px 0;
  border-top: 1px dotted #39cac5;
}

#hotel_infomation #hotel_information_layout {
  padding: 10px 0;
  border-top: 1px dotted #39cac5;
  margin: 5px 0;
}


/*---------------------------------------------------------
 画像リスト
---------------------------------------------------------*/

.photo_list_block h3 {
  clear: both;
  border-bottom: 2px solid #3574b7;
}

.photo_list_block h3 span {
  padding: 2px 10px;
  color: #3574b7;
}

.photo_list_block ul {
  padding: 10px 0px;
  text-align: center;
}

.photo_list_block ul li {
  float: left;
  width: 200px;
}

.photo_list_block ul li span {
  font-size: 80%;
}

.photo_list_block .photo_list_remarks {
  padding: 3px 5px;
  border: 1px solid #3574b7;
  margin-bottom: 20px;
}


/*---------------------------------------------------------
 情報リスト
---------------------------------------------------------*/
#hotel_info_list {
  padding-top: 20px;
}

#hotel_info_list h3 {
  clear: both;
  border-bottom: 2px solid #3574b7;
}

#hotel_info_list h3 span {
  padding: 2px 10px;
  color: #3574b7;
}

#hotel_info_list ul {
  margin-top: 5px;
  text-align: center;
}

#hotel_info_list ul li {
  display: inline;
  padding: 0 20px;
}

#hotel_info_list ul li a img {
  padding: 1px;
  border: 1px solid #ccc;
}

#hotel_info_list ul li a:hover img {
  padding: 0px;
  border: 2px solid #409805;
}


/*---------------------------------------------------------
 特典
---------------------------------------------------------*/
.amenity_block {
  margin-bottom: 10px;
  font-size: 80%;
}

.amenity_block h3 {
  font-size: 100%;
}

.amenity_block ul {
  padding-top: 5px;
  margin-left: 25px;
}

.amenity_block ul li {
  padding-bottom: 5px;
  list-style-type: disc;
}


/*---------------------------------------------------------
  ホテル特典
---------------------------------------------------------*/

#hotel_tokuten  h4  {
  color: #7435b7;
  font-weight: bold;
  font-size: 13px;
  border-bottom: solid 1px #7435b7;
  margin: 10px 0;
}

#hotel_tokuten  #hotel_tokuten_remarks  {
  width: 540px;
  padding: 10px;
  border: solid 1px #0000ff;
  margin-top: 20px;
  margin-left: 20px;
}


#hotel_amenity h3 {
  border-bottom: 2px solid #7435b7;
}

#hotel_amenity h3 span {
  padding: 2px 10px;
  color: #7435b7;
}

/*#hotel_amenity ul, #hotel_amenity p {
  background-color: #e2a3ff;
}*/

/*---------------------------------------------------------
  ハネムーナー特典
---------------------------------------------------------*/
#honeymoon_amenity h3 {
  border-bottom: 2px solid #e594c4;
}

#honeymoon_amenity h3 span {
  padding: 2px 10px;
  color: #e594c4;
}

/*#honeymoon_amenity ul, #honeymoon_amenity p {
  background-color: #f5daf5;
}*/


/*---------------------------------------------------------
  ホテル＆ハネムーナー特典
---------------------------------------------------------*/

#hotel_tokuten p  {
  margin-top: 5px;
}

#hotel_tokuten .hotel_tokuten_list span  {
  color: #f36;
}


#hotel_honeymoon_set #hotel_amenity {
  float: left;
  width: 295px;
}

#hotel_honeymoon_set #honeymoon_amenity {
  margin-left: 305px;
}

#hotel_honeymoon_set p.remarks {
  clear: both;
  padding: 5px 10px;
  font-size: 80%;
}

#hotel_honeymoon_set strong {
  color: #f36;
  font-weight: bold;
}

#hotel_honeymoon_set strong.not_bold {
  color: #F79;
  font-weight: normal;
}

/*---------------------------------------------------------
  部屋カテゴリ
---------------------------------------------------------*/
.hotel_room_category {
  clear: both;
}

.hotel_room_category .hotel_room_category_title {
  border-bottom: 3px solid #39cac5;
  margin-bottom: 15px;
  color: #39cac5;
  font-size: 120%;
  font-weight: bold;
  text-align: right;
}

.hotel_room_category .hotel_room_category_title span {
  display: block;
  height: 44px;
  _height: 84px;
  padding-top: 20px;
  margin-bottom: -20px;
}

.hotel_room_category .hotel_room_category_title span.basic {
  background: transparent url(http://image.stworld.jp/img/special/hotel/basic.gif) no-repeat scroll 0%;
}

.hotel_room_category .hotel_room_category_title span.gradeup {
  background: transparent url(http://image.stworld.jp/img/special/hotel/gradeup.gif) no-repeat scroll 0%;
}

.hotel_room_category .hotel_room_category_photo_block {
  float: left;
  width: 300px;
  margin-right: 10px;
}

.hotel_room_category .hotel_room_category_text_block {
  margin-left: 310px;
}

.hotel_room_category .hotel_room_category_text_block .hotel_room_category_name {
  color: #39cac5;
  font-size: 110%;
  font-weight: bold;
}

.hotel_room_category .hotel_room_category_text_block .hotel_room_category_remarks {
  margin: 5px 0;
}

.hotel_room_category .hotel_room_category_text_block .hotel_room_category_info {
  padding: 0 0 5px 5px;
  border-bottom: 1px dotted #39cac5;
}


/*---------------------------------------------------------
  ページ内ナビ
---------------------------------------------------------*/
#navi_link_block {
  clear: both;
  border-top: 1px solid #39cac5;
  margin-top: 10px;
}

#navi_link_block ul {
  text-align: center;
}

#navi_link_block ul li {
  display: inline;
  padding: 0 10px;
}

/*---------------------------------------------------------
  ツアーボタン
---------------------------------------------------------*/
#hotel_button_list_block {
  clear: both;
  border-top: 1px solid #39cac5;
  margin-top: 10px;
}

#hotel_button_list { 
  padding: 15px 0 30px 50px;
}

#hotel_button_list li { 
  float: left;
  width: 260px;
}

#hotel_button_list li a {
  display: block;
  width: 220px;
  height: 44px;
  padding:4px 5px 5px 22px;
  background: url(http://image.stworld.jp/img/common/footer/fct.png) no-repeat 0 -44px;
  overflow: hidden;
}

html>body #hotel_button_list li a {
  width:193px;
  height:35px;
}

#hotel_button_list li a:hover {
  color: #ffe;
  background: url(http://image.stworld.jp/img/common/footer/fct.png) no-repeat 0 0;
  text-decoration: none;
}


/*---------------------------------------------------------
  汎用アイテム
---------------------------------------------------------*/
.hotel_common_info {
  padding-top: 20px;
}

.hotel_common_info h3 {
  clear: both;
  border-bottom: 2px solid #3574b7;
}

.hotel_common_info h3 span {
  padding: 2px 10px;
  color: #3574b7;
}

.hotel_common_info ul.photo_list {
  padding-top: 10px;
  text-align: center;
}

.hotel_common_info ul.photo_list li {
  float: left;
  width: 200px;
  padding-bottom: 10px;
}

.hotel_common_info .remarks_block {
  margin: 5px 0;
}

.hotel_common_info .remarks_block .remarks_with_photo {
  float: left;
  width: 400px;
}

.hotel_common_info .remarks_block .remarks_photo {
  margin-left: 400px;
  text-align: center;
}

.hotel_common_info .remarks_block .remarks_photo span {
  font-size: 80%;
}

.hotel_common_info .map_width {
  text-align: center;
}

.hotel_common_info .map_width span {
  font-size: 80%;
}

.hotel_common_info .service_list li {
  float: left;
  width: 200px;
  padding-bottom: 3px;
}

.hotel_common_info .info_remarks {
  text-align: right;
  font-size: 80%;
}