@charset "Shift_JIS";

div#d080605 * {
	margin: 0;
	padding: 0;
	font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
div#d080605 body {
	background: #fff;
	color: #333;
}

div#d080605 img {
	border: none;
}

div#d080605 ul {
	list-style: none;
}

div#d080605 p {
	clear: both;
}

/* コンテナブロック -------------------------------- */


#no1, #no2 {
	width: 460px;
	height: 160px;
	background: url(image/board.gif) no-repeat;
	padding: 40px 0 0 40px;
}


#no1 li, #no2 li, #no1 li a, #no2 li a {
	display: block;
	float: left;
}

#no1 li.home, #no2 li.home, #no1 li.home a, #no2 li.home a {
	width: 97px;
	height: 49px;
}
#no1 li.contact, #no2 li.contact, #no1 li.contact a, #no2 li.contact a {
	width: 139px;
	height: 56px;
}
#no1 li.coding, #no2 li.coding, #no1 li.coding a, #no2 li.coding a {
	width: 133px;
	height: 59px;
}
#no1 li.about, #no2 li.about, #no1 li.about a, #no2 li.about a {
	width: 96px;
	height: 41px;
	clear: left;
}
#no1 li.works, #no2 li.works, #no1 li.works a, #no2 li.works a {
	width: 144px;
	height: 75px;
}
#no1 li.designing, #no2 li.designing, #no1 li.designing a, #no2 li.designing a {
	width: 150px;
	height: 56px;
}

#no2 li.home a,
#no2 li.contact a,
#no2 li.coding a,
#no2 li.about a,
#no2 li.works a,
#no2 li.designing a {
	text-indent: -9999px;
}

#no1 li.home a, #no2 li.home a {
	background: url(image/home.gif) no-repeat;
}
#no1 li.home a:hover, #no2 li.home a:hover {
	background: url(image/home2.gif) no-repeat;
}
#no1 li.contact a, #no2 li.contact a {
	background: url(image/contact.gif) no-repeat;
}
#no1 li.contact a:hover, #no2 li.contact a:hover {
	background: url(image/contact2.gif) no-repeat;
}
#no1 li.coding a, #no2 li.coding a {
	background: url(image/coding.gif) no-repeat;
}
#no1 li.coding a:hover, #no2 li.coding a:hover {
	background: url(image/coding2.gif) no-repeat;
}
#no1 li.about a, #no2 li.about a {
	background: url(image/about.gif) no-repeat;
}
#no1 li.about a:hover, #no2 li.about a:hover {
	background: url(image/about2.gif) no-repeat;
}
#no1 li.works a, #no2 li.works a {
	background: url(image/works.gif) no-repeat;
}
#no1 li.works a:hover, #no2 li.works a:hover {
	background: url(image/works2.gif) no-repeat;
}
#no1 li.designing a, #no2 li.designing a {
	background: url(image/designing.gif) no-repeat;
}
#no1 li.designing a:hover, #no2 li.designing a:hover {
	background: url(image/designing2.gif) no-repeat;
}

/* ------------------------  */
#no3 {
	background: url(image/board2.gif) no-repeat;
	width: 500px;
	height: 200px;
	position: relative;
}

#no3 li a {
	display: block;
}
#no3 a:hover {
	background: none;
}
#no3 li a:hover img {
	visibility: hidden;
}

#no3 li.home a {
	width: 97px;
	height: 49px;
	position: absolute;
	top: 29px;
	left: 36px;
	z-index: 2;
}
#no3 li.contact a {
	width: 139px;
	height: 56px;
	position: absolute;
	top: 29px;
	left: 180px;
	z-index: 2;
}
#no3 li.coding a {
	width: 133px;
	height: 59px;
	position: absolute;
	top: 19px;
	right: 19px;
	z-index: 2;
}
#no3 li.about a {
	width: 96px;
	height: 41px;
	position: absolute;
	bottom: 32px;
	left: 48px;
	z-index: 2;
}
#no3 li.works a {
	width: 144px;
	height: 75px;
	position: absolute;
	bottom: 40px;
	left: 164px;
	z-index: 2;
}
#no3 li.designing a {
	width: 150px;
	height: 56px;
	position: absolute;
	bottom: 17px;
	right: 36px;
	z-index: 2;
}