// 説明文をポップアップ
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(window.pageYOffset)
		return window.pageYOffset;
	if(document.compatMode == "CSS1Compat")
		return document.documentElement.scrollTop;
	if(document.body.scrollTop)
		return document.body.scrollTop;
	return 0;
}

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