/* 案内リンク及び目次 */ #tools1, #toc {

  position: fixed;
  width: 36%; max-width: 20em;
  -moz-binding: url('http://suika.fam.cx/www/style/ui/drag.xbl#simple-drag');
  behavior: url('http://suika.fam.cx/www/style/ui/drag.htc');
}
#toc {
  overflow: auto;
}
#toc h2, #toc > ul {
  max-width: 80%;
    /* なぜか (ブラウザ・スタイルのせい?) Moz で不要な scroll bar が出る対策。 */
}
#toc h2 {
  margin: 0;
  padding: 0;
  max-width: 100%; /* padding:0 なら scroll にはならない。 */
}

/* .DRAGABLE = drag 可能 mode */ .DRAGABLE {

  position: absolute;
  margin: 0; /* 位置計算の関係で、 top,left は 0 がよい。  0 以外なら script を修正の必要あり。 */
}
#toc.DRAGABLE {
  position: fixed;
  top: 4em;
  right: 12px;
  max-height: 80%;
}
#tools1.DRAGABLE {
  position: fixed;
  top: 1em;
  right: 12px;
}

#toc.DRAGABLE.MSIE, #tools1.DRAGABLE.MSIE {

  position: absolute; /* WinIE は fixed に未対応。 */
}
.DRAGABLE.MSIE.HOVER {
}

/* このスタイル・シートはどのスタイルを選択中でも適用される。

   最低限の指定だけに留め、細かい指定には各代替スタイル内で行うこと。 */