@charset "utf-8";
/* CSS Document */

/*---------------*/
span.sp1{letter-spacing:0.1em;}
span.fwn{font-weight: normal;}


/*メインエリア700pxの中の左405px+右250px*/
body.product .main410px{
	width: 414px;
	float: left;
	display:inline-block;
}

body.product .right250px{
	width: 250px;
	float: right;
	display:inline-block;
}

/*メインエリア700pxの中の左350px+右290px*/
body.product .main350px{
	width: 350px;
	float: left;
	display:inline-block;
}
body.product .right290px{
	width: 290px;
	float: right;
	display:inline-block;
}

/*メインエリアハーフ330pxの中の左175px+右145px*/
body.product .main165px{
	width: 165px;
	float: left;
	display:inline-block;
}
body.product .right160px{
	width: 160px;
	float: right;
	display:inline-block;
}
/*メインエリアハーフ330pxの中の左175px+右145px*/
body.product .main175px{
	width: 180px;
	float: left;
	display:inline-block;
}
body.product .right145px{
	width: 145px;
	float: right;
	display:inline-block;
}


body.product p.read{font-size: 1.3em; margin-bottom: 15px; font-weight: bold;}
body.product p.middle{font-size: 1.3em;font-weight: bold;margin-bottom: 10px;}
p.discription{font-size: 1.1em;margin-bottom: 30px;}
.photo img{vertical-align: top;}
.photo.middle img{vertical-align: middle;}


/*facestation*/
body.suprema .function_icons .tooltips {
	top: 22px;
}
body.suprema .function_icons ul{
	height: 60px;
	margin-bottom: 10px;
}
body.suprema .function_icons li{
	display:inline;
	position:relative;
	padding: 0;
}

/*機能アイコンリスト*/
#main_area ul.function_icons{
	height: 52px;
}
#main_area ul.function_icons .tooltips {
	background: #c72439;
}


/*アイコンツールチップ*/
#main_area .function_icons li:hover, .icons li:hover {
/*	background: #deb3ba;*/
}


#main_area ul.icons  {
	border-bottom: 10px solid #F5A200;
	width: 250px;
	height: 55px;
	text-align: center;
	margin-bottom: 15px;
}
#main_area .icons li{
	display:inline;
	position:relative;
	margin-right: 5px;
}
.tooltips {
	display: none;
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 9999;
	padding: 0.3em 0.5em;
	color: #FFFFFF;
	border-radius: 0.5em;
}
.icons .tooltips {
	background: #c72439;
}
.tooltips:after {
	width: 100%;
	content: "";
	display: block;
	position: absolute;
	left: 1.5em;
	top: -4px;
	border-top:8px solid transparent;
	border-left:8px solid #c72439;
}
.icons li:hover .tooltips,
.function_icons li:hover .tooltips {
	display: block;
}


/*表組*/
body.product table.spec{
	font-size: 1.1em;
	line-height: 1.5;
	}
body.product table {
	width: 100%;
	border: 1px solid #cbcbcb;
	margin-bottom: 10px;
	}
body.product table th,
body.product table td { padding: 8px 10px ; border: 1px solid #cbcbcb;}
body.product table th { background-color: #f7f7f7; padding: 6px 10px; border: 1px solid #cbcbcb;}
body.product table td { background-color: #fff; }
body.product table table { margin: 0; }
body.product table table th,
body.product table table td { padding: 0; }
body.product table table th { background: none; }
body.product table table td { background: none; }
body.product table .data{font-weight: bold;}



/*- 特集-*/
.campaign .box{
	min-height: 300px;
	float: left;
	border-left: 1px solid #999;
	margin-bottom: 0 !important;
}
.campaign .box.last{
	border-right: 1px solid #999;
}
.campaign .box h5{
	text-align: center;
	line-height: 1.3;
	margin-bottom: 5px;
}
.campaign div.box p.photo { text-align: center; margin-bottom: 8px; }
.campaign div.box p.photo img {height: 115px; }
.campaign div.box p.link{font-weight: bold}

.campaign h4.orange{
}
.campaign h4.orange a{
	color: #fff;
}
/*FAQ*/

.faq .box{
	font-size: 1.2em;
	margin: 0;
}
.faq .box p{
	margin-bottom: 8px;
}
/*関連ドキュメント*/
#Document table{margin-bottom: 30px;}
#Document table.half{width: 50%;}
#Document th, #Document td{width: 50%;}
#Document th {font-weight: bold;}
#Document img.left {float: left;margin-right: 10px;}
#Document .text {padding-top: 5px;font-size: 1em;}

.pct_orange {display:inline-block; vertical-align: top;margin-top: 3px;background-color: #f8ad3a; padding: 3px 6px 2px 6px; font-size: 14px !important; color: #fff !important; }
.pct_line {display:inline-block; line-height: 1;vertical-align: top;margin-top: 3px;border: 2px solid #f8ad3a; padding: 3px 6px 2px 6px; font-size: 14px !important; color: #f8ad3a !important; }


/*監視カメラシステム*/
body.Surveillance #main_area h3.category-name{
	line-height: 1;
	font-size: 2em;
	font-weight: bold;
	color: #f8ad3a;
	margin-bottom: 10px;
}

body.Surveillance #main_area h3.product-name{
	line-height: 1;
	font-weight: bold;
	font-size: 1.2em;
	padding: 2px 0 0px 10px;
	border-left: 7px solid #f8ad3a;
	height: auto;
	margin-bottom: 10px;
}

body.Surveillance #main_area h3.product-name span{
	font-size: 1.45em;
	line-height: 1;
	font-weight: bold;
	color: #f8ad3a;
}
body.Surveillance #main_area h3.product-name span:after{
	content: " "; 
}

body.Surveillance #main_area .mainspec{
	font-size: 1.2em;
	padding-bottom: 25px;
	text-indent:-12px;
	min-height: 180px;
}
body.surveillance01 #main_area .mainspec, body.surveillance02 #main_area .mainspec {
	padding-left:332px;
}
body.surveillance02 #main_area .mainspec{
	padding-left:312px;
}
body.surveillance03 #main_area .mainspec{
	text-indent:-0px;
}

