/* guide.css */



body.guide {
}

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





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

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


body#guide #contents #map {   /* map */
  position:relative;
  width:100%;
  height:420px;
  margin:15px 0 0 0;
  background:url(../img/guide/map.gif) no-repeat left top;
}
body#guide #contents #map h3 {
  display:none;
}
body#guide #contents #map ol {
  list-style-type:none;
}
body#guide #contents #map ol li {background:red;
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:0;
  line-height:0;
}
body#guide #contents #map ol li a {
  position:absolute;
  display:block;
  width:18px;
  height:18px;
  text-indent:-999em;
  border:solid 2px #fff;
  cursor:pointer;
}
/*\*/
body#guide #contents #map ol li a {
  overflow:hidden;
}
/**/
html>body#guide #contents #map ol li a {
  width:14px;
  height:14px;
  border:solid 2px transparent;
}
body#guide #contents #map ol li a:hover {
  border:solid 2px #f66;
}

body#guide #contents #map ol li a#g-1 {
  left:277px;
  top:188px;
}
body#guide #contents #map ol li a#g-2 {
  left:372px;
  top:188px;
}
body#guide #contents #map ol li a#g-3 {
  left:356px;
  top:204px;
}
body#guide #contents #map ol li a#g-4 {
  left:334px;
  top:216px;
}
body#guide #contents #map ol li a#g-5 {
  left:301px;
  top:222px;
}
body#guide #contents #map ol li a#g-6 {
  left:393px;
  top:217px;
}
body#guide #contents #map ol li a#g-7 {
  left:361px;
  top:242px;
}

body#guide #contents #map ol li a#s-1 {
  left:254px;
  top:68px;
}
body#guide #contents #map ol li a#s-2 {
  left:210px;
  top:126px;
}
body#guide #contents #map ol li a#s-3 {
  left:62px;
  top:249px;
}
body#guide #contents #map ol li a#s-4 {
  left:261px;
  top:387px;
}
body#guide #contents #map ol li a#s-5 {
  left:352px;
  top:390px;
}
body#guide #contents #map ol li a#s-6 {
  left:417px;
  top:373px;
}



body#guide #contents ol.list {   /* detail data */
  list-style-type:none;
}
body#guide #contents ol.list li {
  clear:both;
  width:635px;
  height:170px;
  margin:0 0 8px 0;
  padding:0 0 0 215px;
  line-height:3em;
  background:url() no-repeat 0 6px;
}
html>body#guide #contents ol.list li {
  width:420px;
  height:auto;
  min-height:170px;
}
body#guide #contents ol.list li.last {
  border:0;
}
body#guide #contents ol.list li strong {
  margin:0 5px 0 0;
  padding:5px;
  font-family:Helvetica,Arial;
  color:#fff;
}
body#guide #contents ol.list li a {
  font-weight:bold;
  font-size:15px;
}
body#guide #contents ol.list li p {
  margin:0 0 10px 0;
  line-height:1.5;
}
body#guide #contents ol.list li p.reference {
  padding:5px 10px;
}
body#guide #contents ol.list li p.reference em {
  font-weight:bold;
  font-style:normal;
}
body#guide #contents ol.list li p.reference a {
  font-weight:normal;
  font-size:13px;
}
body#guide #contents ol.list li p.navi {
  text-align:right;
}
body#guide #contents ol.list li p.navi a {
  padding:0 0 0 10px;
  font-family:Helvetica,Arial;
  font-size:12px;
  color:#999;
  background:url(../img/format/icon-arrow4.gif) no-repeat left center;
}

body#guide #contents ol.guide li strong {
  background:#36c;
}
body#guide #contents ol.spot li strong {
  background:#00b1cb;
}

body#guide #contents ol.guide li {
  border-bottom:dashed 1px #36c;
}
body#guide #contents ol.guide li p.reference {
  background:#e3eff6;
}
body#guide #contents ol.guide li p.reference em,
body#guide #contents ol.guide li p.reference a {
  color:#36c;
}

body#guide #contents ol.spot li {
  border-bottom:dashed 1px #00b1cb;
}
body#guide #contents ol.spot li p.reference {
  background:#e0f3f9;
}
body#guide #contents ol.spot li p.reference em,
body#guide #contents ol.spot li p.reference a {
  color:#00b1cb;
}

