@charset "UTF-8";
/*----------------------------------------------------------------
 File Name  : cnavi-web.css
 Style Info : webページのcontents-naviの適用

 00,contents-navi
----------------------------------------------------------------*/

/* ------------ contents-navi */
.contents-navi {
	float: left;
	width: 180px;
}

#c-navi{
	width: 180px;
	height: 132px;
	background:url(../../web/images/cnavi_off.jpg) no-repeat;
}

#c-navi ul {
	width: 180px;
	height: 132px;
}
#c-navi li {
	list-style-type:none;
}
#c-navi li a {
	width: 180px;
	height: 44px;
	display: block;
	text-indent: -9877em;
	text-decoration: none;
	overflow: hidden;
}
/*------off*/
#c-navi li.c-navi01 a {
	background:url(../../web/images/cnavi_off.jpg) no-repeat 0px 0px;
}
#c-navi li.c-navi02 a {
	background:url(../../web/images/cnavi_off.jpg) no-repeat 0px -44px;
}
#c-navi li.c-navi03 a {
	background:url(../../web/images/cnavi_off.jpg) no-repeat 0px -88px;
}

/*------hover*/
#c-navi li.c-navi01 a:hover {
	background:url(../../web/images/cnavi_on.jpg) no-repeat -180px 0px;
}
#c-navi li.c-navi02 a:hover {
	background:url(../../web/images/cnavi_on.jpg) no-repeat -180px -44px;
}
#c-navi li.c-navi03 a:hover {
	background:url(../../web/images/cnavi_on.jpg) no-repeat -180px -88px;
}

/*------on*/
#c-navi li.c-navi01-on a {
	background:url(../../web/images/cnavi_on.jpg) no-repeat -360px 0px;
}
#c-navi li.c-navi02-on a {
	background:url(../../web/images/cnavi_on.jpg) no-repeat -360px -44px;
	height: 44px;
}
#c-navi li.c-navi03-on a {
	background:url(../../web/images/cnavi_on.jpg) no-repeat -360px -88px;
	height: 44px;
}