body.surveillance03 #main_area .spec-container{
	padding-right: 312px;
	height: 201px;
	border-bottom: 1px dotted #cbcbcb;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
body.surveillance03 #main_area .spec-container.last {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0px;
}
body.surveillance03 #main_area .sepc01{	background: url("/product-service/images/img_iRAS_spec01.jpg") right top no-repeat;}
body.surveillance03 #main_area .sepc02{	background: url("/product-service/images/img_iRAS_spec02.jpg") right top no-repeat;}
body.surveillance03 #main_area .sepc03{	background: url("/product-service/images/img_iRAS_spec03.jpg") right top no-repeat;}
body.surveillance03 #main_area .sepc04{	background: url("/product-service/images/img_iRAS_spec04.jpg") right top no-repeat;}
body.surveillance03 #main_area .sepc05{	background: url("/product-service/images/img_iRAS_spec05.jpg") right top no-repeat;}
body.surveillance03 #main_area #ras_mobile {background: url("/product-service/images/img_ras_mobile.jpg") 0 top no-repeat;
	height: 230px; padding-left: 510px;
}
body.surveillance03 #main_area #Webguard {background: url("/product-service/images/img_webgurd.jpg") 0 4px no-repeat;
	height: 265px; padding-left: 360px;
}
body.surveillance03 #main_area #INK1000 {background: url("/product-service/images/img_ink1000.jpg") 50px 5px no-repeat;
	height: 180px; padding-left: 360px;
}



body.surveillance03 #main_area p {
	border-bottom: 0px;
}

body.Surveillance  #SR-D04E{
	background: url("/product-service/images/bg_sr-d04e.jpg") 15px 25px no-repeat;	
}
body.Surveillance  #SR-D08S{
	background: url("/product-service/images/bg_se-d08s.jpg") 15px 25px no-repeat;	
}
body.Surveillance  #SR-D16X{
	background: url("/product-service/images/bg_se-d16x.jpg") 15px 25px no-repeat;	
}
body.Surveillance  #TC-B120{
	background: url("/product-service/images/bg_tc-b120.jpg") 0px 25px no-repeat;	
}
body.Surveillance  #TC-D120-I{
	background: url("/product-service/images/bg_tc-d120-i.jpg") 0px 25px no-repeat;	
}
body.Surveillance  #TC-A120-W{
	background: url("/product-service/images/bg_tc-a120-w.jpg") 0px 25px no-repeat;	
}
body.Surveillance  #SR-EN04{
	background: url("/product-service/images/bg_sr-en04.jpg") 0px 25px no-repeat;	
}
body.Surveillance  #SR-EN16{
	background: url("/product-service/images/bg_sr-en16.jpg") 0px 25px no-repeat;	
}
body.Surveillance  #SR-NH32{
	background: url("/product-service/images/bg_sr-nh32.jpg") 0px 25px no-repeat;	
}

body.Surveillance  #NC-EB310-P{
	background: url("/product-service/images/bg_nc-eb310-p.jpg") 0px 25px no-repeat;	
}
body.Surveillance  #NC-A220-3MW{
	background: url("/product-service/images/bg_nc-a220-3mw.jpg") 0px 25px no-repeat;	
}
body.Surveillance  #NC-FD210-P{
	background: url("/product-service/images/bg_nc-fd210-p.jpg") 0px 25px no-repeat;	
}
body.Surveillance  #NC-ED310-P{
	background: url("/product-service/images/bg_nc-ed310-p.jpg") 0px 25px no-repeat;	
}
body.Surveillance  #NC-D320-WP{
	background: url("/product-service/images/bg_nc-d320-wp.jpg") 0px 25px no-repeat;	
}
body.Surveillance  #NC-S210-1ZWH{
	background: url("/product-service/images/bg_nc-s210-1zwh.jpg") 0px 25px no-repeat;	
}
body.Surveillance  #NC-FE550-WDP{
	background: url("/product-service/images/bg_nc-fe550-wvp.jpg") 0px 25px no-repeat;	
}
body.Surveillance  #NC-FE550-WDP1{
	background: url("/product-service/images/bg_nc-fe550-wvp1.jpg") 0px 25px no-repeat;	
}