body#guide #contents ol li#data-guide-1 {
  background-image:url(../img/guide/guide-1.jpg);
}
body#guide #contents ol li#data-guide-2 {
  background-image:url(../img/guide/guide-2.jpg);
}
body#guide #contents ol li#data-guide-3 {
  background-image:url(../img/guide/guide-3.jpg);
}
body#guide #contents ol li#data-guide-4 {
  background-image:url(../img/guide/guide-4.jpg);
}
body#guide #contents ol li#data-guide-5 {
  background-image:url(../img/guide/guide-5.jpg);
}
body#guide #contents ol li#data-guide-6 {
  background-image:url(../img/guide/guide-6.jpg);
}
body#guide #contents ol li#data-guide-7 {
  background-image:url(../img/guide/guide-7.jpg);
}

body#guide #contents ol li#data-spot-1 {
  background-image:url(../img/guide/spot-1.jpg);
}
body#guide #contents ol li#data-spot-2 {
  position:relative;
  width:635px;
  padding:0 325px 0 0;
}
html>body#guide #contents ol li#data-spot-2 {
  width:310px;
}
body#guide #contents ol li#data-spot-2 p {
}
body#guide #contents ol li#data-spot-2 p.reference {
  position:absolute;
  right:0;
  top:35px;
  width:310px;
}
html>body#guide #contents ol li#data-spot-2 p.reference {
  width:290px;
}
body#guide #contents ol li#data-spot-2 p.navi {
  position:relative;
  top:-10px;
  width:635px;
  margin:0 -325px 0 0;
}
body#guide #contents ol li#data-spot-3 {
  background-image:url(../img/guide/spot-3.jpg);
}
body#guide #contents ol li#data-spot-4 {
  background-image:url(../img/guide/spot-4.jpg);
}
body#guide #contents ol li#data-spot-5 {
  background-image:url(../img/guide/spot-5.jpg);
}
body#guide #contents ol li#data-spot-6 {
  background-image:url(../img/guide/spot-6.jpg);
}



body#guide #imageViewerImage {   /* map event style */
  clear:both;
  position:relative;
  width:655px;
  text-align:left;
  background:#fff;
  cursor:default;
}
body#guide #imageViewerImage div {
  display:inline-block;
}
body#guide #imageViewerImage div {
  display:block;
  height:160px;
  margin:5px 10px 0 10px;
  padding:0 0 0 215px;
  line-height:3em;
  background:url() no-repeat 0 6px;
}
html>body#guide #imageViewerImage div {
  height:auto;
  min-height:160px;
}
body#guide #imageViewerImage div:after {
  content:'.';
  clear:both;
  visibility:hidden;
  display:block;
  width:100%;
  height:0;
}
* html>body#guide #imageViewerImage div {
  display:inline-block;
}

body#guide #imageViewerImage strong {
  margin:0 5px 0 0;
  padding:5px;
  font-family:Helvetica,Arial;
  color:#fff;
}
body#guide #imageViewerImage a {
  font-weight:bold;
  font-size:15px;
}
body#guide #imageViewerImage p {
  margin:0 0 10px 0;
  line-height:1.5;
}
body#guide #imageViewerImage p.reference {
  padding:5px 10px;
}
body#guide #imageViewerImage p.reference em {
  font-weight:bold;
  font-style:normal;
}
body#guide #imageViewerImage p.reference a {
  font-weight:normal;
  font-size:13px;
}
body#guide #imageViewerImage p.navi {
  display:none;
}

body#guide #imageViewerImage div.guide strong {
  background:#36c;
}
body#guide #imageViewerImage div.spot strong {
  background:#00b1cb;
}

body#guide #imageViewerImage div.guide p.reference {
  background:#e3eff6;
}
body#guide #imageViewerImage div.guide p.reference em,
body#guide #imageViewerImage div.guide p.reference a {
  color:#36c;
}

body#guide #imageViewerImage div.spot p.reference {
  background:#e0f3f9;
}
body#guide #imageViewerImage div.spot p.reference em,
body#guide #imageViewerImage div.spot p.reference a {
  color:#00b1cb;
}

body#guide #imageViewerImage div.noimg {
  position:relative;
  width:635px;
  padding:0 325px 0 0;
}
html>body#guide #imageViewerImage div.noimg {
  width:310px;
}
body#guide #imageViewerImage div.noimg p {
}
body#guide #imageViewerImage div.noimg p.reference {
  position:absolute;
  right:0;
  top:35px;
  width:310px;
}
html>body#guide #imageViewerImage div.noimg p.reference {
  width:290px;
}
body#guide #imageViewerImage div.noimg p.navi {
  position:relative;
  top:-10px;
  width:635px;
  margin:0 -325px 0 0;
}