#slideshow { list-style:none; color:#fff }
#slideshow span { display:none }
#container { width:506px; margin:20px auto; display:none }
/*#container * {margin:0; padding:0}*/
#fullsize { position:relative; width:500px; height:265px; padding:30px 2px; border:1px solid #000; background:#000 }
#information { position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70) }
#information h3 { padding:4px 8px 3px; font-size:14px }
#information p { padding:0 8px; }
#image { width:500px }
#image img { position:absolute; z-index:25; width:auto }
.imgnav { position:absolute; width:25%; height:306px; cursor:pointer; z-index:150 }
#imgprev { left:0; background:url(../../js/TinySlideshow/images/left.gif) left center no-repeat }
#imgnext { right:0; background:url(../../js/TinySlideshow/images/right.gif) right center no-repeat }
#imglink { position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40) }
.linkhover { background:url(../../js/TinySlideshow/images/link.gif) center center no-repeat }
#thumbnails { padding-top:15px; background:#000; }
#thumbnails:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* for IE7,MacIE5 */
#thumbnails { display:inline-block; }
/* hides from IE-mac \*/
* html #thumbnails { height:1%; }
#thumbnails { display:block; }
/* end hide IE-mac */

#slideleft { float:left; width:20px; height:66px; background:url(../../js/TinySlideshow/images/scroll-left.gif) center center no-repeat; background-color:#222 }
#slideleft:hover { background-color:#333 }
#slideright { float:right; width:20px; height:66px; background:#222 url(../../js/TinySlideshow/images/scroll-right.gif) center center no-repeat }
#slideright:hover { background-color:#333 }
#slidearea { float:left; position:relative; width:456px; margin-left:5px; height:71px; overflow:hidden; }
#slider { position:absolute; left:0; height:61px }
#slider img { cursor:pointer; border:1px solid #666; padding:2px }
#information .member-price,
#information .regular-price { margin-left:0.8em; margin-right:0.3em; }
/* sagamihara 
--------------------------------------------------------------*/
body.reflesh#sagamihara #slideshow { list-style:none; color:#fff }
body.reflesh#sagamihara #slideshow span { display:none }
body.reflesh#sagamihara #container { width:506px; margin:20px auto; display:none }
/*body.reflesh#sagamihara #container * {margin:0; padding:0}*/
body.reflesh#sagamihara #fullsize { position:relative; width:500px; height:300px; padding:2px; border:1px solid #000; background:#000 }
body.reflesh#sagamihara #information { position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70) }
body.reflesh#sagamihara #information h3 { padding:4px 8px 3px; font-size:14px }
body.reflesh#sagamihara #information p { padding:0 8px 8px }
body.reflesh#sagamihara #image { width:500px }
body.reflesh#sagamihara #image img { position:absolute; z-index:25; width:auto }
.imgnav { position:absolute; width:25%; height:306px; cursor:pointer; z-index:150 }
body.reflesh#sagamihara #imgprev { left:0; background:url(../../js/TinySlideshow/images/left.gif) left center no-repeat }
body.reflesh#sagamihara #imgnext { right:0; background:url(../../js/TinySlideshow/images/right.gif) right center no-repeat }
body.reflesh#sagamihara #imglink { position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40) }
body.reflesh#sagamihara .linkhover { background:url(../../js/TinySlideshow/images/link.gif) center center no-repeat }
body.reflesh#sagamihara #thumbnails {/*margin-top:15px; */ padding:15px 0; }
body.reflesh#sagamihara #slideleft { float:left; width:20px; height:81px; background:url(../../js/TinySlideshow/images/scroll-left.gif) center center no-repeat; background-color:#222 }
body.reflesh#sagamihara #slideleft:hover { background-color:#333 }
body.reflesh#sagamihara #slideright { float:right; width:20px; height:81px; background:#222 url(../../js/TinySlideshow/images/scroll-right.gif) center center no-repeat }
body.reflesh#sagamihara #slideright:hover { background-color:#333 }
body.reflesh#sagamihara #slidearea { float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden }
body.reflesh#sagamihara #slider { position:absolute; left:0; height:81px }
body.reflesh#sagamihara #slider img { cursor:pointer; border:1px solid #666; padding:2px }



/* -----------------------------------------------------------------------
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
----------------------------------------------------------------------- */

/* 海老名＆相模原　露天湯 */

.slider { width: 860px; height: 460px; position: relative; margin:15px auto;}
.slider a{text-decoration:none;}

.slider .sliderContent { width: 780px; overflow: auto; height: 460px; margin: 0 40px; position: absolute; top: 0; left: 0; }
/* Width below is max for Opera */
.slider .sliderContent ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.slider ul li { display: block; float: left; padding: 0; height: 460px; width: 780px; margin: 0; line-height:1.9;}
.slider .arrow { display: block; height: 20px; width: 20px; /*background: url(../images/arrows.png) no-repeat 0 0;*/ text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.slider .forward { right:10px; background:url(../../img/slide-right.gif) left center no-repeat; }
.slider .back { left:10px; background:url(../../img/slide-left.gif) left center no-repeat; }
/*.slider .forward:hover          { background-position: 0 -200px; }
.slider .back:hover             { background-position: -67px -200px; }*/

#thumbNav { position: relative; top: 0; right:0; text-align: right; }
#thumbNav a { color: black; font-size: 11px; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; /*background: #c58b04 url(../images/cellshade.png) repeat-x;*/ background:#fff; border:1px solid #ddd; text-align: center; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; }
#thumbNav a:hover {background: #bbb;}
#thumbNav a.cur {background: #bbb;}
#start-stop { background: #E9E5CF; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 460px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing { background-color:#C2BFAE; }
#start-stop:hover { background-image: none; }
/*
  Prevents
*/
.slider .sliderContent ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.slider .sliderContent ul ul li { float: none; height: auto; width: auto; background: none; }