/*----- 中央カラム -----*/
.box { 
	margin-bottom: 50px;
}
.box.dot { 
	padding-bottom: 35px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 25px;
}
.box.solid { 
	padding-bottom: 35px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 25px;
}

.box.last { 
	margin-bottom: 10px;
}


#main_area div.item-box { 
	clear: both;
	overflow: hidden; height: 1%; 
	margin: 0 0 20px; padding: 0 0 10px;
	border-bottom: 1px solid #dbdbdb; }

div.item {	
	width: 217px; float: left;
	border-right: 1px solid #dbdbdb;
	text-align: center; }


div.item p.name { font-family: 'Istok Web', sans-serif, Arial, Helvetica, sans-serif; color: #000;
	margin: 5px 0 5px; font-weight: bold;font-size: 1.2em;line-height: 1.4;}
div.item p.name span.sub {font-size: 0.6em;font-weight: 100; }
#main_area div.item div.image { position:relative; width: 200px; margin: 0 auto 10px; } 
#main_area div.item p.icon { position: absolute; top:0; left:0; padding: 5px; text-align: left; }
#main_area div.item p.icon img { display: block; margin: 0 0 3px 0; }
#main_area div.item p.text { width: 190px; height: 8em; margin: 0 auto; text-align: left; }
#main_area div.item p.button { width: 103px; margin: 0 auto 10px; }
#main_area div.item p.button2 { width: 162px; margin: 0 auto 10px; }
#main_area div.item p.button a {
	display: block; width: 103px; height: 13px;
	background: url(/images/common/product/btn_product_detail.gif) no-repeat;
	text-indent: -9999px; font-size: 1px;
}
#main_area div.item p.button2 a {
	display: block;
	width: 162px;
	height: 13px;
	background: url(/images/common/product/btn_product_detail2.gif) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
}


#main_area div.item p.button a:hover { background-position: 0 -13px; }
#main_area div.item p.button2 a:hover { background-position: 0 -13px; }

#mainClm .overview ol li,
#mainClm .feature li ol {
	list-style-type :none;
	background: url(/images/common/pct_cyumaru.gif) no-repeat;
	padding-left: 1em;
	}






/*もともとのcss*/
/*----- 中央カラム -----*/

#mainClm {
	position: relative;
	left: 228px;
	width: 656px;
	float: left;
	overflow: hidden; height: 1%;
}
body#accessControl #mainClm, body#videoSurveillance #mainClm{
	position: relative;
	left: 33px;
}

#mainClm h3 { margin: 0 0 15px; }
#mainClm h3.text { margin: 0 0 15px; font-size: 1.4em;font-weight: bold;color: #F5A200;}
#mainClm #mainVisual { margin: 0 0 30px; } 

#mainClm div.box { 
	clear: both;
	overflow: hidden; height: 1%; 
	margin: 0 0 20px; padding: 0 0 10px;
	border-bottom: 1px solid #dbdbdb; }

#mainClm div.item {	
	width: 217px; float: left;
	border-right: 1px solid #dbdbdb;
	text-align: center; }

#mainClm div.last { border: none; }

#mainClm div.item p.name { margin: 10px 0 15px; }
#mainClm div.item div.image { position:relative; width: 160px; margin: 0 auto 10px; } 
#mainClm div.item p.icon { position: absolute; top:0; left:0; padding: 5px; text-align: left; }
#mainClm div.item p.icon img { display: block; margin: 0 0 3px 0; }
#mainClm div.item p.text { width: 180px; height: 7em; margin: 0 auto; text-align: left; }
#mainClm div.item p.button { width: 103px; margin: 0 auto 10px; }
#mainClm div.item p.button2 { width: 162px; margin: 0 auto 10px; }
#mainClm div.item p.button a {
	display: block; width: 103px; height: 13px;
	background: url(/images/common/product/btn_product_detail.gif) no-repeat;
	text-indent: -9999px; font-size: 1px;
}
#mainClm div.item p.button2 a {
	display: block;
	width: 162px;
	height: 13px;
	background: url(/images/common/product/btn_product_detail2.gif) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
}


#mainClm div.item p.button a:hover { background-position: 0 -13px; }
#mainClm div.item p.button2 a:hover { background-position: 0 -13px; }


/*----- 中央・左カラム -----*/

#mainClm div.left { width: 458px; float: left; }

#mainClm div.left div.box { border: none; }

#mainClm div.left h4 { margin: 0 0 15px; }
#mainClm div.left h5 { font-weight: bold; margin: 0 0 5px; padding: 5px 0 0; }

/*body.product ul,*/
body.product ol{ margin: 0 0 1em; }
body.product ol li { margin: 0 0 6px 10px; line-height: 1.5;margin-bottom: 0.2em;}
#mainClm div.left div.box.feature ol li { margin: 0 0 6px 5px; line-height: 1.5;margin-bottom: 0.2em;}

#mainClm div.left div.overview .photo { width: 182px; float: right; text-align:right; }
#mainClm div.left div.overview .text { margin: 0 0 1em; }
#mainClm div.left div.overview p.relation { clear: both; }
/*#mainClm div.left div.overview ul li { list-style-type: disc; margin: 0 0 0 20px; }*/

