/* CSS Document */

#ProductNav {
position:relative;
width:230px;
border:1px solid #666666;
background-color:#3490D6;
}

#ProductNav .order_case {
top:50px;
left:162px;
}

#ProductNav .rich_case {
top:102px;
left:162px;
}

#ProductNav .design_case {
top:154px;
left:162px;
}

#ProductNav .system_case {
top:206px;
left:162px;
}

.titlebar {
border-bottom:1px solid #666666;
}

#ProductNav div {
	display:block;
}

#ProductNav a.pro_ser {
	width:230px;
	height:35px;
	display:block;
	position:relative;
	text-decoration:none;
}

#ProductNav a.sol {
	width:230px;
	height:52px;
	display:block;
	position:relative;
	text-decoration:none;
}

/* バックグラウンド画像指定 */
#ProductNav div {
	width:230px;
}
#ProductNav #item_ipax {
	background: transparent url(../image/index/ipax.png) 0px 0px;
	height:35px;
}
#ProductNav #item_ichatlive {
	background: transparent url(../image/index/ichatlive.png) 0px 0px;
	height:35px;
}

#ProductNav #item_mobtel {
	background: transparent url(../image/index/mobtel.png) 0px 0px;
	height:35px;
}

#ProductNav #item_cvt {
	background: transparent url(../image/index/cvt.png) 0px 0px;
	height:35px;
}
#ProductNav #item_hosting {
	background: transparent url(../image/index/hosting.png) 0px 0px;
	height:35px;
}

#ProductNav #item_order {
	background: transparent url(../image/index/order.png) 0px 0px;
	height:52px;
}
#ProductNav #item_rich {
	background: transparent url(../image/index/rich.png) 0px 0px;
	height:52px;
}
#ProductNav #item_hp {
	background: transparent url(../image/index/hp.png) 0px 0px;
	height:52px;
}
#ProductNav #item_system {
	background: transparent url(../image/index/sys.png) 0px 0px;
	height:52px;
}

#ProductNav #item_domain{
	background: transparent url(../image/index/domain.png) 0px 0px;
	height:35px;
}
/* アンカー処理 */
#item_ipax a:hover {background: transparent url(../image/index/ipax.png) 0px -35px;}
#item_mobtel a:hover {background: transparent url(../image/index/mobtel.png) 0px -35px;}
#item_ichatlive a:hover {background: transparent url(../image/index/ichatlive.png) 0px -35px;}
#item_cvt a:hover {background: transparent url(../image/index/cvt.png) 0px -35px;}
#item_hosting a:hover {background: transparent url(../image/index/hosting.png) 0px -35px;}
#item_domain a:hover {background: transparent url(../image/index/domain.png) 0px -35px;}

#item_order a:hover {background: transparent url(../image/index/order.png) 0px -52px;}
#item_rich a:hover {background: transparent url(../image/index/rich.png) 0px -52px;}
#item_hp a:hover {background: transparent url(../image/index/hp.png) 0px -52px;}
#item_system a:hover {background: transparent url(../image/index/sys.png) 0px -52px;}

/*IE6*/
* #item_ipax a {background: transparent url(../image/index/ipax.png) 0px 0px;}
* #item_mobtel a {background: transparent url(../image/index/mobtel.png) 0px 0px;}
* #item_ichatlive a {background: transparent url(../image/index/ichatlive.png) 0px 0px;}
* #item_cvt a {background: transparent url(../image/index/cvt.png) 0px 0px;}
* #item_hosting a {background: transparent url(../image/index/hosting.png) 0px 0px;}
* #item_domain a {background: transparent url(../image/index/domain.png) 0px 0px;}

* #item_order a {background: transparent url(../image/index/order.png) 0px 0px;}
* #item_rich a {background: transparent url(../image/index/rich.png) 0px 0px;}
* #item_hp a {background: transparent url(../image/index/hp.png) 0px 0px;}
* #item_system a {background: transparent url(../image/index/sys.png) 0px 0px;}

#ProductNav p {
position:absolute;
background: transparent url(../image/index/case.gif) 0px 0px;
width:59px;
height:21px;
}

#ProductNav p a{
display:block;
width:59px;
height:21px;
background: transparent url(../image/index/case.gif) 0px 0px;
}

#ProductNav p a:hover {background: transparent url(../image/index/case.gif) 0px -21px;}