$(function(){
    $('#navibtn a img').css({"opacity":0.6});
    $('#navibtn a img').hover(
        function() {
            $(this).stop().animate({"opacity":1});
        },
        function() {
            $(this).stop().animate({"opacity":0.6});
        }
    );
});
//グローバルナビゲーションなどに利用する
//記入例
//DIVでサイズを切って、背景を指定する。DIVと同じサイズのimgを乗せる。
//<div id="navibtn">
//	<ul>
//		<li><a href=""><img src="img/gnavi/gnavi01.jpg" /></a></li>
//	</ul>
//</div>
//とすると、gnavi01.jpgは70%の薄さで表示され、hoverさせると徐々に濃くなり、mouseoutすると薄くなる。

$(function(){
    $('.btn a img').css({"opacity":1});
    $('.btn img').hover(
        function() {
            $(this).stop().animate({"opacity":0.6});
        },
        function() {
            $(this).stop().animate({"opacity":1});
        }
    );
});


$(function(){
    $('.fadebtn_stop img').css({"opacity":0.6});
    $('.fadebtn_stop img').hover(
        function() {
            $(this).stop().animate({"opacity":1});
        },
        function() {
            $(this).stop().animate({"opacity":0.6});
        }
    );
});