/* play.css */



body.play {
}

body.play #contents h2.head {   /* title */
  width:100%;
  height:150px;
  background-image:url(../img/play/title.jpg);
}

body.play #contents div.catch {
  position:relative;
  width:100%;
  height:160px;
  background:url() no-repeat left top;
}
body.play #contents div.catch h3,
body.play #contents div.catch p {
  display:none;
}
body.play #contents div.catch p.text {
  position:absolute;
  display:block;
  left:18px;
  top:105px;
}

body.play #contents ol {
  position:relative;
  list-style-type:none;
}
body.play #contents ol li {
  float:left;
  width:48%;
  line-height:1.6;
}
body.play #contents ol li em {
  float:left;
  width:80px;
  margin:0 20px 0 0;
  text-align:center;
  font-style:normal;
  font-weight:bold;
  color:#fff;
}
body.play #contents ol li.a em {
  background:#36c;
}
body.play #contents ol li.b em {
  background:#00a0c6;
}
body.play #contents ol li ul {
  float:left;
  list-style-type:none;
}
body.play #contents ol li ul li {
  float:none;
  width:auto;
  padding:0 0 0 3em;
  text-indent:-3em;
}

body.play #contents strong {
  font-family:Helvetica,Arial;
  font-size:16px;
}
body.play #contents p.caution {
  position:relative;
  margin:15px -10px 0 0;
  padding:0 0 0 65px;
  white-space:nowrap;
}
body.play #contents p.caution em {
  position:absolute;
  left:0;
  font-style:normal;
  color:#e33;
}



/* play.html */
body#play #contents div.catch {
  background-image:url(../img/play/catch-cruise.jpg);
}

body#play #contents h3.title {
  color:#00a0c6;
  background-image:url(../img/format/icon-title2.gif);
  border-bottom:solid 2px #00a0c6;
}

body#play #contents ol.course li ul li {
  margin:0 0 5px 0;
  padding-bottom:8px;
  background:url(../img/format/icon-arrow3.gif) no-repeat center bottom;
}
body#play #contents ol.course li ul li.last {
  margin:0;
  padding-bottom:0;
  background:transparent;
}



/* play-rental.html */
body#play-rental #contents div.catch {
  background-image:url(../img/play/catch-rental.jpg);
}