#RSSBtn {
  margin: 0;
  padding: 0;
  width: 55px;
  height: 22px;
  position: absolute;
  top: 0px;
  right: 215px;
  z-index: 5000;
}

#RSSBtn a {
  width: 55px;
  height: 22px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  background: url(images/jq_slider/rss_feed_btn.png) no-repeat 0px 0px;
}

#RSSBtn a:hover { background: url(images/jq_slider/rss_feed_btn.png) no-repeat 0px -22px; }


#sliderWrap {
  margin: 0 auto;
  width: 185px;
}

#slider {
  margin-top: -250px;
  width: 185px;
  height: 272px;
  position: absolute;
  top: 0px;
  right: 25px;
  z-index: 4900;
  background: url(images/jq_slider/preference_bg.png) no-repeat;
  background-position: bottom;
}

#sliderContent {
  margin: 0;
  padding: 10px 10px 0 10px;
  width: 185px;
  position: absolute;
  text-align: left;
  z-index: 4800;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #FFFFFF;
}

#sliderContent h6.SliderCP {
  margin: 0;
  padding: 5px 0 0 0;
  width: 165px;
  color: #FFFFFF;
  font-size: small;
  font-weight: bold;
  border-bottom: solid 1px #FFFFFF;
}

#sliderContent ul.SliderLi01 {
  margin: 0;
  padding: 5px 0 0 0;
  width: 165px;
  height: auto;
  list-style-type: none;
  color: #FFFFFF;
}

#sliderContent ul.SliderLi01 li {
  margin: 0;
  padding: 2px 0 2px 15px;
  width: 150px;
  height: 16px;
  font-size: small;
  color: #FFFFFF;
  font-weight: bold;
  background: url(images/jq_slider/jq_slider_dot.png) no-repeat ;
  background-position: 0px 2px;
}

#sliderContent ul.SliderLi01 li a {
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  text-decoration: none;
}

#sliderContent ul.SliderLi01 li a:hover { text-decoration: underline; }

#sliderContent ul.SliderLi02 {
  margin: 5px 0 0 28px;
  padding: 0;
  width: 111px;
  height: 20px;
  list-style-type: none;
  background: url(images/jq_slider/jq_slider_fontbtn.png) no-repeat ; }

ul.SliderLi02 li {
  margin: 0;
  padding: 0;
  width: 37px;
  height: 20px;
  float: left;
}

/* __________________________________ Font Resizer CSS __________________________________ */
a.smallFont {
  width: 37px;
  height: 20px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
}
a.medFont {
  width: 37px;
  height: 20px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
}
a.largeFont {
  width: 37px;
  height: 20px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
}

a.smallFont:hover { background: url(images/jq_slider/jq_slider_fontbtn.png) no-repeat  0px -20px; }
a.medFont:hover { background: url(images/jq_slider/jq_slider_fontbtn.png) no-repeat  -37px -20px; }
a.largeFont:hover { background: url(images/jq_slider/jq_slider_fontbtn.png) no-repeat  -74px -20px; }

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.curFontsmall { background: url(images/jq_slider/jq_slider_fontbtn.png) no-repeat  0px -20px; }
.curFontmed { background: url(images/jq_slider/jq_slider_fontbtn.png) no-repeat  -37px -20px; }
.curFontlarge { background: url(images/jq_slider/jq_slider_fontbtn.png) no-repeat  -74px -20px; }

#header { margin: 0; }

#openCloseWrap {
  position:absolute;
  margin: 250px 0 0 0;
}

#openCloseWrap a {
  width: 185px;
  height: 22px;
}

#openCloseWrap a .jQSliderOp {
  width: 185px;
  height: 22px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  background: url(images/jq_slider/preference_bg_open.png) no-repeat ;
  background-position: 0px 0px;
}

#openCloseWrap a .jQSliderCl {
  width: 185px;
  height: 22px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  background: url(images/jq_slider/preference_bg_close.png)  no-repeat;
  background-position: 0px 0px;
}