@charset "utf-8";
/*----------------------------------------------------
----------------------------------------------------*/
#product_banner {
	width: 180px;
	height: 450px;
	margin-top:10px;
	margin-left:10px;
	margin-right: 5px;
	list-style-type: none;
	background-repeat: no-repeat;
	list-style-position: inside;
}
#product_banner li {
	float: left;
	list-style-position: inside;
	margin-top:5px;
}


#product_banner li a {
	display: block;
	width: 180px;
	height: 70px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}


/* 各アイコンボタンのロールオーバー設定 */

/* 増殖礁 */
#product_banner li.no1 a {
	background: url(1a.jpg) no-repeat 0px -0px;
}
#product_banner li.no1 a.on,
#product_banner li.no1 a:focus,
#product_banner li.no1 a:hover {
	display: block;
	width: 180px;
	height: 70px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(1b.jpg) no-repeat 0px -0px;
}
/* ロードプラス */
#product_banner li.no2 a {
	background: url(2a.jpg) no-repeat 0px -0px;
}
#product_banner li.no2 a.on,
#product_banner li.no2 a:focus,
#product_banner li.no2 a:hover {
	display: block;
	width: 180px;
	height: 70px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(2b.jpg) no-repeat 0px -0px;
}
/* レコサール */
#product_banner li.no3 a {
	background: url(3a.jpg) no-repeat 0px -0px;
}
#product_banner li.no3 a.on,
#product_banner li.no3 a:focus,
#product_banner li.no3 a:hover {
	display: block;
	width: 180px;
	height: 70px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(3b.jpg) no-repeat 0px -0px;
}
/* クラピア */
#product_banner li.no4 a {
	background: url(4a.jpg) no-repeat 0px -0px;
}
#product_banner li.no4 a.on,
#product_banner li.no4 a:focus,
#product_banner li.no4 a:hover {
	display: block;
	width: 180px;
	height: 70px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(4b.jpg) no-repeat 0px -0px;
}
/* FK式ハンドホール */
#product_banner li.no5 a {
	background: url(5a.jpg) no-repeat 0px -0px;
}
#product_banner li.no5 a.on,
#product_banner li.no5 a:focus,
#product_banner li.no5 a:hover {
	display: block;
	width: 180px;
	height: 70px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(5b.jpg) no-repeat 0px -0px;
}
/* セーフティロード */
#product_banner li.no6 a {
	background: url(6a.jpg) no-repeat 0px -0px;
}
#product_banner li.no6 a.on,
#product_banner li.no6 a:focus,
#product_banner li.no6 a:hover {
	display: block;
	width: 180px;
	height: 70px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(6b.jpg) no-repeat 0px -0px;
}
/* sunasaibai */
#product_banner li.no7 a {
	background: url(7a.jpg) no-repeat 0px -0px;
}
#product_banner li.no7 a.on,
#product_banner li.no7 a:focus,
#product_banner li.no7 a:hover {
	display: block;
	width: 180px;
	height: 70px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(7b.jpg) no-repeat 0px -0px;
}
/* solarcell */
#product_banner li.no8 a {
	background: url(8a.jpg) no-repeat 0px -0px;
}
#product_banner li.no8 a.on,
#product_banner li.no8 a:focus,
#product_banner li.no8 a:hover {
	display: block;
	width: 180px;
	height: 70px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(8b.jpg) no-repeat 0px -0px;
}