@charset "utf-8";



/* applications

---------------------------------------- */



#caseNav li {

	padding-left: 18px;

	float: left;

}



#caseNav li.caseNavLeft {

	padding-left: 0;

}



#caseNav a.illust {

	display: block;

	text-indent: -9999px;

}



#caseNav li {

	position: relative;

	display: block;

	float: left;

}



#caseNav li.caseNav01 a.illust {

	width: 178px;

	height: 120px;

	background: url(/english/pro/vnetworks/applications/img/bt_casenav01.gif) no-repeat;

}



#caseNav li.caseNav01 a.illust:hover,

#caseNav li.caseNav01 a.illust:active {

	width: 178px;

	height: 120px;

	background: url(/english/pro/vnetworks/applications/img/bt_casenav01.gif) no-repeat 0 -120px;

}



#caseNav li.caseNav02 a.illust {

	width: 178px;

	height: 120px;

	background: url(/english/pro/vnetworks/applications/img/bt_casenav02.gif) no-repeat;

}



#caseNav li.caseNav02 a.illust:hover,

#caseNav li.caseNav02 a.illust:active {

	width: 178px;

	height: 120px;

	background: url(/english/pro/vnetworks/applications/img/bt_casenav02.gif) no-repeat 0 -120px;

}



#caseNav li.caseNav03 a.illust {

	width: 178px;

	height: 120px;

	background: url(/english/pro/vnetworks/applications/img/bt_casenav03.gif) no-repeat;

}



#caseNav li.caseNav03 a.illust:hover,

#caseNav li.caseNav03 a.illust:active {

	width: 178px;

	height: 120px;

	background: url(/english/pro/vnetworks/applications/img/bt_casenav03.gif) no-repeat 0 -120px;

}



#caseNav li.caseNav04 a.illust {

	width: 178px;

	height: 120px;

	background: url(/english/pro/vnetworks/applications/img/bt_casenav04.gif) no-repeat;

}



#caseNav li.caseNav04 a.illust:hover,

#caseNav li.caseNav04 a.illust:active {

	width: 178px;

	height: 120px;

	background: url(/english/pro/vnetworks/applications/img/bt_casenav04.gif) no-repeat 0 -120px;

}



#caseNav li.caseNav05 a.illust {

	width: 178px;

	height: 120px;

	background: url(/english/pro/vnetworks/applications/img/bt_casenav05.gif) no-repeat;

}



#caseNav li.caseNav05 a.illust:hover,

#caseNav li.caseNav05 a.illust:active {

	width: 178px;

	height: 120px;

	background: url(/english/pro/vnetworks/applications/img/bt_casenav05.gif) no-repeat 0 -120px;

}



#caseNav li.caseNav06 a.illust {

	width: 178px;

	height: 120px;

	background: url(/english/pro/vnetworks/applications/img/bt_casenav06.gif) no-repeat;

}



#caseNav li.caseNav06 a.illust:hover,

#caseNav li.caseNav06 a.illust:active {

	width: 178px;

	height: 120px;

	background: url(/english/pro/vnetworks/applications/img/bt_casenav06.gif) no-repeat 0 -120px;

}



ul.explanation p {

	width: 275px;

}



ul.explanation .expLeft {

	display: block;

	width: 295px;

	float: left;

}



ul.explanation .expRight {

	display: block;

	width: 275px;

	float: left;

}



#recommend li {

	padding: 10px 9px 0;

	float: left;

}



#recommend p {

	display: block;

	width: 172px;

	font-size: 80%;

	line-height: 150%;

	text-align: center;

}

#caption {

	color: #e00000;

}