#mainClm div.left div.box div.wrap { 
	clear: both; 
	overflow: hidden; height: 1%;
	margin: 0 0 10px; padding: 0 0 10px;
	background: url(/images/common/product/line_spec_td.gif) bottom repeat-x;
}
#mainClm div.left div.box div.wrap p.text { width: 295px; float: right; }
#mainClm div.left div.box div.wrap p.photo { width: 149px; float: left; }
#mainClm div.left div.box div.wrap p.text span { font-weight: bold; }


/* Supremaシリーズ */

body.biostar #mainClm div.left div.box th { vertical-align: middle; }
body.biostar #mainClm div.left div.box td { vertical-align: middle; text-align: center; }
body.biostar #mainClm div.left div.box table table td { text-align: left; }
body.biostar #mainClm div.left div.box td p { margin: 0 0 8px; }
body.biostar #mainClm div.left div.feature p.image { padding: 10px 0 0; }

body.series3000 #mainClm div.left div.spec div.text { width: 340px; float: right; }
body.series3000 #mainClm div.left div.spec div.text p { margin: 0 0 1em; }
body.series3000 #mainClm div.left div.spec div.text span { font-weight: bold; }
body.series3000 #mainClm div.left div.spec div.text ul { margin: 0 0 1em 20px; }
body.series3000 #mainClm div.left div.spec p.photo { width: 100px; float: left; }
body.series3000 #mainClm div.left div.spec div.text table { width: auto; margin: 0; }
body.series3000 #mainClm div.left div.spec div.text table td { background:none;}
body.series3000 #mainClm div.left div.spec div.text table td.image { text-align: center; line-height: 1.2; }

/* 監視カメラシステム */

body.camera #mainClm div.left div.box div.wrap { 
	clear: both; 
	margin: 0 0 20px; padding: 0 0 20px; 
}
body.camera #mainClm div.left div.box span.link { 
	background: url(/images/common/icn_detail.gif) no-repeat 0 0;
	padding: 0 0 0 15px; margin: 0 0 0 10px;
}
body.camera #mainClm div.left div.box h5 { margin-bottom: 1em; }
body.camera #mainClm div.left div.box h6 { font-weight: bold; }
body.camera #mainClm div.left div.box p.text { margin: 0 0 1em; float: none; width: auto; }
body.camera #mainClm div.left div.box p.text1 { margin: 0 0 1em; float: none; width: auto; }
body.camera #mainClm div.left div.box p.name { margin: 0 0 8px; }
body.camera #mainClm div.left div.box p.name span { font-weight: bold; }
body.camera #mainClm div.left div.box div.text { width: 340px; float: right; }
body.camera #mainClm div.left div.box div.text1 { width: 250px; float: right; }
body.camera #mainClm div.left div.box div.text2 {
	width: 280px;
	float: left;
}
body.camera #mainClm div.left div.box div.text p { margin: 0 0 1em; }
body.camera #mainClm div.left div.box div.text span { font-weight: bold; }
body.camera #mainClm div.left div.box div.text ul { margin: 0 0 1em 20px; }
body.camera #mainClm div.left div.box p.photo {
	width: auto;
	float: right;
}
body.camera #mainClm div.left div.box p.photo1 { width: 100px; float: left; }
body.camera #mainClm div.left div.box div.text p.link{ 
	background :url(/images/common/icn_detail.gif) no-repeat 0 .3em; 
	padding-left: 15px; margin-left: 6px; }
body.camera #mainClm div.left div.box p.lead { margin: 0 0 20px; }

/* IPカメラシステム */

body.ip_camera #mainClm div.left div.box div.wrap { 
	clear: both; 
	margin: 0 0 20px; padding: 0 0 20px; 
}
body.ip_camera #mainClm div.left div.box span.link { 
	background: url(/images/common/icn_detail.gif) no-repeat 0 0;
	padding: 0 0 0 15px; margin: 0 0 0 10px;
}
body.IPcamera #mainClm div.left div.box h5 { margin-bottom: 1em; }
body.IPcamera #mainClm div.left div.box h6 { font-weight: bold; }
body.IPcamera #mainClm div.left div.box p.text { margin: 0 0 1em; float: none; width: auto; }
body.IPcamera #mainClm div.left div.box p.text1 { margin: 0 0 1em; float: none; width: auto; }
body.IPcamera #mainClm div.left div.box p.name { margin: 0 0 8px; }
body.IPcamera #mainClm div.left div.box p.name span { font-weight: bold; }
body.IPcamera #mainClm div.left div.box div.text { width: 340px; float: right; }
body.IPcamera #mainClm div.left div.box div.text1 { width: 250px; float: right; }
body.IPcamera #mainClm div.left div.box div.text2 {
	width: 280px;
	float: left;
}
body.IPcamera #mainClm div.left div.box div.text p { margin: 0 0 1em; }
body.IPcamera #mainClm div.left div.box div.text span { font-weight: bold; }
body.IPcamera #mainClm div.left div.box div.text ul { margin: 0 0 1em 20px; }
body.IPcamera #mainClm div.left div.box p.photo {
	width: auto;
	float: left;
	margin-right: 1.2em;
	margin-bottom: 1em;
}
body.IPcamera #mainClm div.left div.box p.photo1 { width: 100px; float: left; }
body.IPcamera #mainClm div.left div.box div.text p.link{ 
	background :url(/images/common/icn_detail.gif) no-repeat 0 .3em; 
	padding-left: 15px; margin-left: 6px; }
