/* facility.css */



body.facility {
}

body.facility #contents h2.head {   /* title */
  background-image:url(../img/facility/title.gif);
}

body.facility #contents ul.album-list {   /* album list */
  width:651px;
  margin:0 -16px 0 0;
  list-style-type:none;
}
body.facility #contents ul.album-list li {
  position:relative;
  float:left;
  width:200px;
  height:250px;
  margin:0 17px 0 0;
  background:url() no-repeat left top;
}
body.facility #contents ul.album-list li p.note {
  color:#06c;
}
body.facility #contents ul.album-list li em {
  display:block;
  width:100%;
  margin:155px 0 5px 0;
  line-height:1.6em;
  text-align:center;
  font-weight:bold;
  font-style:normal;
  color:#fff;
  background:#36c;
}
body.facility #contents ul.album-list li a.img {
  display:none;
}
body.facility #contents ul.album-list li p {
}





/* facility.html */
body#facility {
}

body#facility p.info {
  margin:0 0 20px 0;
}

body#facility #contents ul.album-list li#detail {
  width:635px;
  height:330px;
  margin:0 0 20px 0;
  background-image:url(../img/facility/club-detail.jpg);
}
body#facility #contents ul.album-list li#detail * {
  display:none;
}
body#facility #contents ul.album-list li#salon {
  background-image:url(../img/facility/club-salon.jpg);
}
body#facility #contents ul.album-list li#seminar {
  margin-right:18px;
  background-image:url(../img/facility/club-seminar.jpg);
}
body#facility #contents ul.album-list li#restaurant {
  float:right;
  width:216px;
  height:auto;
  margin-right:0;
  padding-right:16px;
  background-image:url(../img/facility/club-restaurant.jpg);
}
html>body#facility #contents ul.album-list li#restaurant {
  width:200px;
}
body#facility #contents ul.album-list li#restaurant em {
  margin-top:405px;
}
body#facility #contents ul.album-list li#shower {
  height:180px;
  background-image:url(../img/facility/club-shower.jpg);
}
body#facility #contents ul.album-list li#sun-deck {
  height:180px;
  background-image:url(../img/facility/club-sun-deck.jpg);
}





/* facility-support.html */
body#facility-support {
}

body#facility-support #contents ul.album-list li#crane {
  width:309px;
  height:280px;
  background-image:url(../img/facility/support-crane.jpg);
}
body#facility-support #contents ul.album-list li#mainte {
  width:309px;
  height:280px;
  margin-right:0;
  background-image:url(../img/facility/support-mainte.jpg);
}
body#facility-support #contents ul.album-list li#peer {
  width:309px;
  height:260px;
  background-image:url(../img/facility/support-peer.jpg);
}
body#facility-support #contents ul.album-list li#crane em,
body#facility-support #contents ul.album-list li#mainte em,
body#facility-support #contents ul.album-list li#peer em {
  margin-top:195px;
}
body#facility-support #contents ul.album-list li#refueling {
  width:309px;
  height:300px;
  background-image:url(../img/facility/support-refueling.jpg);
}
body#facility-support #contents ul.album-list li#refueling p.note {
}
body#facility-support #contents ul.album-list li#feeding {
  width:146px;
  height:300px;
  margin-right:0;
  background-image:url(../img/facility/support-feeding.jpg);
}
body#facility-support #contents ul.album-list li#refueling em,
body#facility-support #contents ul.album-list li#feeding em {
  margin-top:145px;
}





/* facility-marina.html */
body#facility-marina {
}

body#facility-marina #contents ul.album-list li#mooring {
  width:635px;
  height:200px;
  margin:0 0 20px 0;
  padding:0 0 0 326px;
  background-image:url(../img/facility/marina-mooring.jpg);
  overflow:hidden;
}
html>body#facility-marina #contents ul.album-list li#mooring {
  width:309px;
}
body#facility-marina #contents ul.album-list li#mooring em {
  margin-top:0;
}
body#facility-marina #contents ul.album-list li#mooring p.note {
  float:none;
  height:100px;
  margin:5px 0 0 0;
  padding:5px 0 0 10px;
  color:#333;
  background:#e3eff6;
  border:0;
}

body#facility-marina #contents ul.album-list li#yard {
  width:309px;
  height:280px;
  background-image:url(../img/facility/marina-yard.jpg);
}

body#facility-marina #contents ul.album-list li#visitor {
  width:309px;
  height:280px;
  margin-right:0;
  background-image:url(../img/facility/marina-visitor.jpg);
}
body#facility-marina #contents ul.album-list li#yard em,
body#facility-marina #contents ul.album-list li#visitor em {
  margin-top:205px;
}

body#facility-marina #contents p.image {
  display:none;
}
body#facility-marina #contents ol#placement {
  float:left;
  position:relative;
  width:315px;
  height:335px;
  background:url(../img/facility/marina-berth.gif) no-repeat left top;
  list-style-type:none;
}
body#facility-marina #contents ol#placement li {
  position:absolute;
  line-height:18px;
}
body#facility-marina #contents ol#placement li.a,
body#facility-marina #contents ol#placement li.b,
body#facility-marina #contents ol#placement li.c,
body#facility-marina #contents ol#placement li.d,
body#facility-marina #contents ol#placement li.e,
body#facility-marina #contents ol#placement li.f,
body#facility-marina #contents ol#placement li.g {
  width:100px;
  right:-110px;
}
body#facility-marina #contents ol#placement li.h,
body#facility-marina #contents ol#placement li.i,
body#facility-marina #contents ol#placement li.j,
body#facility-marina #contents ol#placement li.k,
body#facility-marina #contents ol#placement li.l,
body#facility-marina #contents ol#placement li.m,
body#facility-marina #contents ol#placement li.n {
  width:220px;
  right:-345px;
}
body#facility-marina #contents ol#placement li.a,
body#facility-marina #contents ol#placement li.h {
  top:0;
}
body#facility-marina #contents ol#placement li.b,
body#facility-marina #contents ol#placement li.i {
  top:25px;
}
body#facility-marina #contents ol#placement li.c {
  top:50px;
}
body#facility-marina #contents ol#placement li.d,
body#facility-marina #contents ol#placement li.j {
  top:75px;
}
body#facility-marina #contents ol#placement li.e,
body#facility-marina #contents ol#placement li.k {
  top:100px;
}
body#facility-marina #contents ol#placement li.f,
body#facility-marina #contents ol#placement li.l {
  top:125px;
}
body#facility-marina #contents ol#placement li.g,
body#facility-marina #contents ol#placement li.m {
  top:150px;
}
body#facility-marina #contents ol#placement li.n {
  top:175px;
}
body#facility-marina #contents ol#placement li.i small {
  display:block;
  margin:0 0 0 21px;
  line-height:15px;
  font-size:12px;
}
body#facility-marina #contents ol#placement li.i small span {
  float:left;
  display:block;
  margin:0 15px 0 0;
}
body#facility-marina #contents ol#placement em {
  float:left;
  width:16px;
  margin:0 5px 0 0;
  text-align:center;
  font-weight:bold;
  font-style:normal;
  color:#fff;
  background:#36c;
}

body#facility-marina #contents p.note {
  float:right;
  width:310px;
  margin:210px 0 0 0;
  padding:5px 0 0 0;
  border-top:solid 1px #666;
}