div#body div#main
{
	float: right;
	width: 484px;
}
div#body div#sub
{
	float: left;
	width: 289px;
}
div#sub div#logo { margin-bottom: 22px; }
div#sub div#navigation ul li
{
	width: 170px;
	height: 60px;
}
div#sub div#navigation ul li a,
div#sub div#navigation ul li em
{
	width: 170px;
	height: 60px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(/common/image/nav_index.gif) no-repeat scroll 0 0;
}

div#sub div#navigation ul li.link a
{
	height: 59px;
}

div#sub div#navigation ul li.home a { background-position: 0 0; }
div#sub div#navigation ul li.profile a { background-position: 0 -60px; }
div#sub div#navigation ul li.works a { background-position: 0 -120px; }
div#sub div#navigation ul li.diary a { background-position: 0 -180px; }
div#sub div#navigation ul li.link a { background-position: 0 -240px; }
div#sub div#navigation ul li.access a { background-position: 0 -299px; }

div#sub div#navigation ul li.home a:hover { background-position: -170px 0; }
div#sub div#navigation ul li.profile a:hover { background-position: -170px -60px; }
div#sub div#navigation ul li.works a:hover { background-position: -170px -120px; }
div#sub div#navigation ul li.diary a:hover { background-position: -170px -180px; }
div#sub div#navigation ul li.link a:hover { background-position: -170px -240px; }
div#sub div#navigation ul li.access a:hover { background-position: -170px -299px; }

div#sub div#navigation ul li.home em { background-position: -170px 0; }
div#sub div#navigation ul li.profile em { background-position: -170px -60px; }
div#sub div#navigation ul li.works em { background-position: -170px -120px; }
div#sub div#navigation ul li.diary em { background-position: -170px -180px; }
div#sub div#navigation ul li.link em { background-position: -170px -240px; }
div#sub div#navigation ul li.access em { background-position: -170px -299px; }

div#sub div#copyright { margin-top: 12px; }