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

/*content style*/
div.content {
	display:  table-cell;
	overflow-x:  scroll;
	width:  50px;
	white-space:  nowrap;
}

div.content img {
	vertical-align:  top;
	padding:  5px;
}
	
div#nav {
	display:  table-cell;
	vertical-align:  top;
}	
	

/* main style */
ul.nav {
	background: url("../images/nav_main.png") 0 0 no-repeat;
	width:  217px;
	height:  182px;
	margin:  0;
	padding:  0;
	position:  fixed;
}

ul.nav li span {
	display:  none;
}

ul.nav li a {
	height:  30px;
	width:  217px;
	display:  block;
	margin:  0;
	padding:  0;

}

/*hover sytle*/
li.illy a:hover {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -217px  0px;
}

li.motion a:hover {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -217px  -30px;
}

li.gd a:hover {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -217px  -60px;
}

li.typo a:hover {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -217px  -90px;
}

li.web a:hover {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -217px  -120px;
}

li.contact a:hover {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -217px  -150px;
}

/*active style*/

li.illy a:active {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -435px  0px;
}

li.motion a:active {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -435px  -30px;
}

li.gd a:active {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -435px  -60px;
}

li.typo a:active {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -435px  -90px;
}

li.web a:active {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -435px  -120px;
}

li.contact a:active {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -435px  -150px;
}

/*current state*/

body.illy li.illy a {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -652px  0px;
}

body.motion li.motion a {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -652px  -30px;
}

body.gd li.gd a {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -652px  -60px;
}

body.typo li.typo a {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -652px  -90px;
}

body.web li.web a {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -652px  -120px;
}

body.contact li.contact a {
	background:  url("../images/nav_main.png")  no-repeat;
	background-position:  -652px  -150px;
}