<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="http://s2.uploads.ru/yY1Kz.png" alt="Вверх страницы">
  </a>
  <br>
  <br>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="http://s3.uploads.ru/5MeDx.png" alt="Вниз страницы">
  </a>
</div>
<style>
HTML, BODY {font-family: verdana, arial, courier ;font-size: 16 }
</style>

</style>
<style>
.punbb {
  float: center;
  height:о px;
width: 848px;
padding-left: 0px;
padding-right: 0px;
  }
</style>


<style> 
div .splLink {width: 140px; height: 56px; text-align: center; font-family: Comic Sans Ms; font-size: 17px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:  #fffed2; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #c38f64; font-size: 12px; font-family: Comic Sans Ms; text-align: center;}
</style>

<script>function PanelToggleR(a){var b=a.attr('data'),c=a.css('margin-right');a.attr('data',c);a.stop().animate({'margin-right':b},300)}</script>
<style>
#right-panel {
  top:-40px;
  padding:0;
  margin-right:-280px;
  position:fixed;z-index:1000;
  right:-3px;
}
.content-R {
  padding:12px;
  width:236px;
  height:515px;
  margin-left: 110px;
  margin-top:60px;
  position:absolute;
  color:#fff;
  background-color:#B99352;
}
.content-R a{
 color:#FFE0AA!important;
 text-shadow: -1px 1px 0px #926001!important;
}
</style>
<div data="0" id="right-panel">
<div class="content-R">
<p><a href="http://bleachkaiho.f-rpg.ru/viewtopic.php?id=36#p6038" target="_blank">Quest #1 "Deja vu"</a></p>
 <p><b>Kurosaki Ichigo</b></p>
<br > <br />
<p><a href="http://bleachkaiho.f-rpg.ru/viewtopic.php?id=37" target="_blank"> Quest #2 "Если у тебя не получается пазл, разбери всё и собирай заново"</a></p>
<p><b>Yukio Hans Vorarlberna</b></p>
<br > <br />
<a href="http://bleachkaiho.f-rpg.ru/viewtopic.php?id=43" target="_blank">Quest #4: "Посидим, пораскинем мозгами"</a>
<p><b>Urahara Kisuke</b></p>
<br > <br />
<p><a href="http://bleachkaiho.f-rpg.ru/viewtopic.php?id=54" target="_blank">Quest #6 "Лисья преданность"</a></p>
<p><b>Ichimaru Gin</b></p>
<br > <br />
<p><a href="http://bleachkaiho.f-rpg.ru/viewtopic.php?id=83#p7113" target="_blank">"Quest #11: "К слову говоря...""</a></p>
<p><b>Hitsugaya Toshiro</b></p>
<br > <br />
<p><a href="http://bleachkaiho.f-rpg.ru/viewtopic.php?id=87#p7711" target="_blank">Quest #12: "А кто там, собственно, такой?""</a></p>
<p><b>War</b></p>
<br > <br />
<a href="http://bleachkaiho.f-rpg.ru/viewtopic.php?id=92" target="_blank">Quest #13: "Жизнь после смерти"</a>
<p><b>Szayel Aporro Granz</b></p>
<br > <br />
<a href="http://bleachkaiho.f-rpg.ru/viewtopic.php?id=99" target="_blank">Quest #14: "Адское веселье"</a>
<p><b>Kaname Tousen</b></p>
<br > <br />
</div>
<img id="img-left" src="http://s33-temporary-files.radikal.ru/540145fb7317446498bd040f9c2ad4f6/-929206895.png" onclick="PanelToggleR($('#right-panel'))"/>
</div><!-- Конец Правой Панели -->