@charset "UTF-8";
/* CSS Document */

        #menu {
	/* ぼかし画像を指定 */
    background: url(../images/bg_blur3.jpg) left top no-repeat;
	width:850px;
	zoom: 1;
	height: 480px;
        }
        #menu:after {
            content: ".";
            clear: both;
            display: block;
            line-height: 0;
            height: 0;
            visibility: hidden;
        }
        #menu:hover li a {
            background-image: none;
        }
        #menu:hover li img {
            position: relative;
            z-index: -1;
        }
        #menu:hover li:hover a {
            background-image: url(../images/menu3.jpg);
        }
        #menu li {
            float: left;
        }
        #menu li a {
            background: url(../images/menu3.jpg) left top no-repeat;
            display: block; /* Firefox2用の指定 */
            display: inline-block;
            vertical-align: top;
        }
        #menu li.product06 a { background-position: 0px 0px;}
		#menu li.product07 a { background-position: -386px 0px;}
		#menu li.product01 a { background-position: 0px -240px; }
        #menu li.product02 a { background-position: -164px -240px; }
        #menu li.product03 a { background-position: -325px -240px; }
        #menu li.product04 a { background-position: -498px -240px;}
		#menu li.product05 a { background-position: -670px -240px;}
        #menu li a:hover {
            position: static; /* IE6用の指定 */
        }
        #menu li a:hover img ,
        #menu li#current a img {
            position: relative;
            z-index: -1;
        }
    

@charset "UTF-8";
/* CSS Document */