// 説明文をポップアップ
function balloon_on (e, id, pad, borderw, bordercol) {
    if(!document.getElementById || !document.getElementById(id)) return;
    var x, y;
    if(window.event) {
        x = event.clientX + balloon_scrollleft();
        y = event.clientY + balloon_scrolltop();
    }
    else if(e) {
        x = e.pageX; y = e.pageY;
    }
    var o = document.getElementById(id);
    var w = parseInt(o.style.width);
    x = (x - w / 2 + 4); if(x < 0) x = 0;
    o.style.left = x + "px";
    o.style.top = (y + 16) + "px";
    o.style.padding = pad + "px";
    if(borderw || bordercol) {
        o.style.borderStyle = "solid";
        if(borderw) o.style.borderWidth = borderw + "px";
        if(bordercol) o.style.borderColor = bordercol;
    }
    o.style.visibility = "visible";
}
function balloon_off (id) {
    if(!document.getElementById || !document.getElementById(id)) return;
    var o = document.getElementById(id);
    o.style.visibility = "hidden";
}

/* ------------------------------------
  スクロール領域の上端
------------------------------------ */
function balloon_scrolltop () {
    if(document.compatMode == "CSS1Compat") {
        return document.body.parentNode.scrollTop;
    }
    else if(document.body && document.body.scrollTop) {
        return document.body.scrollTop;
    }
    else if(self.pageYOffset)
        return self.pageYOffset;
    return 0;
}

/* ------------------------------------
  スクロール領域の左端
------------------------------------ */
function balloon_scrollleft () {
    if(document.compatMode == "CSS1Compat") {
        return document.body.parentNode.scrollLeft;
    }
    else if(document.body && document.body.scrollLeft) {
        return document.body.scrollLeft;
    }
    else if(self.pageXOffset)
        return self.pageXOffset;
    return 0;
}