body.IPcamera #mainClm div.left div.box p.lead { margin: 0 0 20px; }

/* CCTVカメラシステム */

body.cctv_camera #mainClm div.left div.box div.wrap { 
	clear: both; 
	margin: 0 0 20px; padding: 0 0 20px; 
}
body.cctv_camera #mainClm div.left div.box span.link { 
	background: url(/images/common/icn_detail.gif) no-repeat 0 0;
	padding: 0 0 0 15px; margin: 0 0 0 10px;
}
body.cctv_camera #mainClm div.left div.box h5 { font-size: 1.5;margin-bottom: 1em; }
body.cctv_camera #mainClm div.left div.box h6 { font-weight: bold; }
body.cctv_camera #mainClm div.left div.box p.text { margin: 0 0 1em; float: none; width: auto; }
body.cctv_camera #mainClm div.left div.box p.text1 { margin: 0 0 1em; float: none; width: auto; }
body.cctv_camera #mainClm div.left div.box p.name { margin: 0 0 8px; }
body.cctv_camera #mainClm div.left div.box p.name span { font-weight: bold; }
body.cctv_camera #mainClm div.left div.box div.text { width: 340px; float: right; }
body.cctv_camera #mainClm div.left div.box div.text1 { width: 250px; float: right; }
body.cctv_camera #mainClm div.left div.box div.text2 {
	width: 280px;
	float: left;
}
body.cctv_camera #mainClm div.left div.box div.text p { margin: 0 0 1em; }
body.cctv_camera #mainClm div.left div.box div.text span { font-weight: bold; }
body.cctv_camera #mainClm div.left div.box div.text ul { margin: 0 0 1em 20px; }
body.cctv_camera #mainClm div.left div.box p.photo {
	width: auto;
	margin-right: 0px;
	margin-bottom: 20px;
	float: left;
}
body.cctv_camera #mainClm div.left div.box p.text {
	overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
}



	overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */

body.cctv_camera #mainClm div.left div.box p.photo1 { width: 100px; float: left; }
body.cctv_camera #mainClm div.left div.box div.text p.link{ 
	background :url(/images/common/icn_detail.gif) no-repeat 0 .3em; 
	padding-left: 15px; margin-left: 6px; }
body.cctv_camera #mainClm div.left div.box p.lead { margin: 0 0 20px; }

/* カメラアクセサリー */

body.camera_accessory #mainClm div.left div.box div.wrap { 
	clear: both; 
	margin: 0 0 20px; padding: 0 0 20px; 
}
body.camera_accessory #mainClm div.left div.box span.link { 
	background: url(/images/common/icn_detail.gif) no-repeat 0 0;
	padding: 0 0 0 15px; margin: 0 0 0 10px;
}
body.camera_accessory #mainClm div.left div.box h5 { margin-bottom: 1em; }
body.camera_accessory #mainClm div.left div.box h6 { font-weight: bold; }
body.camera_accessory #mainClm div.left div.box p.text { margin: 0 0 1em; float: none; width: auto; }
body.camera_accessory #mainClm div.left div.box p.text1 { margin: 0 0 1em; float: none; width: auto; }
body.camera_accessory #mainClm div.left div.box p.name { margin: 0 0 8px; }
body.camera_accessory #mainClm div.left div.box p.name span { font-weight: bold; }
body.camera_accessory #mainClm div.left div.box div.text { width: 340px; float: right; }
body.camera_accessory #mainClm div.left div.box div.text1 { width: 250px; float: right; }
body.camera_accessory #mainClm div.left div.box div.text2 {
	width: 280px;
	float: left;
}
body.camera_accessory #mainClm div.left div.box div.text p { margin: 0 0 1em; }
body.camera_accessory #mainClm div.left div.box div.text span { font-weight: bold; }
body.camera_accessory #mainClm div.left div.box div.text ul { margin: 0 0 1em 20px; }
body.camera_accessory #mainClm div.left div.box p.photo {
	width: auto;
	float: right;
}
body.camera_accessory #mainClm div.left div.box p.photo1 { width: 100px; float: left; }
body.camera_accessory #mainClm div.left div.box div.text p.link{ 
	background :url(/images/common/icn_detail.gif) no-repeat 0 .3em; 
	padding-left: 15px; margin-left: 6px; }
body.camera_accessory #mainClm div.left div.box p.lead { margin: 0 0 20px; }

/* 画像解析システム */

