h2 {
	background: url(../../../../img/page/top/megane-keyboard.jpg) left top no-repeat;
}



/**
 *
 *  #services
 *
 **/
#services {
}

#services ul {
	margin: 0 -1% 0 0;
	padding: 0;
}
#services ul li {
	margin: 0 1% 8px 0;
	padding: 0;
	float: left;
	width: 49%;
	height: 120px;
}

#services ul li a {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../../../../img/page/top/services.bg.png) left top no-repeat;
	text-decoration: none;
}
#services ul li a:hover {}

#services ul li a span { visibility: hidden; }

#services ul li#services-website    a { background-position: 0      0; }
#services ul li#services-webservice a { background-position: 0 -120px; }
#services ul li#services-pc         a { background-position: 0 -240px; }
#services ul li#services-sabae      a { background-position: 0 -360px; }

#services ul li#services-website    a:hover { background-position: -400px      0; }
#services ul li#services-webservice a:hover { background-position: -400px -120px; }
#services ul li#services-pc         a:hover { background-position: -400px -240px; }
#services ul li#services-sabae      a:hover { background-position: -400px -360px; }


/**
 *
 *  #works
 *
 **/
#works {
}

#works ul {
	margin: 0 -2% 0 0;
	padding: 0;
}
#works ul li {
	margin: 0 1% 8px 0;
	padding: 0;
	float: left;
	width: 32%;
	height: 120px;
}

#works ul li#pc {
}

#works ul li a {
	margin: 0;
	padding: 0;
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#works ul li a span {
	padding: 8px;
	display: block;
	visibility: hidden;
	color: #ffffff;
	background: #51a2da;
	line-height: 120%;
	font-size: 90%;
	font-weight: bolder;
}
#works ul li a:hover span {
	visibility: visible;
}





/**
 *
 *  #features
 *
 **/
#features {
}

#features ul {
	margin: 0;
	padding: 0;
}
#features ul li {
	margin: 0 0 8px 0;
	height: 120px;
}
#features ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration: none;
}

#features ul li a span {
	padding: 8px;
	display: block;
	visibility: hidden;
	color: #ffffff;
	background: #8dc448;
	line-height: 120%;
	font-weight: bolder;
}
#features ul li a:hover span {
	visibility: visible;
}

