/* ロールオーバー */
$(function(){
    $("img.rollover").each(function(){
        $("<img>").attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"));
    })
    
    
    if($.browser.msie && $.browser.version<7){
        $("img.rollover").each(function(){
            
            $(this)
                .data("src",$(this).attr("src"))
                .attr("src","http://test.re-inc.jp/koukou/img/common/transparent.gif")
                .css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+$(this).data("src")+"',sizingMethod='scale')")
            
        }).mouseover(function(){
            $(this).css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+$(this).data("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2")+"',sizingMethod='scale')")
        }).mouseout(function(){
            $(this).css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+$(this).data("src")+"',sizingMethod='scale')")
        })
        
    }else{
        $("img.rollover").mouseover(function(){
            $(this).attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"));
        }).mouseout(function(){
            $(this).attr("src",$(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));
        })
    }
})


/* スムーススクロール 
------------------------------------------*/
$(function(){
$('a[href*=#]').click(function() {
var $target=$(this.hash);
var targetY=$target.offset().top;
$($.browser.opera ? document.compatMode == 'BackCompat' ? 'body' : 'html' :'html,body').animate({scrollTop: targetY},500);return false;
});
});


/* ドロップダウン */
  $(function() {
    $('#btn').droppy();
  });


/* ツールチップ */
$(function(){
    $("div.tooltip").hide()
    $("#btn_lymph").mouseover(function(){
        $("div.tooltip").show().css({
            "top":$(this).offset().top-20+"px",
            "left":$(this).offset().left+$(this).width()+10+"px"
        });
    }).mouseout(function(){
            $("div.tooltip").hide()
    })
})

$(function(){
    $("div.tooltip02").hide()
    $("#aroma_ascension").mouseover(function(){
        $("div.tooltip02").show().css({
            "top":$(this).offset().top-260+"px",
            "left":$(this).offset().left+$(this).width()-115+"px"
        });
    }).mouseout(function(){
            $("div.tooltip02").hide()
    })
})

$(function(){
    $("div.tooltip03").hide()
    $("#aroma_refine").mouseover(function(){
        $("div.tooltip03").show().css({
            "top":$(this).offset().top-260+"px",
            "left":$(this).offset().left+$(this).width()-115+"px"
        });
    }).mouseout(function(){
            $("div.tooltip03").hide()
    })
})

$(function(){
    $("div.tooltip04").hide()
    $("#aroma_oily_acne").mouseover(function(){
        $("div.tooltip04").show().css({
            "top":$(this).offset().top-260+"px",
            "left":$(this).offset().left+$(this).width()-115+"px"
        });
    }).mouseout(function(){
            $("div.tooltip04").hide()
    })
})


$(function(){
    $("div.tooltip05").hide()
    $("#aroma_fluid_retention").mouseover(function(){
        $("div.tooltip05").show().css({
            "top":$(this).offset().top-260+"px",
            "left":$(this).offset().left+$(this).width()-115+"px"
        });
    }).mouseout(function(){
            $("div.tooltip05").hide()
    })
})

$(function(){
    $("div.tooltip06").hide()
    $("#aroma_relief").mouseover(function(){
        $("div.tooltip06").show().css({
 "top":$(this).offset().top-260+"px",
    "left":$(this).offset().left+$(this).width()-115+"px"
        });
    }).mouseout(function(){
            $("div.tooltip06").hide()
    })
})