body.vcasys #mainClm div.left div.overview dl { clear: both; padding: 0 0 1em; }
body.vcasys #mainClm div.left div.overview dt { font-weight: bold; }
body.vcasys #mainClm div.left div.overview dd { margin: 0 0 1em; }
body.vcasys #mainClm div.left div.box p.lead { 
	clear: both; 
	overflow:hidden; height: 1%; 
	margin: 0 0 10px; padding: 0 0 10px; 
	background: url(/images/common/product/line_spec_td.gif) bottom repeat-x;
}
body.vcasys #mainClm div.left div.box div.text { width: 280px; float: left; }
body.vcasys #mainClm div.left div.box div.text1 {
	width: 270px;
	float: right;
}
body.vcasys #mainClm div.left div.box div.text1 p {
	padding: 0 0 0 15px;
	margin: 0 0 0 10px;
	background-image: url(/images/common/icn_detail.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
}
body.vcasys #mainClm div.left div.box p.photo {
	width: 160px;
	float: right;
}
body.vcasys #mainClm div.left div.box p.photo1 {
	width: 160px;
	float: left;
}
body.vcasys #mainClm div.left div.box p.photo img { margin: 5px 0; }
body.vcasys #mainClm div.left div.box ol { margin: 0 0 0 25px; }
body.vcasys #mainClm div.left div.box ol li { margin: 5px 0; }
body.vcasys #mainClm div.left div.box span.link { 
	background: url(/images/common/icn_detail.gif) no-repeat 0 0;
	padding: 0 0 0 15px; margin: 0 0 0 10px;
}
html>/**/body.vcasys #mainClm div.left div.box span.link { background-position: 0 2px } /* for IE8 */
body.vcasys #mainClm div.rightClm div.photo p.text span { font-size: 10px; }

/* CMS */

body.cms #mainClm div.left div.box p { margin-bottom: 1em; }
body.cms #mainClm div.left div.box div.wrap { margin: 0 0 5px; }
body.cms #mainClm div.left div.box div.text p { margin: 0 0 1em; }
body.cms #mainClm div.left div.box div.text { width: 268px; float: left; }
body.cms #mainClm div.left div.box div.wrap p.photo { width: 172px; float: right; } 
body.cms #mainClm div.left div.box div.wrap p.photo,
body.cms #mainClm div.left div.box div.wrap p.text { margin: 0 0 5px; }
body.omnicast #mainClm div.left div.box p.lead { 
	margin: 0 0 5px; padding: 0 0 10px; 
	background: url(/images/common/product/line_spec_td.gif) bottom repeat-x;
}
body.omnicast #mainClm div.left div.box td ul { margin: 0 0 0 20px; }


/* フォローアップ機器 */
/*
body.xdriven #mainClm div.left div.feature ol { margin-bottom: 0; }
body.xdriven #mainClm div.left div.feature p.image { margin-top: 30px; }
body.xdriven #mainClm div.left div.box div.wrap p.photo { width: 120px; float: left; }
body.xdriven #mainClm div.left div.box div.wrap p.text { width: 325px; float: right; }
body.xdriven #mainClm div.left div.box div.wrap ol { margin: 0 0 0 25px; }
body.xdriven #mainClm div.left div.box div.wrap ol li { margin: 0 0 5px; }
body.xdriven #mainClm div.right div.box ol { margin: 1em 0 0 25px; }*/

/* ドアロック機器 */

body.doorLock #mainClm div.left div.feature p.image { width: 120px; float: left; }
body.doorLock #mainClm div.left div.feature p.image img { margin: 0 0 30px; }
body.doorLock #mainClm div.left div.feature div.text { width: 330px; float: right; }
body.doorLock #mainClm div.left div.feature div.text ol { font-weight: bold; }
body.doorLock #mainClm div.left div.feature div.text ol dl { display: inline; }
body.doorLock #mainClm div.left div.feature div.text ol dd { font-weight: normal; }

body.seflio #mainClm div.left div.overview p.relation { margin-bottom: 20px; }
body.seflio #mainClm div.left div.overview p.relation img { margin: -5px 5px 5px; }
body.seflio #mainClm div.left div.overview p span { display: block; padding: 5px 0 0 1em; }

/*----- 中央・右カラム -----*/

#mainClm div.rightClm { width: 170px; float:right; padding: 0 0 30px; }

#mainClm div.rightClm div.wrap {
	padding: 10px 10px 0; margin: 0 0 15px;
	border-left: 1px solid #f3af29;
	border-right: 1px solid #f3af29;
	border-bottom: 1px solid #f3af29;
	font-size: 90%;
}
#mainClm div.rightClm div.wrap.pdf {
	background: url("../images/common/product/hd_right_pdf.gif") no-repeat;
	padding-top: 96px;
	text-align: left;
}
body.securitygate #mainClm div.rightClm div.wrap {
	background: url("/accessControl/img/hd_right_sequritygate.gif") no-repeat;
	padding-top: 76px;
	height: 74px;
	text-align: left;
}
#mainClm div.rightClm div.wrap.pdf .image {
}
#mainClm div.rightClm div.wrap.pdf a:link,#mainClm div.rightClm div.wrap.pdf a:visited{	color: #06c;}
#mainClm div.rightClm div.wrap.pdf a:hover, #mainClm div.rightClm div.wrap.photo a:hover{color: #06c;}
#mainClm div.rightClm div.wrap.pdf .box p.text {padding: 8px 0 6px ;border-bottom: 1px dotted #cbcbcb;}
#mainClm div.rightClm div.wrap.pdf .box p.text.last {border-bottom: 0px;}
#mainClm div.rightClm div.wrap.pdf .box p.image {text-align: center; margin-bottom: 6px;}
#mainClm div.rightClm div.wrap.pdf .box p.image img { margin: 0 0 8px;}
#mainClm div.rightClm div.wrap .box.last {margin-bottom: 0px;} 

