@charset "euc-jp";
/* CSS Document */
/*
【注釈（tooltip）の使い方】
  <p>
    ここに文章がある場合 <span class="tooltip">注釈したい言葉<span class="tooltip-box">注釈したい言葉の注釈</span></span> という風に使う事ができる。
  </p>
*/

   .tooltip {
      position: relative;
      cursor: pointer;
      color: #0a5;/*#0a5*/
      text-decoration: underline dotted;
    }

    .tooltip-box {
      display: none;
      position: absolute;
      top: -3em;
      left: 25px;
      background: rgba(51,51,51,0.85);
      color: #fff;
      padding: 4px 10px;
      border-radius: 6px;
      font-size: 0.8em;
      white-space: nowrap;
      z-index: 100;
    }

    .tooltip.active .tooltip-box {
      display: block;
}