@charset "euc-jp";
/* CSS Document */


/* gnavi
---------------------------------------------------- */
#gnavi {
	background-image: url(../img/common/gnavi_back.jpg);
	background-repeat: no-repeat;
	width: 990px;
	height: 58px;
	margin: 0 auto;
}

#gnavi ul#gnavi_box {
	margin: 0;
	padding: 0;
	width: 990px;
	height: 58px;
}

#gnavi ul#gnavi_box li#pms,
#gnavi ul#gnavi_box li#printing,
#gnavi ul#gnavi_box li#goods,
#gnavi ul#gnavi_box li#pms_v,
#gnavi ul#gnavi_box li#printing_v,
#gnavi ul#gnavi_box li#goods_v
{
	float: left;
	position: relative;
	height: 58px;
	background-image: url(../img/common/gnavi.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#gnavi ul#gnavi_box li#pms a,
#gnavi ul#gnavi_box li#pms_v a {
	background-image: url(../img/common/gnavi.jpg);
	background-position: 0 0;
	width: 418px;
	height: 58px;
	display: block;
}
#gnavi ul#gnavi_box li#printing a,
#gnavi ul#gnavi_box li#printing_v a {
	background-image: url(../img/common/gnavi.jpg);
	background-position: -418px 0;
	width: 240px;
	height: 58px;
	display: block;
}
#gnavi ul#gnavi_box li#goods a,
#gnavi ul#gnavi_box li#goods_v a {
	background-image: url(../img/common/gnavi.jpg);
	background-position: -658px 0;
	width: 332px;
	height: 58px;
	display: block;
}
/***** on */
#gnavi ul#gnavi_box li#pms a:hover {
	background-position: 0 -58px;
}
#gnavi ul#gnavi_box li#printing a:hover {
	background-position: -418px -58px;
}
#gnavi ul#gnavi_box li#goods a:hover {
	background-position: -658px -58px;
}
/***** visit */
#gnavi ul#gnavi_box li#pms_v a {
	background-position: 0 -116px;
	width: 418px;
}
#gnavi ul#gnavi_box li#printing_v a {
	background-position: -418px -116px;
	width: 240px;
	/*margin-left: 18px;*/
}
#gnavi ul#gnavi_box li#goods_v a {
	background-position: -658px -116px;
	width: 332px;
}


/* 下層のメニューを不可視に */
#gnavi ul#gnavi_box li ul.sub {
        display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
#gnavi ul#gnavi_box li:hover ul.sub {
	display: block;
	position: absolute;
	z-index: 300;
	margin: 0;
	/*left: -41px;*/
}

#gnavi ul#gnavi_box li#pms ul.sub li.sub-a,
#gnavi ul#gnavi_box li#pms_v ul.sub li.sub-a,
#gnavi ul#gnavi_box li#printing ul.sub li.sub-b,
#gnavi ul#gnavi_box li#printing_v ul.sub li.sub-b,
#gnavi ul#gnavi_box li#goods ul.sub li.sub-c,
#gnavi ul#gnavi_box li#goods_v ul.sub li.sub-c {
	list-style-type: none;
	text-indent: 0;
	font-size: 80%;
}
#gnavi ul#gnavi_box li#pms ul.sub li.sub-a a,
#gnavi ul#gnavi_box li#pms_v ul.sub li.sub-a a,
#gnavi ul#gnavi_box li#printing ul.sub li.sub-b a,
#gnavi ul#gnavi_box li#printing_v ul.sub li.sub-b a,
#gnavi ul#gnavi_box li#goods ul.sub li.sub-c a,
#gnavi ul#gnavi_box li#goods_v ul.sub li.sub-c a {
	float: none;
	height: 15px;
	padding: 10px 0 10px 10px;
	margin: 0;
	display: block;
	color: #FFF;
	text-decoration: none;
	background-image: none;
	background-color: #333;
	border-bottom: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	list-style-type: none;
}
#gnavi ul#gnavi_box li#pms ul.sub li.sub-a a,
#gnavi ul#gnavi_box li#pms_v ul.sub li.sub-a a {
	width: 408px;
}
#gnavi ul#gnavi_box li#printing ul.sub li.sub-b a,
#gnavi ul#gnavi_box li#printing_v ul.sub li.sub-b a {
	width: 230px;
}
#gnavi ul#gnavi_box li#goods ul.sub li.sub-c a,
#gnavi ul#gnavi_box li#goods_v ul.sub li.sub-c a {
	width: 322px;
}
#gnavi ul#gnavi_box li#pms ul.sub li.sub-a a:hover,
#gnavi ul#gnavi_box li#pms_v ul.sub li.sub-a a:hover,
#gnavi ul#gnavi_box li#printing ul.sub li.sub-b a:hover,
#gnavi ul#gnavi_box li#printing_v ul.sub li.sub-b a:hover,
#gnavi ul#gnavi_box li#goods ul.sub li.sub-c a:hover,
#gnavi ul#gnavi_box li#goods_v ul.sub li.sub-c a:hover {
	background-color: #666;
	height: 15px;
}