#mainClm div.rightClm div.wrap.photo {
	background: url("../images/common/product/hd_right_photo.gif") no-repeat;
	padding-top: 35px;
	text-align: center;
}
#mainClm div.rightClm div.wrap.photo img {
	margin-bottom: 8px;
}


/*----- 左カラム -----*/

#leftClm { 
	position: relative; left: -656px; 
	width: 200px; float: left; 
	border-bottom: 1px solid #dbdbdb;
	margin: 0 0 30px;
}

#leftClm div.box02 { padding: 0 0 10px;}

#leftClm div.item01 { padding-bottom: 0; }
#leftClm div.item01 div.image {
	width: 200px;
	height: 324px;
	margin-bottom:10px;
	background: url(../img_top/bg_contact_side.gif) no-repeat;
	position: relative;
}
#leftClm div.item01 div.image h2,
#leftClm div.item01 div.image p.text {
	text-indent: -9999px;
	font-size: 1px;
}
#leftClm div.item01 div.image a {
	display: block;
	width: 178px;
	height: 32px;
	background: url(../img_top/btn_inquiry_side.jpg) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	position: absolute;
	top: 199px;
	left: 11px;
}
#leftClm div.item01 div.image a:hover { background-position: left bottom; }
#leftClm div.item01 p.text { margin: 12px 0; }
#leftClm div.item01 div.image p.text { margin: 0; }


#leftClm h2 { margin: 0 0 10px; }

#leftClm h3 { padding: 8px 0; border-top: 1px solid #dbdbdb; }

#leftClm h3 a { 
	display: block; height: 15px; width: 200px; 
	text-indent: -9999px; font-size: 1px; background-color: #fff;
}
#leftClm h3.t-recs a { background: url(/images/common/product/menu_trecs.gif) no-repeat;}
#leftClm h3.t-recs a:hover { background-position: 0 -15px; }
body.t-recs #leftClm h3.t-recs a { background-position: 0 -30px; }
body.t-recs #leftClm h3.t-recs a:hover { background-position: 0 -30px; }

#leftClm h3.suprema a { background: url(/images/common/product/menu_suprema.gif) no-repeat;}
#leftClm h3.suprema a:hover { background-position: 0 -15px; }
body.suprema #leftClm h3.suprema a { background-position: 0 -30px; }
body.suprema #leftClm h3.suprema a:hover { background-position: 0 -30px; }

#leftClm h3.camera a { background: url(/images/common/product/menu_camera.gif) no-repeat; }
#leftClm h3.camera a:hover { background-position: 0 -15px; }
body.camera #leftClm h3.camera a { background-position: 0 -30px; }
body.camera #leftClm h3.camera a:hover { background-position: 0 -30px; }

#leftClm h3.ip_camera a { background: url(/images/common/product/menu_ip_camera.gif) no-repeat; }
#leftClm h3.ip_camera a:hover { background-position: 0 -15px; }
body.ip_camera #leftClm h3.ip_camera a { background-position: 0 -30px; }
body.ip_camera #leftClm h3.ip_camera a:hover { background-position: 0 -30px; }

#leftClm h3.cctv_camera a { background: url(/images/common/product/menu_cctv_camera.gif) no-repeat; }
#leftClm h3.cctv_camera a:hover { background-position: 0 -15px; }
body.cctv_camera #leftClm h3.cctv_camera a { background-position: 0 -30px; }
body.cctv_camera #leftClm h3.cctv_camera a:hover { background-position: 0 -30px; }

#leftClm h3.camera_accessory a { background: url(/images/common/product/menu_camera_accessory.gif) no-repeat; }
#leftClm h3.camera_accessory a:hover { background-position: 0 -15px; }
body.camera_accessory #leftClm h3.camera_accessory a { background-position: 0 -30px; }
body.camera_accessory #leftClm h3.camera_accessorycamera_accessory a:hover { background-position: 0 -30px; }

#leftClm h3.ip_camera a { background: url(/images/common/product/menu_ipcamera.gif) no-repeat; }
#leftClm h3.ip_camera a:hover { background-position: 0 -15px; }
body.ipCamera #leftClm h3.ip_camera a { background-position: 0 -30px; }
body.ipCamera #leftClm h3.ip_camera a:hover { background-position: 0 -30px; }

#leftClm h3.cms a { background: url(/images/common/product/menu_cms.gif) no-repeat; }
#leftClm h3.cms a:hover { background-position: 0 -15px; }
body.cms #leftClm h3.cms a { background-position: 0 -30px; }
body.cms #leftClm h3.cms a:hover { background-position: 0 -30px; }

#leftClm h3.analyze a { background: url(/images/common/product/menu_analyze.gif) no-repeat; }
#leftClm h3.analyze a:hover { background-position: 0 -15px; }
body.analyze #leftClm h3.analyze a { background-position: 0 -30px; }
body.analyze #leftClm h3.analyze a:hover { background-position: 0 -30px; }

#leftClm h3.stabilizer a { background: url(/images/common/product/menu_stabilizer.gif) no-repeat; }
#leftClm h3.stabilizer a:hover { background-position: 0 -15px; }
body.stabilizer #leftClm h3.stabilizer a { background-position: 0 -30px; }
body.stabilizer #leftClm h3.stabilizer a:hover { background-position: 0 -30px; }

