/* rental.css */



body.rental {
}

body.rental #contents h2.head {   /* title */
  margin:0 0 15px 0;
  background-image:url(../img/rental/title.gif);
}



/* rental.html */
body#rental #contents {
}



body#rental #contents div.head {
  position:relative;
  width:100%;
  height:80px;
  padding:60px 0 0 0;
  background:url(../img/rental/logo-ymc-ss.gif) no-repeat left top;
}
html>body#rental #contents div.head {
  height:20px;
}
body#rental #contents div.head p.regist {
  position:absolute;
  right:0;
  top:0;
}
body#rental #contents div.head p {
  margin:0;
}



body#rental #contents p.regist {
  position:relative;
  width:262px;
  height:32px;
}
body#rental #contents p.regist a {
  display:block;
  width:100%;
  height:100%;
  text-indent:-999em;
  background:url(../img/rental/button-regist.gif) no-repeat left top;
}
/*\*/
body#rental #contents p.regist a {
  overflow:hidden;
}
/**/
body#rental #contents p.regist a:hover {
  background-position:left bottom;
}



body#rental #contents h3 {
  margin:20px 0 15px 0;
  padding:0 0 0 25px;
  line-height:24px;
  font-size:14px;
  color:#fff;
  background:#36c url(../img/rental/icon-title.gif) no-repeat 5px 5px;
}



body#rental #contents p {
  margin:0 0 10px 10px;
}



body#rental #contents ul.about {
  padding:0 0 0 10px;
  list-style-type:none;
}
body#rental #contents ul.about li {
  margin:0 0 5px 0;
  padding:0 0 5px 0;
  border-bottom:dotted 2px #00baba;
}
body#rental #contents ul.about li.last {
  border:0;
}
body#rental #contents ul.about li em {
  padding:0 0 0 5px;
  font-weight:bold;
  font-style:normal;
  color:#00baba;
  border-left:solid 5px #00baba;
}
body#rental #contents ul.about li p {
  margin:0;
  padding:2px 0 0 10px;
}



body#rental #contents p.member {
}
body#rental #contents h4.member {
  font-size:15px;
}
body#rental #contents dl.member {
  margin:15px 0 10px 10px;
}
body#rental #contents dl.member dt {
  margin:0 0 5px 0;
  font-weight:bold;
  color:#36c;
}
body#rental #contents dl.member dt strong {
  margin:0 5px 0 0;
  padding:2px 10px;
  color:#fff;
  background:#36c;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -khtml-border-radius:10px;
  -opera-border-radius:10px;
  border-radius:10px;
}
body#rental #contents dl.member dd {
  margin:0 0 15px 20px;
}
body#rental #contents dl.member dd dl {
  margin:10px 0 0 10px;
}
body#rental #contents dl.member dd dl dt {
  color:#f09;
}
body#rental #contents dl.member dd dl dd{
}
body#rental #contents dl.member dd p {
  margin:0;
}
body#rental #contents ul.member {
  width:640px;
  margin:0 -15px 0 10px;
  list-style-type:none;
}
body#rental #contents ul.member li {
  float:left;
  width:310px;
  margin:0 5px 5px 0;
}
body#rental #contents ul.member li em {
  display:block;
  padding:5px;
  font-weight:bold;
  font-style:normal;
  color:#36c;
  background:#def;
  border:solid 1px #ccc;
  border-bottom:0;
}
body#rental #contents ul.member li p {
  margin:0;
  padding:5px;
  border:solid 1px #ccc;
}



body#rental #contents p.caption {
  position:relative;
  width:625px;
  height:2em;
  margin:10px 0 0 10px;
  line-height:2em;
  text-align:left;
}
body#rental #contents p.caption em {
  margin:0 20px 0 0;
  padding:0 0 0 2px;
  font-style:normal;
  border-left:solid 12px #333;
}
body#rental #contents p.caption small {
  position:absolute;
  right:0;
  top:0;
  font-size:12px;
}

body#rental #contents table.price {
  margin:0 0 5px 10px;
  width:625px;
}
body#rental #contents table.price th,
body#rental #contents table.price td {
  text-align:center;
  white-space:nowrap;
  font-weight:normal;
  color:#333;
  border:solid 1px #999;
}
body#rental #contents table.price th {
  background:#c1e6fa;
}
body#rental #contents table.price td {
  background:#fff;
}
body#rental #contents table.price tr.head th {
  background:#c1e6fa;
}
body#rental #contents table.price tr.head td {
  background:#ffc;
}
body#rental #contents table.price tr.type1 th {
  background:#a3b4e6;
}
body#rental #contents table.price tr.type2 th {
  background:#ccf;
}



body#rental #contents ul.ball {
  margin:0 0 10px 0;
  padding:0 0 0 25px;
}
body#rental #contents p.dot {
  margin:0 150px;
  padding:5px 0;
  text-align:center;
  border:dotted 3px #0bb;
}



