$(function(){

    var span_chips = $('span.hotspot');
    
    // javascript ONの時、非表示
    var off_chip_style = {display: 'none'};
    
    //  表示されるツールチップのスタイル
    var on_chip_style = {
                    color: '#9d793b',
                    display: 'block',
                    padding: '1em',
                    backgroundColor: '#000',
                    position:"absolute",
					width: '150px'
                    };
    
    //  span class="spanTC"要素を非表示に。
    span_chips.each(function(){
        $(this).css(off_chip_style);
    });
    
    //  a class="spanTC"要素にhover時のイベント設定
    $('a.hotspot').each(function(i){
        
        $(this).hover(function(){
            span_chips.eq(i).css(on_chip_style);
        }, function(){
            span_chips.eq(i).css(off_chip_style);

        // マウス移動時に追従してツールチップも動く
        }).mousemove(function(e){
                      span_chips.eq(i).css({
                          'top' :(e.pageY - $(document).scrollTop())  + 15 + 'px',
                          'left':e.pageX + 15 + 'px'
                           });
                      });
    });
});

document.documentElement.scrollTop

$(function(){

    var span_chips2 = $('span.hotspot2');
    
    // javascript ONの時、非表示
    var off_chip_style2 = {display: 'none'};
    
    //  表示されるツールチップのスタイル
    var on_chip_style2 = {
                    color: '#9d793b',
                    display: 'block',
                    padding: '1em',
                    backgroundColor: '#000',
                    position:"absolute",
					width: '150px'
                    };
    
    //  span class="spanTC"要素を非表示に。
    span_chips2.each(function(){
        $(this).css(off_chip_style2);
    });
    
    //  a class="spanTC"要素にhover時のイベント設定
    $('a.hotspot2').each(function(i){
        
        $(this).hover(function(){
            span_chips2.eq(i).css(on_chip_style2);
        }, function(){
            span_chips2.eq(i).css(off_chip_style2);

        // マウス移動時に追従してツールチップも動く
        }).mousemove(function(e){
                      span_chips2.eq(i).css({
                          'top' :e.pageY + 15 + 'px',
                          'left':e.pageX + 15 + 'px'
                           });
                      });
    });
});