/* CSS Document */


/*-- link --*/
#solutionWrap a{
	color:#568FCC;
	text-decoration:underline;	
}
#solutionWrap a:hover{
	color:#568FCC;
	text-decoration:none;	
}
#solutionWrap .boxpan a{
	color:#FF6200;
	text-decoration:underline;
}
#solutionWrap .boxpan a:hover{
	color:#FF6200;
	text-decoration:none;
}
#solutionWrap .boxHead h2 a{
	color:#333;
	text-decoration:none;	
}
#solutionWrap .boxHead h2 a:hover{
	color:#333;
	text-decoration:none;	
}
#solutionWrap .boxHeadS h2 a{
	color:#333;
	text-decoration:none;	
}
#solutionWrap .boxHeadS h2 a:hover{
	color:#333;
	text-decoration:none;	
}
/*-- titleBox --*/
.titleBox{
	margin:20px 0 10px 0;
	border-bottom:3px solid #9CABC0;
	background-image:url(../solution/nwcamera/img/title_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.titleBox td{
	vertical-align:top;
	padding:12px 0 4px;
}
.titleBox .btn{
	vertical-align:top;
	padding:8px 0 4px;
	font-size:0;
	line-height:100%;
}
.titleBox .btn img{
	margin:0 0 0 92px;
}
.titleBox h1,
.titleBox p{
	margin:0 0 0 11px;
	padding:0;
	line-height:110%;
	font-size:100%;
	font-weight:bold;
	color:#666;
}
.contentBox{
	margin:0 0 0;
}
.contentBox p{
	margin:0 5px 0 0;
	color:#666;
}
.contentBox .graph{
	margin:0 0 -10px;
	padding:5px 0 0;
	font-size:0;
}


/*-- boxHead --*/
.boxHead{
	width:760px;
	margin:17px 0 10px;
	background-image:url(../solution/nwcamera/img/h2_bg.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.boxHead h2{
	float:left;
	width:560px;
	font-size:100%;
	margin:0;
	padding:22px 0 8px 40px;
}

.contentBox .boxHead p{
	float:right;
	width:160px;
	font-size:0;
	margin:0;
	padding:20px 0 5px;
}
.boxHead h2 img{
	margin:0 0 0 40px;
}
.boxHead p img{
	margin:0 0 0 92px;
}


/*-- spBox --*/
.spBox{
	margin:25px 0 0 135px;
}


/*-- contentNavi --*/
.contentNavi{
	width:760px;
	height:90px;
	margin:0 0 10px;
	background-image:url(../solution/nwcamera/img/content_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
.contentNavi td{
	vertical-align:top;
}
.contentNavi dl{
	margin:0 0 0 141px;
	padding:11px 0 0;
}
.contentNavi dt{
	margin:0 0 12px;
	padding:0;
	font-size:0;
	line-height:100%;
}
.contentNavi dd{
	width:606px;
	margin:0 0 0 8px;
	padding:0;
}
.contentNavi ul{
	width:606px;
}
.contentNavi li{
	float:left;
	width:235px;
	margin:0 34px 10px 0;
	font-size:0;
	line-height:100%;
}
.contentNavi li.re{
	width:337px;
	margin:0 0 10px;
}
.contentNavi .typeV li{
	width:262px;
	margin:0 29px 10px 0;
}
.contentNavi .typeV li.re{
	width:291px;
	margin:0 0 10px 0;
}


/*-- common --*/
.contentBox h1{
	margin:-3px 0 10px;
	padding:19px 0 11px 40px;
	font-size:100%;
	color:#333;
	font-weight:bold;
	background-image:url(../solution/nwcamera/img/h1.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.contentBox h1.typeL{
	margin:0 0 20px;
}
.infoBox{
	width:720px;
	margin:0 20px 10px 20px;
	background-image:url(../solution/nwcamera/img/box_bg.gif);
	background-position:left top;
	background-repeat:repeat-y;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;

}
.contentBox .virtual h1{
	margin:-3px 0 20px;
	padding:13px 0 10px 16px;
	background-image:url(../solution/virtual/img/h1.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.infoBox .wrap{
	width:720px;
}
.infoBox .boxL{
	float:left;
	width:285px;
	margin:0;
	padding:8px 0 7px;
}
.infoBox .boxR{
	float:right;
	width:425px;
	margin:0;
	padding:5px 0;
}
.infoBox h2{
	margin:0 0 4px 11px;
	font-size:0;
}
.infoBox td.txt{
	vertical-align:top;
	padding:8px 0 7px;	
}
.infoBox td.photo{
	vertical-align:top;
	padding:5px 0;
}
.infoBox p{
	margin:0 0 0 15px;
	line-height:160%;
}
.infoBox td.txt p{
	margin-right:20px;
}
.contentBox .arw{
	margin:0 0 10px 332px;
	font-size:0;
}
.infoBoxL{
	width:720px;
	margin:0 0 20px 20px;
	padding:10px 0 5px;
	background-image:url(../solution/nwcamera/img/box_bg.gif);
	background-position:left top;
	background-repeat:repeat-y;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.infoBoxL h2{
	margin:0 0 0 5px;
}
.infoBoxL .wrap{
	width:710px;
	margin:0 0 0 5px;
	background-image:url(../solution/nwcamera/img/box_bg_2.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.infoBoxL .wrap div{
	width:710px;
	height:255px;
	background-image:url(../solution/nwcamera/img/box_bg_3.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.infoBoxL .wrap h3{
	margin:0 0 5px 21px;
	padding:12px 0 0;
}
.infoBoxL .wrap p{
	margin:0 220px 0 20px;
}
.indentBox{
	width:720px;
	margin:0 0 -10px 20px;
	padding:0 0 1px;
}
.indentBox h2{
	margin:16px 0 6px;
	font-size:0;
}
.indentBox h2.top{
	margin:0 0 6px;
}
.indentBox h2.topL{
	margin:0 0 10px;
}
.indentBox h2.typeL{
	margin:20px 0 6px;
}
.contentBox .indentBox p{
	margin:0 0 10px 1px;
}
.contentBox .indentBox p.typeL{
	margin:0 0 18px 1px;
}
.cateTable{
	margin:0 0 15px;
}
.cateTable td{
	vertical-align:top;
}
.cateTable div{
	width:355px;
}
.contentBox .cateTable p{
	float:left;
	width:100px;
	margin:0;
	font-size:0;
}
.cateTable dl{
	float:right;
	width:250px;
	margin:0;
	padding:0;
}
.cateTable dt{
	margin:0 0 0;
	padding:0;
}
.cateTable dd{
	margin:0;
	padding:0;
}
.cateTable ul{
	list-style:none;
	margin:0 0 0 6px;
	padding:0;
}
.cateTable li{
	font-size:80%;
	margin:0;
	padding:1px 0 0 11px;
	background-image:url(../solution/nwcamera/img/list_1.gif);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:160%;
	color:#666;
}
.cateTable .line2 li{
	float:left;
	margin:0 20px 0 0;
}
.cateTable .line2 li.end{
	margin:0 50px 0 0;
}
.contactBox{
	width:504px;
	margin:30px 0 0 127px;
	background-image:url(../solution/nwcamera/img/contact_bg.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.contactBox h2{
	margin:0 0 0;
	font-size:0;
}
.contactBox .wrap{
	width:504px;
}
.contentBox .contactBox p{
	float:right;
	width:171px;
	margin:0;
	padding:11px 0 33px;
	font-size:0;
}
.contactBox dl{
	float:left;
	width:315px;
	margin:0 0 0 0;
	padding:4px 0 12px;
}
.contactBox dt{
	font-size:80%;
	font-weight:bold;
	line-height:160%;
	margin:0 0 0 23px;
	color:#666;
}
.contactBox dd{
	font-size:60%;
	margin:0 0 0 23px;
	line-height:160%;
	color:#666;
}


/*-- arobaview --*/
.contentBox .titeLogo{
	margin:0 0 10px 115px;
	padding:15px 0 0;
	font-size:0;
}
.imgTable{
	margin:0 0 0;
}
.imgTable td{
	vertical-align:top;
	padding:5px 0 3px;
}
.textS{
	font-size:80%;
}


/*-- expansion --*/
.contentBox .indentBox .graphC{
	text-align:center;
	margin:-2px 0 20px;
}
.contentBox .indentBox .graphCL{
	text-align:center;
	margin:25px 0 10px;
}
.contentBox .indentBox .graphCXL{
	text-align:center;
	margin:25px 0 20px;
}


/*-- info --*/
.guideTable{
	margin:0 0 10px;
}
.guideTable td{
	vertical-align:top;
}
.guideTable td.txt{
	padding:0 0 8px;
	background-image:url(../solution/nwcamera/img/box_bg_4.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.guideTable h3{
	margin:0 0 6px;
	font-size:0;
}
.contentBox .guideTable p{
	margin:0 10px;
}
.guideTable ul{
	list-style:none;
	margin:0 0 0 11px;
}
.guideTable li{
	margin:0 0 0;
	padding:0 0 0 14px;
	background-image:url(../solution/nwcamera/img/list_2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:160%;
	color:#666;
	font-weight:normal;
}
.guideTableS{
	margin:10px 0 10px;
}
.guideTableS td{
	vertical-align:top;
}
.guideTableS td.txt{
	padding:0 0 7px;
	background-image:url(../solution/nwcamera/img/box_bg_5.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.guideTableS h3{
	margin:0 0 5px;
	font-size:0;
}
.guideTableS ul{
	list-style:none;
	margin:0 0 0 11px;
}
.guideTableS li{
	margin:0 0 0;
	padding:0 0 0 14px;
	background-image:url(../solution/nwcamera/img/list_2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:160%;
	color:#666;
	font-weight:normal;
}
.detail{
	text-align:right;
	margin:-4px 0 20px 0;
}
.detail a{
	padding:0 0 0 15px;
	background-image:url(../solution/nwcamera/img/arw_2.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
.indentBox .infoBox{
	width:720px;
	margin:0 0 10px 0;
	background-image:url(../solution/nwcamera/img/box_bg.gif);
	background-position:left top;
	background-repeat:repeat-y;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.indentBox .infoBox .boxL{
	float:left;
	width:210px;
	padding:10px 0 9px;
}
.indentBox .infoBox .boxL img{
	margin:0 0 0 9px;
	vertical-align:top;
}
.indentBox .infoBox .boxR{
	float:right;
	width:503px;
	padding:10px 0 9px;
}
.indentBox .infoBox h2{
	margin:0 0 5px 0;
	font-size:0;
}
.indentBox .infoBox ul{
	list-style:none;
	margin:0 0 0 4px;
}
.indentBox .infoBox ul.typeS{
	margin:2px 0 0 4px;
}
.indentBox .infoBox li{
	margin:0 0 0;
	padding:0 0 0 14px;
	background-image:url(../solution/nwcamera/img/list_2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#666;
	line-height:160%;
}
.indentBox .infoBox ul.typeS li{
	margin:0 0 0;
	padding:0 0 0 14px;
	background-image:url(../solution/nwcamera/img/list_3.gif);
	font-weight:normal;
	font-size:10px;
}


/*-- virtual:index --*/
.boxHeadS{
	width:760px;
	margin:20px 0 7px;
	background-image:url(../solution/virtual/img/h2_bg.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.boxHeadS h2{
	float:left;
	width:584px;
	font-size:0;
	margin:0;
	padding:11px 0 10px 16px;
	font-size:100%;
}
.contentBox .boxHeadS p{
	float:right;
	width:160px;
	font-size:0;
	margin:0;
	padding:10px 0 5px;
}
.boxHeadS h2 img{
	margin:0 0 0 15px;
}
.boxHeadS p img{
	margin:0 0 0 92px;
}

#vmware{
	page-break-before: always;
	margin:30px 0;
	background:url(../solution/virtual/img/bg.jpg) no-repeat center -3px;
	width:756px;
	display:block;
	border:solid 2px #7CA6C2;
	}
#vmware p{
	margin:70px 15px 0 15px;
	padding-bottom:15px;
	}

/*-- spBox --*/
.spBoxS{
	margin:28px 0 0 135px;
}
.contentBox .spBoxS p{
	margin:0 0 0 136px;
	padding:14px 0 0;
	font-size:0;
	line-height:100%;
}
.contentBox .spBoxS p.system{
	margin:0 0 0 55px;
}
.contentBox .spBoxS p.arobaview{
	margin:0 0 0 180px;
}
.contentBox .spBoxS p.info{
	margin:0 0 0 99px;
}


/*-- virtual:info --*/
.cautionTable{
	margin:0 0 4px;
}
.cautionTable td{
	vertical-align:top;
	font-size:60%;
	line-height:160%;
	color:#666;
}


/*-- virtual:problem --*/
.contentBox .chach{
	margin:-8px 0 20px 16px;
}
.iconTable{
	margin:-5px 0 0;
}
.iconTable td{
	padding-bottom:4px;
}
.iconTable ul{
	list-style:none;
	margin:0;
}
.iconTable li{
	float:left;
	padding:3px 0 0;
	margin:0 5px 0 0;
	font-size:0;
}


/* etc 
------------------------------------------------------------ */
.clr{
	clear:both;
	height:0;
	margin:0;
	padding:0;
	line-height:100%;
	font-size:0;
}
.clearfix:after,
.boxHead:after,
.boxHeadS:after,

.contactBox .wrap:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix,
.boxHead,
.boxHeadS,

.contactBox .wrap{
	position:relative;
	display: inline-table;
	min-height: 0%;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html .boxHead,
* html .boxHeadS,

* html .contactBox .wrap{ 
	height: 0%;
}
.clearfix,
.boxHead,
.boxHeadS,

.contactBox .wrap{
	display: block;
}
/* End hide from IE-mac */