body#rental #contents ul.order {
  margin:15px 0 0 0;
  padding:0 0 0 10px;
  list-style-type:none;
}
body#rental #contents ul.order li {
  position:relative;
  width:625px;
  margin:0 0 10px 0;
  padding:0 0 0 230px;
  font-size:12px;
  background:#fffbd2 url() no-repeat left center;
  border:solid 2px #ccc;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -khtml-border-radius:10px;
  -opera-border-radius:10px;
  border-radius:10px;
}
html>body#rental #contents ul.order li {
  width:395px;
}
body#rental #contents ul.order li h4,
body#rental #contents ul.order li br {
  display:none;
}
body#rental #contents ul.order li em {
  display:block;
  font-weight:bold;
  font-style:normal;
  font-size:13px;
}
body#rental #contents ul.order li.mobile {
  height:100px;
  background-image:url(../img/rental/order-mobile.gif);
}
body#rental #contents ul.order li.mobile em {
  margin:42px 0 5px 0;
}
body#rental #contents ul.order li.mobile img {
  position:absolute;
  right:10px;
  top:10px;
}
body#rental #contents ul.order li.online {
  height:60px;
  background-image:url(../img/rental/order-online.gif);
}
body#rental #contents ul.order li.online em {
  margin:21px 0 0 0;
}
body#rental #contents ul.order li.tel {
  height:100px;
  background-image:url(../img/rental/order-tel.gif);
}
body#rental #contents ul.order li.tel p {
  float:left;
  width:230px;
  margin:10px -70px 0 0;
  padding:0 0 0 10px;
  line-height:2;
  text-indent:-10px;
}
html>body#rental #contents ul.order li.tel p {
  width:220px;
}
body#rental #contents ul.order li.tel em {
  position:relative;
  display:inline;
  font-size:16px;
}
body#rental #contents ul.order li.tel em span {
  position:absolute;
  top:-15px;
  right:6px;
  font-weight:normal;
  font-size:11px;
}
body#rental #contents ul.order li.tel br {
  display:inline;
}

body#rental #contents p.indent {
  padding:0 0 0 1em;
  text-indent:-1em;
}



body#rental #contents ul.lineup {
  margin:0 0 10px 0;
  padding:0 0 0 10px;
  list-style-type:none;
}
body#rental #contents ul.lineup li {
  float:left;
  width:200px;
  height:200px;
  margin:0 12px 0 0;
  padding:95px 10px 0 10px;
  background:#f0f0f0 url() no-repeat center top;
  border-top:solid 10px #f0f0f0;
}
html>body#rental #contents ul.lineup li {
  width:180px;
  height:95px;
}
body#rental #contents ul.lineup li.yf23ex {
  background-image:url(../img/rental/boat-yf23ex.jpg);
}
body#rental #contents ul.lineup li.yf21cc {
  background-image:url(../img/rental/boat-yf21cc.jpg);
}
body#rental #contents ul.lineup li.belfino {
  margin:0;
  background-image:url(../img/rental/boat-belfino.jpg);
}
body#rental #contents ul.lineup li em {
  margin:0 10px 0 0;
  font-weight:bold;
  font-style:normal;
}
body#rental #contents ul.lineup li a {
  display:none;
}
body#rental #contents ul.lineup li small {
  font-size:12px;
}
body#rental #contents div.lineup {
  margin:0 0 0 10px;
  padding:5px;
  border:solid 1px #ccc;
}
body#rental #contents div.lineup p {
  margin:0;
}
body#rental #contents div.lineup h4 {
  margin:10px 0;
  font-size:13px;
  color:#333;
  border:0;
}
body#rental #contents div.lineup ul {
  margin:0 0 10px 0;
  padding:0 0 0 20px;
}
body#rental #contents div.lineup {
}



body#rental #contents h4.info {
  margin:0 0 10px 10px;
  line-height:1.6em;
  background:#e0f0ff;
}
body#rental #contents ul.space li {
  margin:0 0 10px 0;
}
body#rental #contents p.regist-exp {
}
body#rental #contents p.regist-exp em {
  margin:0 10px 0 0;
  font-weight:bold;
  font-style:normal;
}
body#rental #contents p.regist-exp small {
  margin:0 0 0 10px;
  font-size:12px;
}
body#rental #contents ul li span.use-time {
  float:left;
  height:2em;
  margin:0 5px 0 0;
}
body#rental #contents ul li span.underline {
  border-bottom:solid 1px #333;
}
body#rental #contents ul li span.position {
  position:relative;
  left:11em;
}



body#rental #contents p.bottom {
  margin:30px 0 0 180px;
}



/* rental-handicap.html */
body#rental-handicap #contents {
  font-size:1.2m;
}

body#rental-handicap #contents h3 {
  margin:30px 0 15px 0;
  padding:0 0 0 10px;
  line-height:2em;
  font-size:15px;
  color:#fff;
  background:#36c;
}

body#rental-handicap #contents h4 {
  margin:20px 0 10px 10px;
  font-size:15px;
}

body#rental-handicap #contents p {
  margin:0 0 10px 10px;
  line-height:1.6;
  font-size:13px;
}

body#rental-handicap #contents table {
  width:625px;
  margin:0 0 10px 10px;
  background:#ccc;
  border:0;
  border-collapse:separate;
}
body#rental-handicap #contents table th {
  padding:5px 10px;
  text-align:center;
  border:0;
}
body#rental-handicap #contents table td {
  padding:5px 10px 5px 25px;
  text-align:left;
  text-indent:-15px;
  color:#333;
  background:#fff;
  border:0;
}
body#rental-handicap #contents table td.center {
  text-align:center;
}

body#rental-handicap #contents p.back {
  margin:30px 0 0 0;
}
body#rental-handicap #contents p.back a {
  padding:0 0 0 10px;
  background:url(../img/format/icon-arrow2.gif) no-repeat left center;
}

body#rental-handicap #contents p.copy {
  margin:30px 0;
  text-align:center;
}