#leftClm h3.doorLock a { background: url(/images/common/product/menu_doorlock.gif) no-repeat; }
#leftClm h3.doorLock a:hover { background-position: 0 -15px; }
body.doorLock #leftClm h3.doorLock a { background-position: 0 -30px; }
body.doorLock #leftClm h3.doorLock a:hover { background-position: 0 -30px; }

#leftClm h3.followUp a { background: url(/images/common/product/menu_followup.gif) no-repeat; }
#leftClm h3.followUp a:hover { background-position: 0 -15px; }
body.followUp #leftClm h3.followUp a { background-position: 0 -30px; }
body.followUp #leftClm h3.followUp a:hover { background-position: 0 -30px; }

#leftClm ul { margin: 0 0 0 15px; }

#leftClm li { list-style-type: disc; margin: 0 0 15px; }

#leftClm li a { font-weight: bold; }

#leftClm li p.icon img { margin: 2px 5px 0 0; }



span.cctv_sub{margin-right: 12px;}

.sub {
	margin-bottom: 2.5em;
}
.box2 {
	margin-bottom: 2em;
}
.box3 {
	margin-bottom: 3em;
}

.box1 {
	margin-bottom: 1em;
}

body.cctv_camera #mainClm .left h4{
	margin-bottom: 15px;
}

.anchor{margin-bottom: 40px;}

/*.image{height: 110px;}*/

#leftClm .series, #leftClm .set {
	margin-left: 2px;
	margin-top: 2px;
	height: 23px;
	}
#leftClm .set {
	margin-top: 10px;
	margin-bottom: 8px;
}

body#setlenz #leftClm .set {
	margin-bottom: 0px;
}

#leftClm .series span, #leftClm .set span{
	border: 1px solid #F7952B;
	padding: 2px 10px 1px 10px;
	color: #F7952B;
	font-weight: Bold;
	margin-right: 6px;
}
#leftClm .set span {
	border: 1px solid #999;
	color: #999;
}
#leftClm .set span a{
	color: #999;
}
#leftClm .set_text{
	margin-left: 20px;
}

#leftClm .series a:hover, #leftClm .set a:hover{
}
div.item p.name { margin: 10px 0 10px; }
#mainClm div.item div.image { position:relative; 
width: 216px;
margin: 0 auto 10px; } 

#mainClm li{
	list-style-image: url("../img/img_disk.gif");
	}
	
/*スペック中の縦組み*/
#mainClm div.left div.box table{
	color: #444;
}
#mainClm div.left div.box table td{
	background-color: #FeFeFe;
}
#mainClm div.left div.box table th.tate{
/*	writing-mode: tb-rl;
	direction: ltr;*/
	text-align: center;
	line-height: 1.2;
	border-right: 1px solid #dedede;
	}

body.terminal #mainClm div.left div.overview .photo {
	height: 70px;
	text-align: center;
	padding-top: 180px;
}

/*2017 anchor navigation*/
ul.anchor-menu{
	font-size: 11px;
	border-top: 1px dotted #eee;
	background-color: #fefefe;
	border-bottom: 1px dotted #eee;
	padding: 5px 0;
	text-align: center;
	margin-bottom: 20px;
}
ul.anchor-menu li{
	line-height: 1;
	padding: 0 0.7em;
	border-right: 1px solid #f8ad00;
	display: inline;
}
ul.anchor-menu:first-child, ul.anchor-menu li.first{
	padding-left: 0;
}


ul.anchor-menu li.last{
	border-right: 0px solid #f8ad00;
}

ul.anchor-menu li a{
	color: #f8ad00;
}
ul.anchor-menu li a:hover{
 opacity: 0.5;
}

img.attach{width: 100%;padding-bottom: 4px;}

/*VSaas用*/
body.vsaas .connect{
	font-size: 11px;
	width: 316px;
	height: 150px;
	padding-top: 160px;
	text-align: center;
}
body.vsaas .connect .text, body.vemcount .connect .text{
	padding-left: 10px;
	text-align: left;
	width: 390px;
}
body.vsaas .connect.to-mail, body.vemcount .connect.to-mail{
	background: url(/product-service/images/pct_to-mail.gif) top center no-repeat;
	float: left;
}
 body.vemcount .connect{
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 20px;
 }
body.vemcount .connect.to-inq{
	background: #eaf6fd;
	text-align: center;
/*	background: url(/product-service/images/pct_to-inq.gif) top center no-repeat;*/
/*	float: right;*/
}
body.vsaas .connect.to-inq{
	background: url(/product-service/images/pct_to-inq-vsaas.gif) top center no-repeat;
	float: right;
}

/*ボタン*/
.square_btn {
	font-size: 12px;
	position: relative;
	display: inline-block;
	padding: 0.2em 0.5em;
	vertical-align: 6%;
	text-decoration: none;
	color: #FFF;
	background: #03A9F4;/*色*/
	border: solid 1px #0f9ada;/*線色*/
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.square_btn:active {/*押したとき*/
    border: solid 1px #03A9F4;
    box-shadow: none;
    text-shadow: none;
}