@charset "UTF-8";
/* CSS Document */
#header {width:800px;
margin: 30px auto 0;
height:45px;}

#menu li {list-style-type: none;
float:left;}

#menu a{
display:block;
height:45px;
font-size:12px;
color:#fff;
text-indent:-300px;
line-height: 45px;
overflow: hidden;
background-image: url(/img/g_menu.png);
background-repeat: no-repeat;}

/*onLoad*/
#menu #home a{width:164px;}
#menu #info a{width:144px;background-position: -164px top;}
#menu #works a{width:103px;background-position: -308px top;}
#menu #photo a{width:141px;background-position: -411px top;}
#menu #profile a{width:108px;background-position: -552px top;}
#menu #mail a{width:140px;background-position: -660px top;}
/*RollOver*/
#menu #home a:hover{width:164px;background-position: 0px  -45px;}
#menu #info a:hover{width:144px;background-position: -164px  -45px;}
#menu #works a:hover{width:103px;background-position: -308px -45px;}
#menu #photo a:hover{width:141px;background-position: -411px -45px;}
#menu #profile a:hover{width:108px;background-position: -552px -45px;}
#menu #mail a:hover{width:140px;background-position: -660px -45px;}
/*youre here カーソルを変化させない*/
.home #menu #home a{width:164px;background-position: 0 -45px;cursor:default;}
.info #menu #info a{width:144px;background-position: -164px -45px;cursor:default;}
.works #menu #works a{width:103px;background-position: -308px -45px;cursor:default;}
.photo #menu #photo a{width:141px;background-position: -411px -45px;cursor:default;}
.profile #menu #profile a{width:108px;background-position: -552px -45px;cursor:default;}