@charset "UTF-8";
/* CSS Information========
Date: 2012.04.23
Table of hotel:

* hotel
	
========================== */
/* =======================
		hotel
========================== */
#hotel {
  float: left;
  width: 690px;
  padding: 170px 20px 20px 20px;
  background: #fff url(/hotel/img/common/main_visual.jpg) no-repeat 0 0;
  line-height: 1.5;
}
#hotel .topicpath dt {
  overflow: hidden;
  height: 0;
}
#hotel .topicpath dd {
  margin: 5px 0;
}
#hotel h3 {
  line-height: 34px;
  margin-bottom: 30px;
  background-color: #dddddd;
  padding: 0 0 0 0.5em;
  font-weight: bold;
  position: relative;
  border-left: #999999 solid 20px;
}
#hotel h4 {
  overflow: hidden;
  line-height: 28px;
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}
#hotel h4:before {
  content: "\025a0";
  margin-right: 0.2em;
}
#hotel .shibuya_small:before {
  color: #9cb607;
}
#hotel .akasaka_small:before {
  color: #de9a9f;
}
#hotel .shinjuku_small:before {
  color: #905da3;
}
#hotel .ginza_small:before {
  color: #063642;
}
#hotel .kyoto_small:before {
  color: #f1c001;
}
#hotel .osaka_small:before {
  color: #aad1c9;
}
#hotel .sapporo_small:before {
  color: #9c2227;
}
#hotel .susukino_small:before {
  color: #14a6a3;
}
#hotel .colombo_small:before {
  color: #20efff;
}
#hotel .otaru_small:before {
  color: #f5a21d;
}
#hotel .sapporoby_small:before {
  color: #122f33;
}
#hotel #hotel_list {
}
#hotel #shibuya,
#hotel #akasaka,
#hotel #shinjuku,
#hotel #ginza,
#hotel #kyoto,
#hotel #osaka,
#hotel #sapporo,
#hotel #susukino,
#hotel #colombo,
#hotel #sapporoby,
#hotel #otaru {
  position: relative;
  padding: 0 0 20px 0;
  width: 650px;
  margin: 20px 20px 0 20px;
}
#hotel #shibuya .details,
#hotel #akasaka .details,
#hotel #shinjuku .details,
#hotel #ginza .details,
#hotel #kyoto .details,
#hotel #osaka .details,
#hotel #sapporo .details,
#hotel #susukino .details,
#hotel #colombo .details,
#hotel #sapporoby .details,
#hotel #otaru .details {
  position: absolute;
  top: 85%;
  left: 470px;
  width: 170px;
  background-color: #eeeeee;
  text-align: center;
  line-height: 2.4;
  border-radius: 3px;
  border: #ccc solid 1px;
  background-image: linear-gradient(0deg, #dddddd, #ffffff 50%);
}
.details a {
  display: block;
  text-decoration: none;
}
#hotel .hotel_img {
  float: left;
  margin-top: 10px;
}
#hotel .text {
  float: left;
  width: 450px;
  margin-top: 10px;
  padding-left: 10px;
}
#hotel .place {
  float: left;
  width: 450px;
  margin-top: 30px;
  margin-left: 10px;
}
#hotel #contact {
  background: #fff url(/hotel/img/200626/contact_ttl.gif) no-repeat 0 0;
}
#hotel #contacts {
  margin-left: 20px;
}
#hotel #contacts .faq {
  position: relative;
  width: 650px;
  height: 30px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
#hotel #contacts .faq_btn {
  width: 150px;
  position: absolute;
  top: 5px;
  left: 490px;
}
#hotel #contacts .contact_list_shib,
#hotel #contacts .contact_list_aka,
#hotel #contacts .contact_list_shin,
#hotel #contacts .contact_list_kyoto {
  padding: 20px;
  margin: 20px 20px 20px 0;
  background: #f0f0f0;
}
#hotel #contacts .contact_text {
  float: left;
  width: 140px;
  padding: 0 0 0 10px;
}
#hotel #contacts .contact_text01 {
  float: left;
  width: 140px;
  padding: 0 0 0 10px;
}
#hotel #contacts .contact_list_shib .contact_text01 {
  background: url(/hotel/img/common/shib_icon.gif) no-repeat 0 1px;
}
#hotel #contacts .contact_list_aka .contact_text01 {
  background: url(/hotel/img/common/aka_icon.gif) no-repeat 0 1px;
}
#hotel #contacts .contact_list_shin .contact_text01 {
  background: url(/hotel/img/131001/shin_icon.gif) no-repeat 0 1px;
}
#hotel #contacts .contact_list_kyoto .contact_text01 {
  background: url(../img/170711/hotel_img_001.jpg) no-repeat 0 1px;
}
#hotel #contacts .contact_mail {
  float: right;
  margin-top: 3px;
}
#hotel #contacts .yaji {
  padding-left: 20px;
  background: url(/hotel/img/common/yaji.gif) no-repeat 0 2px;
}