@charset "EUC-JP";

/*============================================================================
KTワークショップ/CSSファイル

作成者ID：010104
最終更新：2011年2月8日
=============================================================================*/

/*=====================================
初期設定
=====================================*/
html,
body {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
background-color: #FFFFFF;
color: #1B1B1B;
}

/* タグのリセット */
h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
caption,
img,
form {
padding: 0px;
margin: 0px;
border: none;
font-size: 100%;
font-style: normal;
font-weight: normal;
line-height: 100%;
list-style-type: none;
}

/* テキストエリア内文字サイズのブラウザ間での統一 */
textarea { font-size: 100%; }

/* 画像綺麗に縮小 */
img { -ms-interpolation-mode: bicubic; }

/* 画像の下にできる隙間を除去 */
img { vertical-align: bottom; }

/* 回り込み解除 */
.clear {
clear: both;
height: 1px;
font-size: 0px;
line-height: 1px;
}

.imgLeft {
float: left;
padding-left: 17px;
margin-right: 15px;
margin-bottom: 15px;
font-size: 0.9em;
color: #333333;
line-height: 120%;
}

.imgRight {
float: right;
padding-right: 10px;
margin-bottom: 15px;
margin-left: 15px;
font-size: 0.9em;
color: #333333;
line-height: 120%;
}

.imgCenter {
width: 630px;
padding-left: 17px;
margin-bottom: 15px;
font-size: 0.9em;
color: #333333;
line-height: 120%;
text-align: center;
}

*html #SLIDE .section li { /*IE6用のハック*/ margin-right: 5px; }

/*=====================================
テキストスタイル
=====================================*/
a {
color: #3073BD;
text-decoration: none;
outline: none;
}

a:visited {
color: #3073BD;
text-decoration: none;
}

a:hover {
color: #1299F8;
text-decoration: underline;
}

a:active {
color: #1299F8;
text-decoration: underline;
}

.f9 { font-size: 9px; }

.f10 { font-size: 10px; }

.f12 { font-size: 12px; }

.f14 { font-size: 14px; }

.f14b {
font-size: 14px;
font-weight: bold;
}

.red {
font-weight: bold;
color: #FF0000;
}

u {
text-decoration: none;
background-color: #FFFF99;
}

/*=====================================
ヘッダー
=====================================*/
#TAGLINE {
height: 34px;
width: 100%;
background-image: url(images_site/tagline_bg.gif);
background-repeat: repeat-x;
}

#TAGLINE h1,
#TAGLINE p {
width: 900px;
margin-right: auto;
margin-left: auto;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
line-height: 240%;
}

#HEADER {
position: relative;
height: 73px;
width: 900px;
margin-right: auto;
margin-left: auto;
background-image: url(images_site/header_bg.gif);
background-repeat: no-repeat;
}

a#HEADER-ENGLISH {
position: absolute;
top: 8px;
right: 0px;
height: 10px;
width: 65px;
overflow: hidden;
text-indent: -9999px;
background-image: url(images_site/header_english.gif);
background-repeat: no-repeat;
}

a:hover#HEADER-ENGLISH { background-position: 0px -10px; }

#HEADER ul {
position: absolute;
top: 46px;
right: 0px;
height: 12px;
width: 214px;
background-image: url(images_site/header_menu.gif);
background-position: 0px -12px;
}

#HEADER li {
float: left;
text-indent: -9999px;
}

#HEADER li a {
height: 12px;
overflow: hidden;
display: block;
background-image: url(images_site/header_menu.gif);
background-repeat: no-repeat;
}

a#HEADER-rss { width: 23px; }

a#HEADER-home {
width: 56px;
background-position: -23px 0px;
}

a:hover#HEADER-home { background-position: -23px -12px; }

a#HEADER-aboutus {
width: 63px;
background-position: -79px 0px;
}

a:hover#HEADER-aboutus { background-position: -79px -12px; }

a#HEADER-contact {
width: 72px;
background-position: -142px 0px;
}

a:hover#HEADER-contact { background-position: -142px -12px; }

/*=====================================
メインメニュー
=====================================*/
#MAINMENU {
height: 47px;
width: 900px;
margin-right: auto;
margin-left: auto;
}

#MAINMENU ul {
height: 47px;
width: 900px;
background:url(images_site/mainmenu_bg.jpg) 0px 0px;

}

#MAINMENU li a {
float: left;
display: block;
text-indent: -9999px;
}


a:link#MAINMENU-ipsurveillance ,a:visited#MAINMENU-ipsurveillance {
background:url(images_site/mainmenu_bg.jpg) 0px 0px;
width: 130px;
height: 47px;

}
a:hover#MAINMENU-ipsurveillance {
background:url(images_site/mainmenu_bg.jpg) 0px -47px;
width: 130px;
height: 47px;
}

a#MAINMENU-solution {
background:url(images_site/mainmenu_bg.jpg) no-repeat -130px 0px;
height: 47px;
width: 128px;
display: block;
}
a:hover#MAINMENU-solution {
background:url(images_site/mainmenu_bg.jpg) no-repeat -130px -47px;
height: 47px;
width: 128px;
display: block;
}

a#MAINMENU-accesscontrol {
 background:url(images_site/mainmenu_bg.jpg) no-repeat -258px 0px;
height: 47px;
width: 128px;
display: block; }
a:hover#MAINMENU-accesscontrol {
 background:url(images_site/mainmenu_bg.jpg) no-repeat -258px -47px;
height: 47px;
width: 128px;
display: block; }

a#MAINMENU-securityproducts {
 background:url(images_site/mainmenu_bg.jpg) no-repeat -386px 0px;
height: 47px;
width: 128px;
display: block; }
a:hover#MAINMENU-securityproducts {
 background:url(images_site/mainmenu_bg.jpg) no-repeat -386px -47px;
height: 47px;
width: 128px;
display: block; }

a#MAINMENU-casestudy {
 background:url(images_site/mainmenu_bg.jpg) no-repeat -514px 0px;
height: 47px;
width: 128px;
display: block;
}

a:hover#MAINMENU-casestudy {
 background:url(images_site/mainmenu_bg.jpg) no-repeat -514px -47px;
height: 47px;
width: 128px;
display: block;
}


a#MAINMENU-premiumsupport {
 background:url(images_site/mainmenu_bg.jpg) no-repeat -642px 0px;
height: 47px;
width: 128px;
display: block;
}

a:hover#MAINMENU-premiumsupport {
background:url(images_site/mainmenu_bg.jpg) no-repeat -642px -47px;
height: 47px;
width: 128px;
display: block;
}


a#MAINMENU-qanda {
 background:url(images_site/mainmenu_bg.jpg) no-repeat -770px 0px;
height: 47px;
width: 128px;
display: block; }

a:hover#MAINMENU-qanda {
background:url(images_site/mainmenu_bg.jpg) no-repeat -770px -47px;
height: 47px;
width: 128px;
display: block; }


/*=====================================
フッター
=====================================*/
#FOOTER {
position: relative;
height: 99px;
width: 900px;
margin-right: auto;
margin-left: auto;
background-image: url(images_site/footer_bg.gif);
background-repeat: repeat-x;
}


a#FOOTER-GOTOP {
position: absolute;
top: 42px;
right: 0px;
height: 15px;
width: 61px;
overflow: hidden;
text-indent: -9999px;
background-image: url(images_site/footer_gotop.gif);
background-repeat: no-repeat;
}

a:hover#FOOTER-GOTOP { background-position: 0px -15px; }

ul#FOOTER-LEFTMENU {
position: absolute;
left: 0px;
top: 85px;
}

#FOOTER-LEFTMENU li {
float: left;
text-indent: -9999px;
}

#FOOTER-LEFTMENU li a {
height: 10px;
overflow: hidden;
display: block;
background-image: url(images_site/footer_leftmenu.jpg);
background-repeat: no-repeat;
}

a#FOOTER-ipsurveillance { width: 104px; }

a:hover#FOOTER-ipsurveillance { background-position: 0px -10px; }

/*
a#FOOTER-ipcamera {
width: 67px;
background-position: -104px 0px;
}

a:hover#FOOTER-ipcamera { background-position: -104px -10px; }
*/

a#FOOTER-solution {
width: 107px;
background-position: -104px 0px;
}

a:hover#FOOTER-solution { background-position: -104px -10px; }

a#FOOTER-accesscontrol {
width: 116px;
background-position: -211px 0px;
}

a:hover#FOOTER-accesscontrol { background-position: -211px -10px; }

a#FOOTER-casestudy {
width: 60px;
background-position: -327px 0px;
}

a:hover#FOOTER-casestudy { background-position: -327px -10px; }

a#FOOTER-qanda {
width: 75px;
background-position: -387px 0px;
}

a:hover#FOOTER-qanda { background-position: -387px -10px; }

a#FOOTER-glossary {
width: 47px;
background-position: -462px 0px;
}

a:hover#FOOTER-glossary { background-position: -462px -10px; }

ul#FOOTER-RIGHTMENU {
position: absolute;
top: 85px;
right: 0px;
}

#FOOTER-RIGHTMENU li {
float: left;
text-indent: -9999px;
}

#FOOTER-RIGHTMENU li a {
height: 10px;
overflow: hidden;
display: block;
background-image: url(images_site/footer_rightmenu.jpg);
background-repeat: no-repeat;
}

a#FOOTER-home { width: 54px; }

a:hover#FOOTER-home { background-position: 0px -10px; }

a#FOOTER-about {
width: 59px;
background-position: -54px 0px;
}

a:hover#FOOTER-about { background-position: -54px -10px; }

a#FOOTER-sitemap {
width: 73px;
background-position: -113px 0px;
}

a:hover#FOOTER-sitemap { background-position: -113px -10px; }

a#FOOTER-privacypolicy {
width: 101px;
background-position: -186px 0px;
}

a:hover#FOOTER-privacypolicy { background-position: -186px -10px; }

a#FOOTER-contact {
width: 64px;
background-position: -287px 0px;
}

a:hover#FOOTER-contact { background-position: -287px -10px; }

#COPYRIGHT {
height: 44px;
width: 100%;
background-image: url(images_site/copyright_bg.gif);
background-repeat: repeat-x;
}

#COPYRIGHT p {
height: 44px;
width: 900px;
padding-top: 19px;
margin-right: auto;
margin-left: auto;
font-weight: bold;
font-size: 10px;
color: #FFFFFF;
line-height: 240%;
display: block;
background-image: url(images_site/copyright_name.gif);
background-position: right;
background-repeat: no-repeat;
}

/*=====================================
全体構造
=====================================*/
#CONTENTS {
width: 900px;
padding-top: 6px;
padding-bottom: 62px;
margin-right: auto;
margin-left: auto;
font-size: 0.8em;
clear: both;
}

#CONTENTS-LEFT {
float: left;
width: 670px;
font-size: 1.1em;
}

#CONTENTS-RIGHT {
float: right;
width: 210px;
}

#TOPICPATH {
padding-top: 6px;
padding-bottom: 12px;
padding-left: 17px;
}

/*=====================================
トップページ
=====================================*/
#TOP-LEFT {
float: left;
width: 649px;
padding-top: 18px;
overflow: hidden;
}

#TOP-RIGHT {
float: right;
width: 236px;
padding-top: 18px;
}

/*=====================================
トップページ：メインイメージ
=====================================*/
#TOP-XPROTECT {
position: relative;
float: left;
height: 259px;
width: 547px;
}

#TOP-XPROTECT h2 {
position: absolute;
height: 259px;
width: 547px;
overflow: hidden;
text-indent: -9999px;
background-image: url(images_site/topimage_xprotect.jpg);
}

#TOP-XPROTECT a {
position: absolute;
left: 19px;
top: 210px;
height: 39px;
width: 138px;
overflow: hidden;
display: block;
text-indent: -9999px;
background-image: url(images_site/topimage_more.jpg);
}

#TOP-XPROTECT a:hover { background-position: 0px -39px; }

#TOP-XPROTECT .top-xprotect-text01 {
position: absolute;
left: 184px;
top: 48px;
width: 130px;
display: block;
font-size: 10px;
color: #FFF;
text-align: center;
}

#TOP-XPROTECT .top-xprotect-text02 {
position: absolute;
top: 19px;
width: 300px;
display: block;
color: #FFF;
text-align: right;
right: 15px;
line-height: 20px;
}

#TOP-XPROTECT .top-xprotect-text02 strong {
font-size: 20px;
color: #F90;
}

#TOP-XPROTECT .top-xprotect-text02 span { display:none; }

#TOP-XPROTECT .top-xprotect-text03 {
position: absolute;
width: 116px;
display: block;
text-align: center;
line-height: 1.4em;
right: 7px;
bottom: 20px;
font-size: 12px;
}

#TOP-IPCAMERA {
position: relative;
float: left;
height: 130px;
width: 353px;
}

#TOP-IPCAMERA h2 {
position: absolute;
left: 0px;
top: 0px;
height: 130px;
width: 353px;
overflow: hidden;
text-indent: -9999px;
background-image: url(images_site/topimage_ipcamera.jpg);
}

#TOP-IPCAMERA a {
position: absolute;
left: 11px;
top: 78px;
height: 39px;
width: 138px;
overflow: hidden;
display: block;
text-indent: -9999px;
background-image: url(images_site/topimage_more.jpg);
}

#TOP-IPCAMERA a:hover { background-position: 0px -39px; }

#TOP-ACCESSCONTROL {
position: relative;
float: left;
height: 259px;
width: 353px;
}

#TOP-ACCESSCONTROL h2 {
position: absolute;
left: 0px;
top: 0px;
height: 259px;
width: 353px;
overflow: hidden;
text-indent: -9999px;
background-image: url(images_site/topimage_net2.jpg);
}

#TOP-ACCESSCONTROL a {
position: absolute;
left: 11px;
top: 210px;
height: 39px;
width: 138px;
overflow: hidden;
display: block;
text-indent: -9999px;
background-image: url(images_site/topimage_more.jpg);
}

#TOP-ACCESSCONTROL a:hover { background-position: 0px -39px; }

/*=====================================
トップページ：セミナー
=====================================*/
h2#TOP-SEMINAR-LABEL {
height: 46px;
width: 649px;
padding-bottom: 14px;
text-indent: -9999px;
background-image: url(images_site/top_seminar_label.jpg);
background-repeat: no-repeat;
}

#TOP-SEMINAR-BOX {
position: relative;
height: 171px;
width: 639px;
padding: 4px;
margin-bottom: 34px;
border: 1px solid #D6D6D6;
background-color: #E8E8E8;
background-image: url(images_site/top_seminar_photo.jpg);
background-position: 4px 4px;
background-repeat: no-repeat;
}

#TOP-SEMINAR-BOX h3 {
position: absolute;
left: 185px;
top: 4px;
height: 48px;
width: 458px;
text-indent: -9999px;
background-image: url(images_site/top_seminar_title.gif);
}

#TOP-SEMINAR-BOX p {
position: absolute;
left: 185px;
top: 52px;
height: 74px;
width: 432px;
padding-top: 10px;
padding-right: 13px;
padding-left: 13px;
overflow: auto;
line-height: 120%;
display: block;
background-color: #FFFFFF;
}

#TOP-SEMINAR-BOX a {
position: absolute;
left: 185px;
top: 136px;
height: 39px;
width: 458px;
display: block;
text-indent: -9999px;
background-image: url(images_site/top_seminar_date.jpg);
}

#TOP-SEMINAR-BOX a:hover { background-position: 0px -39px; }

/*=====================================
トップページ：更新情報
=====================================*/
h2#TOP-INFO-LABEL {
height: 38px;
width: 649px;
padding-bottom: 5px;
text-indent: -9999px;
background-image: url(images_site/top_info_label.jpg);
background-repeat: no-repeat;
}

.top-info-box {
width: 629px;
padding-bottom: 8px;
margin-top: 10px;
margin-left: 20px;
background-image: url(images_site/global_dotline_gray.gif);
background-position: bottom;
background-repeat: repeat-x;
}

.top-info-box dt {
	float: left;
	padding-right: 12px;
	font-weight: bold;
	width: 90px;
}

.top-info-box dd {
	float: left;
	padding-left: 10px;
	border-left: 2px solid #D9D9D9;
	width: 500px;
}

p.top-info-cat {
font-weight: bold;
color: #2480E7;
}

p.top-info-text { line-height: 160%; }


/*=====================================
トップページ：活用場所
=====================================*/
h2#TOP-SITUATION-LABEL {
height: 38px;
width: 649px;
padding-bottom: 5px;
text-indent: -9999px;
background-image: url(images_site/top_situation_label.jpg);
background-repeat: no-repeat;
}
h2#TOP-SITUATION-LABEL202003 {
height: 38px;
width: 649px;
padding-bottom: 5px;
text-indent: -9999px;
background-image: url(images_site/top_situation_label202030.jpg);
background-repeat: no-repeat;
}

h2#TOP-SITUATION-LABEL2 {
height: 38px;
width: 649px;
padding-bottom: 5px;
text-indent: -9999px;
background-image: url(images_site/top_situation.png);
background-repeat: no-repeat;
}

/*=====================================
トップページ：製品案内
=====================================*/
h2#TOP-PRODUCT-LABEL {
height: 38px;
width: 649px;
margin-top: 34px;
padding-bottom: 5px;
text-indent: -9999px;
background-image: url(images_site/top_product_label.jpg);
background-repeat: no-repeat;
}

#SLIDE .controls {
width:629px;
padding-left: 20px;
padding-bottom: 9px;
}

#SLIDE .controls ul {
margin-top: 10px;
margin-bottom: 20px;
}

#SLIDE .controls li {
padding-left: 20px;
padding-right: 25px;
background-image: url(images_site/li_square.gif);
background-repeat: no-repeat;
float: left;
}

#SLIDE .scroller {
/* modify width and height of scrolling section if necessary*/		
	width:649px;
overflow: hidden;
clear:both;
padding-top: 20px;
}

#SLIDE .section {
width:629px;
padding-left: 20px;
float:left; /* ここを無くすと縦スクロール */
}

#SLIDE .section li {
width: 195px;
background-image: url(images_site/global_dotline_gray.gif);
background-position: bottom;
background-repeat: repeat-x;
margin-right: 10px;
float:left;
}

#SLIDE .section li a {
height: 100%;
width: 186px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 16px;
line-height: 140%;
display: block;
background-image: url(images_site/submenu_bullet.gif);
background-position: 4px 14px;
background-repeat: no-repeat;
}

#SLIDE .section p {
line-height: 140%;
margin-bottom: 1em;
}

#SLIDE .content { width: 10000px; }

/*=====================================
サイドバナー：製品ピックアップ
=====================================*/
#TOP-RIGHT .banners {
height: 78px;
width: 210px;
margin-bottom: 10px;
margin-left: 13px;
}
#TOP-RIGHT .banners a.bannerExprime {
background-image: url(images_site/banners_exprime.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}
#TOP-RIGHT .banners a.bannerC3 {
background-image: url(images_site/banners_c3.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}
#TOP-RIGHT .banners a.bannerIbmsystemx {
background-image: url(images_site/banners_systemx.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}
.banners a.bannerInterconect {
background-image: url(images_site/interconnect_banner.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#TOP-RIGHT .banners a.bannerInteligent {
background-image: url(images_site/banners_inteligent.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#TOP-RIGHT .banners a.bannerIdoor {
background-image: url(images_site/banners_idoor.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}
#TOP-RIGHT .banners a.bannerVehiclevision {
background-image: url(images_site/banners_vehiclevision.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}
#TOP-RIGHT .banners a.bannerFlir {
background-image: url(images_site/banners_flir.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}
#TOP-RIGHT .banners a.bannerPromise {
background-image: url(images_site/banners_promise.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#TOP-RIGHT .banners a.bannerRimage {
background-image: url(images_site/banners_rimage.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#TOP-RIGHT .banners a.bannerIntransa {
background-image: url(images_site/banners_intransa.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#TOP-RIGHT .banners a.bannerOpax {
background-image: url(images_site/banners_opax.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#TOP-RIGHT .banners a.bannerVidserv {
background-image: url(images_site/banners_vidserv.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#TOP-RIGHT .banners a.bannerSeminar2nd {
background-image: url(images_site/banners_seminar_2nd.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#TOP-RIGHT .banners a.bannerSeminar3rd {
background-image: url(images_site/banners_seminar_3rd.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#TOP-RIGHT .banners a.bannerRecruit {
background-image: url(images_site/banners_recruit.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#TOP-RIGHT .banners a:hover { background-position: 0px -78px; }

#TOP-RIGHT #MOVIEMENU { margin-left:12px; }

#TOPBANNER {
height: 100%;
width: 210px;
margin-left: 12px;
}

#TOPBANNER h2{
height: 42px;
width: 202px;
padding: 3px;
border: 1px solid #D1D1D1;
margin:0px 0px 10px;
display: block;
text-indent: -9999px;
background-image: url(images_site/submenu_label_ipsurveillance_solution.jpg);
background-repeat: no-repeat;
background-position: center center;
}

/*=====================================
サイドバナー：導入事例
=====================================*/
h2#CASESTUDY-LABEL {
height: 46px;
width: 236px;
text-indent: -9999px;
background-image: url(images_site/casestudy_label.jpg);
background-repeat: no-repeat;
}

#CASESTUDY-BOX {
width: 236px;
padding-bottom: 5px;
background-image: url(images_site/casestudy_bottom_bg.gif);
background-position: center bottom;
background-repeat: no-repeat;
background-color: #D5DFE1;
margin-bottom: 15px;
}

#CASESTUDY-BOX-INNER {
border-right: 1px solid #CBD1D3;
border-left: 1px solid #CBD1D3;
padding-right: 12px;
padding-left: 12px;
}

#CASESTUDY-BOX2 { width: 210px; }

#CASESTUDY-LINK-01 {
height: 230px;
width: 210px;
padding-top: 15px;
}

#CASESTUDY-LINK-01 a {
height: 230px;
width: 210px;
display: block;
text-indent: -9999px;
background-image: url(images_site/casestudy_banner01.jpg);
}

#CASESTUDY-LINK-01 a:hover { background-position: 0px -230px; }

#CASESTUDY-LINK-02 {
height: 230px;
width: 210px;
padding-bottom: 15px;
padding-top: 12px;
}

#CASESTUDY-LINK-02 a {
height: 230px;
width: 210px;
display: block;
text-indent: -9999px;
background-image: url(images_site/casestudy_banner02.jpg);
}

#CASESTUDY-LINK-02 a:hover { background-position: 0px -230px; }

/*=====================================
内部ページ：サブメニュー
=====================================*/
#SUBMENU,
#SUBSUBMENU {
height: 100%;
width: 202px;
padding: 3px;
border: 1px solid #D1D1D1;
margin:0px 0px 20px;
}

#SUBMENU h2 a,
#SUBSUBMENU h2 a {
height: 42px;
width: 202px;
display: block;
text-indent: -9999px;
}

#SUBMENU h2 a#ipsurveillance { background-image: url(images_site/submenu_label_ipsurveillance.jpg); }

#SUBMENU h2 a#ipcamera { background-image: url(images_site/submenu_label_ipcamera.jpg); }

#SUBMENU h2 a#accesscontrol { background-image: url(images_site/submenu_label_accesscontrol.jpg); }

#SUBMENU h2 a#securityproducts { background-image: url(images_site/submenu_label_securityproducts.jpg); }

#SUBMENU h2 a#casestudy { background-image: url(images_site/submenu_label_casestudy.jpg); }

#SUBMENU h2 a#premiumsupport { background-image: url(images_site/submenu_label_premiumsupport.jpg); }

#SUBMENU h2 a#qanda { background-image: url(images_site/submenu_label_qanda.jpg); }

#SUBMENU h2 a#aboutus { background-image: url(images_site/submenu_label_aboutus.jpg); }

#SUBMENU h2 a#seminar { background-image: url(images_site/submenu_label_seminar.jpg); }

#SUBMENU h2 a#glossary { background-image: url(images_site/submenu_label_glossary.jpg); }

#SUBMENU h2 a#contact { background-image: url(images_site/submenu_label_contactus.jpg); }

#SUBSUBMENU h2 a#qandaipsurveillance { background-image: url(images_site/submenu_label_qanda_ipsurveillance.jpg); }

#SUBSUBMENU h2 a#qandaaccesscontrol { background-image: url(images_site/submenu_label_qanda_accesscontrol.jpg); }

#SUBMENU h2 a#solution { background-image: url(images_site/submenu_label_ipsurveillance_solution.jpg); }

#SUBMENU h2 a#cameralist { background-image: url(images_site/submenu_label_cameralist.jpg); }
#SUBMENU h2 a#situationlist { background-image: url(images_site/submenu_label_situationlist.jpg); }

#SUBMENU li,
#SUBSUBMENU li {
width: 202px;
background-image: url(images_site/global_dotline_gray.gif);
background-position: bottom;
background-repeat: repeat-x;
}

#SUBMENU li.submenuSmall {
background-image: url(images_site/global_dotline_gray.gif);
background-position: bottom;
background-repeat: repeat-x;
}

#SUBMENU li a,
#SUBSUBMENU li a {
height: 100%;
width: 186px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 16px;
line-height: 140%;
display: block;
background-image: url(images_site/submenu_bullet.gif);
background-position: 4px 14px;
background-repeat: no-repeat;
}

#SUBMENU li.submenuSmall a {
height: 100%;
width: 174px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 28px;
line-height: 140%;
display: block;
background-image: url(images_site/li_circle.gif);
background-position: 16px 7px;
background-repeat: no-repeat;
}

#MOVIEMENU {
height: 100%;
width: 210px;
margin:0px 0px 20px;
}

#MOVIEMENU h2 {
height: 42px;
width: 202px;
padding: 3px;
border: 1px solid #D1D1D1;
margin:0px 0px 10px;
display: block;
text-indent: -9999px;
background-image: url(images_site/submenu_label_movie.jpg);
background-repeat: no-repeat;
background-position: center center;
}

#MOVIEMENU li {
width: 202px;
font-size: 12px;
}

#MOVIEMENU li a {
height: 60px;
width: 130px;
padding-top: 0px;
padding-left: 77px;
padding-right:3px;
margin-bottom:10px;
line-height: 140%;
display: block;
background-position: 0px 0px;
background-repeat: no-repeat;
}

#MOVIEMENU li a:hover { background-position:-210px 0px; }

#MOVIEMENU #BANNERmovie_case a { background-image: url(images_site/button_movie_case.jpg); }

#MOVIEMENU #BANNERmovie_xpe7 a { background-image: url(images_site/button_movie_e7.jpg); }

#MOVIEMENU #BANNERmovie_xpsc5 a { background-image: url(images_site/button_movie_sc5.jpg); }

/*=====================================
内部ページ：コンテンツ
=====================================*/
img#CAT-BANNER { padding-bottom: 25px; }

#CONTENTS-LEFT h1 {
clear: both;
height: 30px;
width: 648px;
padding-top: 14px;
padding-left: 17px;
margin-bottom: 17px;
font-size: 16px;
font-weight: bold;
color: #192943;
background-image: url(images_site/h1_bg.jpg);
background-repeat: no-repeat;
}

#CONTENTS-LEFT h2 {
clear: both;
height: 24px;
width: 621px;
padding-top: 10px;
padding-left: 10px;
margin-right: auto;
margin-bottom: 17px;
margin-left: auto;
font-size: 14px;
font-weight: bold;
color: #10181A;
background-image: url(images_site/h2_bg.gif);
background-repeat: no-repeat;
}

#CONTENTS-LEFT h3 {
clear: both;
height: 20px;
padding-top: 5px;
padding-left: 14px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 10px;
margin-left: 20px;
font-size: 14px;
font-weight: bold;
color: #0B4340;
background-image: url(images_site/h3_bg.gif);
background-repeat: no-repeat;
}

#CONTENTS-LEFT h4 {
clear: both;
width: 629px;
padding-bottom: 5px;
padding-left: 2px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
font-size: 14px;
font-weight: bold;
color: #181F25;
background-image: url(images_site/h4_bg.gif);
background-position: bottom;
background-repeat: repeat-x;
}

#CONTENTS-LEFT p,
#TOP-LEFT p{
margin-right: 15px;
margin-bottom: 10px;
margin-left: 20px;
line-height: 160%;
}

#CONTENTS-LEFT span.arrow {
padding-bottom: 15px;
padding-left: 20px;
background-image: url(images_site/li_square.gif);
background-repeat: no-repeat;
background-position:0px 3px;
line-height: 1.5em;
display:block;
}

#CONTENTS-LEFT p.indent { margin-left: 40px; }

#CONTENTS-LEFT a:visited {
color: #606;
text-decoration: none;
}

#CONTENTS-LEFT ul {
padding-left: 20px;
margin-bottom: 0px;
}

#CONTENTS-LEFT ol {
padding-left: 20px;
margin-bottom: 0px;
}

#CONTENTS-LEFT ul li {
padding-bottom: 15px;
padding-left: 20px;
background-image: url(images_site/li_square.gif);
background-repeat: no-repeat;
line-height: 1.2em;
}

#CONTENTS-LEFT ol li {
padding-bottom: 15px;
padding-left: 20px;
background-image: url(images_site/li_square.gif);
background-repeat: no-repeat;
line-height: 1.2em;
}

#CONTENTS-LEFT .li2 li { background-image: url(images_site/li_circle.gif); }

#CONTENTS-LEFT ul.listHarf {
padding-left: 20px;
margin-bottom: 0px;
}

#CONTENTS-LEFT ol.listHarf {
padding-left: 20px;
margin-bottom: 0px;
}

#CONTENTS-LEFT ul.listHarf li {
padding-bottom: 15px;
padding-left: 20px;
background-image: url(images_site/li_square.gif);
background-repeat: no-repeat;
line-height: 1.2em;
display:inline-block;
width:305px;
float:left;
}

#CONTENTS-LEFT ol.listHarf li {
padding-bottom: 15px;
padding-left: 20px;
background-image: url(images_site/li_square.gif);
background-repeat: no-repeat;
line-height: 1.2em;
display:inline-block;
width:305px;
float:left;
}

#CONTENTS-LEFT table {
height: 100%;
margin-right: 17px;
margin-bottom: 22px;
margin-left: 17px;
border: 2px solid #FFFFFF;
border-collapse: collapse;
}

#CONTENTS-LEFT table.tableHarf { float:left; }

#CONTENTS-LEFT th {
padding: 9px 15px;
border: 2px solid #FFFFFF;
font-weight: bold;
color: #295C79;
text-align: left;
background-color: #DBECE6;
}

#CONTENTS-LEFT td {
padding: 9px 15px;
border: 2px solid #FFFFFF;
color: #1B1B1B;
background-color: #DDE7DE;
}

#CONTENTS-LEFT .table2 table { border: 1px solid #696969; }

#CONTENTS-LEFT .table2 th {
border: 1px solid #696969;
color: #FFFFFF;
background-color: #41494C;
}

#CONTENTS-LEFT .table2 td {
border: 1px solid #696969;
color: #FFFFFF;
background-color: #2C353A;
}

#CONTENTS-LEFT .left {
float: left;
padding: 0px 5px 10px 0px;
font-size: 90%;
text-align: center;
}

#CONTENTS-LEFT .right {
float: right;
padding: 0px 0px 10px 5px;
font-size: 90%;
text-align: center;
}

#CONTENTS-LEFT .box {
border: 1px solid #999;
margin-left: 20px;
padding-top: 10px;
width: 620px;
margin-bottom: 10px;
}

#CONTENTS-LEFT .box h3 {
width: 580px;
margin-top:15px;
margin-bottom: 20px;
}

#CONTENTS-LEFT .boxHarf {
width: 305px;
margin-left: 19px;
float: left;
}

#CONTENTS-LEFT .boxHarf p { margin-right: 0px; }

#CONTENTS-LEFT .boxHarf h3 {
margin-top:10px;
margin-bottom: 20px;
}

#CONTENTS-LEFT p.rightLink,
#TOP-LEFT p.rightLink{
position: relative;
height:22px;
}

#CONTENTS-LEFT p.rightLink a,
#TOP-LEFT p.rightLink a{
display: block;
position: absolute;
top: 0px;

right: 0px;
background-image: url(images_site/submenu_bullet.gif);
background-position: 0px 6px;
background-repeat: no-repeat;
margin: 0px;
padding: 0px 0px 0px 17px;
font-size: 12px;
line-height: 22px;
}

#CONTENTS-LEFT p.leftLink {
position: relative;
height:22px;
}

#CONTENTS-LEFT p.leftLink a {
display: block;
position: absolute;
top: 0px;
left: 0px;
background-image: url(images_site/submenu_bullet.gif);
background-position: 0px 6px;
background-repeat: no-repeat;
margin: 0px;
padding: 0px 0px 0px 17px;
font-size: 12px;
line-height: 22px;
}

/*=====================================
内部ページ：監視カメラシステムトップ
=====================================*/
#MAINIMG-ipsurveillance {
padding-top:200px;
background-image: url(images/ipsurveillance/xprotect_img01.jpg);
background-repeat: no-repeat;
}

#MAINIMG-ipsurveillance ul {
list-style:none;
margin: 0px;
padding: 0px 0px 35px 350px;
}

#MAINIMG-ipsurveillance ul li {
list-style:none;
background-image: none;
margin: 0px 0px 3px;
padding: 0px;
}

#MAINIMG-ipsurveillance ul li a.link {
width: 240px;
height: 46px;
display: block;
font-size: 14px;
font-weight: bold;
color: #FFF;
text-align: left;
padding-left: 70px;
line-height: 120%;
padding-top: 15px;
}

#MAINIMG-ipsurveillance ul li a.point01 {
background-image:url(images/ipsurveillance/xprotectpoint01.png);
background-repeat:no-repeat;
}

#MAINIMG-ipsurveillance ul li a.point02 {
background-image:url(images/ipsurveillance/xprotectpoint02.png);
background-repeat:no-repeat;
}

#MAINIMG-ipsurveillance ul li a.point03 {
background-image:url(images/ipsurveillance/xprotectpoint03.png);
background-repeat:no-repeat;
}

#MAINIMG-ipsurveillance ul li a.point04 {
background-image:url(images/ipsurveillance/xprotectpoint04.png);
background-repeat:no-repeat;
}

#MAINIMG-ipsurveillance ul li a.point05 {
background-image:url(images/ipsurveillance/xprotectpoint05.png);
background-repeat:no-repeat;
}

/*=====================================
内部ページ：監視カメラカテゴリートップ
=====================================*/

.photolist {
float: left;
height: 210px;
width: 150px;
margin-bottom: 0px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 10px;
}

.photoflame {
height: 150px;
width: 150px;
padding: 1px;
margin: 0px;
border: 1px solid #999999;
}

.photoimage {
height: 150px;
width: 150px;
overflow: hidden;
}

.caption {
padding: 8px 0px 10px;
margin: 0px;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
}

.photo img {
padding: 4px;
margin-bottom: 10px;
border: 1px solid #999999;
}

/*=====================================
内部ページ：監視カメラ製品詳細ページ
=====================================*/
#PICT {
float: right;
width: 332px;
}

#CONTENTS #PICT h2 { display: none !important; }

#CONTENTS #PICT ul {
padding-right: 0px;
padding-left: 0px;
text-align: center;
}

#CONTENTS #PICT li {
float: left;
height: 55px;
width: 94px;
padding-top: 26px;
padding-right: 7px!important;
padding-bottom: 0px;
padding-left: 5px;
margin-left: 0px !important;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
line-height: 120%;
text-align: center;
text-indent: 0em !important;
background-image: url(images_site/pict_bg.jpg);
background-position: center top;
background-repeat: no-repeat;
list-style-position: outside;
list-style-type: none !important;
word-break:break-all;
}

/*=====================================
内部ページ：リストボタン
=====================================*/
ul.listButton {
padding-right: 0px !important;
padding-left: 0px !important;
margin-left:20px !important;
}

ul.listButton li {
float: left;
height: 200px;
width: 300px;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 20px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
overflow: hidden;
color: #FFFFFF;
line-height: 120% !important;
text-indent: 0em !important;
background-image: url(images_site/button.jpg) !important;
background-repeat: no-repeat;
list-style-type: none !important;
}

ul.listButton li a {
height: 140px;
width: 270px;
padding-top: 60px;
padding-left: 50px;
padding-left: 30px;
font-size: 18px;
font-weight: bold;
color: #FFFFFF !important;
display: block;
background-image: url(images_site/button.jpg);
background-repeat: no-repeat;
}

ul.listButton li a:hover {
color: #FFFFFF;
background-position: 0px -200px;
}

ul.listButtonSmall {
padding-right: 0px !important;
padding-left: 0px !important;
margin-left:20px!important;
}

ul.listButtonSmall li {
float: left;
height: 100px;
width: 150px;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 10px !important;
margin-bottom: 0px !important;
margin-left: 0px!important;
overflow: hidden;
color: #FFFFFF;
line-height: 120% !important;
text-indent: 0em !important;
background-image: url(images_site/button_small.jpg) !important;
background-repeat: no-repeat;
list-style-type: none !important;
}

ul.listButtonSmall li a {
height: 70px;
width: 135px;
padding-top: 30px;
padding-left: 25px;
padding-left: 15px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF !important;
display: block;
background-image: url(images_site/button_small.jpg);
background-repeat: no-repeat;
}

ul.listButtonSmall li a:hover {
color: #FFFFFF;
background-position: 0px -100px;
}

/*=====================================
内部ページ：トップへ戻るボタン
=====================================*/
a.contentsGoTop {
float: right;
margin-right: 20px;
height: 15px;
width: 61px;
overflow: hidden;
text-indent: -9999px;
background-image: url(images_site/footer_gotop.gif);
background-repeat: no-repeat;
clear: both;
margin-bottom: 15px;
display:block;
}

a:hover.contentsGoTop { background-position: 0px -15px; }

#CONTENTS-RIGHT .banners {
height: 78px;
width: 210px;
margin-top: 5px;
margin-bottom: 5px;
}

#CONTENTS-RIGHT .banners a.bannerSeminar {
background-image: url(images_site/banners_seminar.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#CONTENTS-RIGHT .banners a.bannerSeminar2nd {
background-image: url(images_site/banners_seminar_2nd.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#CONTENTS-RIGHT .banners a.bannerSeminar3rd {
background-image: url(images_site/banners_seminar_3rd.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#CONTENTS-RIGHT .banners a.bannerDemo {
background-image: url(images_site/banners_demo.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}
#CONTENTS-RIGHT .banners a.bannerExprime {
background-image: url(images_site/banners_exprime.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}
#CONTENTS-RIGHT .banners a.bannerC3 {
background-image: url(images_site/banners_c3.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}
#CONTENTS-RIGHT .banners a.bannerIbmsystemx {
background-image: url(images_site/banners_systemx.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}
#CONTENTS-RIGHT .banners a.bannerIdoor {
background-image: url(images_site/banners_idoor.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}
#CONTENTS-RIGHT .banners a.bannerVehiclevision {
background-image: url(images_site/banners_vehiclevision.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#CONTENTS-RIGHT .banners a.bannerFlir {
background-image: url(images_site/banners_flir.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#CONTENTS-RIGHT .banners a.bannerRimage {
background-image: url(images_site/banners_rimage.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}
.banners a.bannerAvigilon {
background-image: url(images_site/banners_avigilon.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}
.banners a.bannerAgent_vi {
background-image: url(images_site/banners_agent_vi.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}
.banners a.bannerPromise {
background-image: url(images_site/banners_promise.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}
#CONTENTS-RIGHT .banners a.bannerIntransa {
background-image: url(images_site/banners_intransa.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

.banners a.bannerInteligent {
background-image: url(images_site/banners_inteligent.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#CONTENTS-RIGHT .banners a.bannerOpax {
background-image: url(images_site/banners_opax.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#CONTENTS-RIGHT .banners a.bannerVidserv {
background-image: url(images_site/banners_vidserv.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#CONTENTS-RIGHT .banners a.bannerRecruit {
background-image: url(images_site/banners_recruit.jpg);
background-repeat: no-repeat;
display: block;
height: 78px;
width: 210px;
text-indent: -9999px;
}

#CONTENTS-RIGHT .banners a:hover { background-position: 0px -78px; }

/*=====================================
内部ページ：左コンテンツ中ボタン類
=====================================*/
.contentsButtonArea {
height:100px;
width: 629px;
margin-top: 15px;
margin-bottom: 15px;
clear: both;
padding: 0px 20px;
}

.contentsButtonArea div a.contentsFooterButton {
width:210px;
height:80px;
text-indent:-9999px;
display:block;
margin:0px;
float:left;
}

.contentsButtonArea div a.contentsFooterButton:hover { background-position:0px -80px; }

.contentsButtonArea .buttonRequest {
background-image: url(images_site/button_label_request.jpg);
background-repeat: no-repeat;
width:227px;
float:left;
padding:0px;
height:80px;
text-indent:-9999px;
line-height:20px;
}

.contentsButtonArea .buttonRequest a {
background-image: url(images_site/button_to_request_s.jpg);
background-repeat: no-repeat;
}

.contentsButtonArea .buttonDemo {
background-image: url(images_site/button_label_demo.jpg);
background-repeat: no-repeat;
width:227px;
float:left;
padding:0px;
height:80px;
text-indent:-9999px;
line-height:20px;
}

.contentsButtonArea .buttonDemo a {
background-image: url(images_site/button_to_demo_s.jpg);
background-repeat: no-repeat;
}

.contentsButtonArea .buttonContact {
background-image: url(images_site/button_label_contact.jpg);
background-repeat: no-repeat;
width:210px;
float:left;
padding:0px;
height:100px;
text-indent:-9999px;
line-height:20px;
}

.contentsButtonArea .buttonContact a {
background-image: url(images_site/button_to_contact_s.jpg);
background-repeat: no-repeat;
}

/*=====================================
内部ページ：左コンテンツ下部ボタン類
=====================================*/
.contentsFooter {
width: 669px;
margin-top: 20px;
margin-bottom: 60px;
clear: both;
padding-top: 30px;
}

.contentsFooter a#CF1 {
display: block;
text-indent: -9999px;
float: left;
height: 139px;
width: 382px;
background-image: url(images_site/banners_service.jpg);
background-repeat: no-repeat;
}

.contentsFooter a#CF3 {
display: block;
text-indent: -9999px;
float: left;
height: 139px;
width: 283px;
background-image: url(images_site/banners_service.jpg);
background-repeat: no-repeat;
background-position: -382px 0px;
}


.contentsFooter a#CF1:hover { background-position: 0px -139px; }

.contentsFooter a#CF3:hover { background-position: -382px -139px; }

.contentsFooter a#REQUEST {
text-indent: -9999px;
display: block;
float: right;
height: 73px;
width: 349px;
background-image: url(images_site/button_to_request.jpg);
background-repeat: no-repeat;
}

.contentsFooter a#REQUEST:hover { background-position: 0px -73px; }

.contentsFooter a#SEMINAR {
text-indent: -9999px;
display: block;
float: right;
height: 73px;
width: 349px;
background-image: url(images_site/button_to_seminar.jpg);
background-repeat: no-repeat;
}

.contentsFooter a#SEMINAR:hover { background-position: 0px -73px; }

.contentsFooter a#ENTRY {
text-indent: -9999px;
display: block;
float: right;
height: 73px;
width: 349px;
background-image: url(images_site/button_to_entry.jpg);
background-repeat: no-repeat;
}

.contentsFooter a#ENTRY:hover { background-position: 0px -73px; }

.contentsFooter div a.contentsFooterButton {
width:210px;
height:80px;
text-indent:-9999px;
display:block;
margin:0px;
float:left;
}

.contentsFooter div a.contentsFooterButton:hover { background-position:0px -80px; }

.contentsFooter .buttonRequest {
background-image: url(images_site/button_label_request.jpg);
background-repeat: no-repeat;
width:227px;
float:left;
padding:0px;
height:100px;
text-indent:-9999px;
line-height:20px;
}

.contentsFooter .buttonRequest a {
background-image: url(images_site/button_to_request_s.jpg);
background-repeat: no-repeat;
}

.contentsFooter .buttonDemo {
background-image: url(images_site/button_label_demo.jpg);
background-repeat: no-repeat;
width:227px;
float:left;
padding:0px;
height:100px;
text-indent:-9999px;
line-height:20px;
}

.contentsFooter .buttonDemo a {
background-image: url(images_site/button_to_demo_s.jpg);
background-repeat: no-repeat;
}

.contentsFooter .buttonContact {
background-image: url(images_site/button_label_contact.jpg);
background-repeat: no-repeat;
width:210px;
float:left;
padding:0px;
height:100px;
text-indent:-9999px;
line-height:20px;
}

.contentsFooter .buttonContact a {
background-image: url(images_site/button_to_contact_s.jpg);
background-repeat: no-repeat;
}

#CONTENTS-LEFT .contentsFooterLink {
height: 100%;
clear:both;
margin:0px;
padding:0px;
background-image: url(images_site/contents_footerlink_bg.jpg);
background-repeat: repeat-y;
}

#CONTENTS-LEFT .contentsFooterLink h2 {
padding: 15px 5px 0px 25px;
margin:0px 0px 10px;
background-image: url(images_site/contents_footerlink_header.jpg);
background-repeat: no-repeat;
line-height: 39px;
height: 39px;
color:#0B4340;
width: 639px;
}

#CONTENTS-LEFT .contentsFooterLink h2 a { color:#0B4340; }

#CONTENTS-LEFT .contentsFooterLink .contentsFooterLinkList { clear:both; }

#CONTENTS-LEFT .contentsFooterLink .contentsFooterLinkList li {
font-size:12px;
line-height:1.2em;
float: left;
display: inline-block;
padding-right: 20px;
}

#CONTENTS-LEFT .contentsFooterLink .contentsFooterLinkList li { display: block; }

#CONTENTS-LEFT .contentsFooterLink .movieLink {
list-style-image:none;
margin: 0px;
padding: 0px 0px 0px 5px;
clear: both;
}

#CONTENTS-LEFT .contentsFooterLink .movieLink li {
width: 210px;
font-size: 12px;
float:left;
list-style-image:none;
padding:3px;
margin:0px;
height:60px;
background-image: none;
background-color: #FFF;
border: 1px solid #D1D1D1;
}

#CONTENTS-LEFT .contentsFooterLink .movieLink li a {
height: 60px;
width: 130px;
padding-top: 0px;
padding-left: 77px;
padding-right:3px;
margin-bottom:10px;
line-height: 140%;
display: block;
background-position: 0px 0px;
background-repeat: no-repeat;
}

#CONTENTS-LEFT .contentsFooterLink .movieLink li a:hover { background-position:-210px 0px; }

#CONTENTS-LEFT .contentsFooterLink .movieLink #BANNERmovie_case { margin-right:2px; }

#CONTENTS-LEFT .contentsFooterLink .movieLink #BANNERmovie_xpe7 { margin-right:2px; }

#CONTENTS-LEFT .contentsFooterLink .movieLink #BANNERmovie_xpsc5 { margin-right:0px; }

#CONTENTS-LEFT .contentsFooterLink .movieLink #BANNERmovie_case a { background-image: url(images_site/button_movie_case.jpg); }

#CONTENTS-LEFT .contentsFooterLink .movieLink #BANNERmovie_xpe7 a { background-image: url(images_site/button_movie_e7.jpg); }

#CONTENTS-LEFT .contentsFooterLink .movieLink #BANNERmovie_xpsc5 a { background-image: url(images_site/button_movie_sc5.jpg); }

#CONTENTS-LEFT .contentsFooterLink .contentsFooterLinkBottom {
clear:both;
line-height:5px;
margin:0px;
padding:0px;
height:15px;
background-image:url(images_site/contents_footerlink_footer.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}

/* ページ内リンクナビゲーション */
#CONTENTS-LEFT ul.pageNavi { font-size:12px; }

#CONTENTS-LEFT ul.pageNavi li {
float: left;
display: inline-block;
padding:0px 15px 15px!important;
background-image:url(images_site/submenu_bullet.gif)!important;
background-repeat:no-repeat!important;
background-position:0px 2px!important;
}

/* 製品ページ */
#CONTENTS-LEFT .system .box {
border: 1px solid #999;
margin-left: 20px;
padding-top: 10px;
width: 540px;
}

#CONTENTS-LEFT .system ol {
padding-left: 20px;
margin-bottom: 0px;
}

#CONTENTS-LEFT .system ol li {
padding-bottom: 15px;
padding-left: 20px;
background-image: url(images_site/li_circle02.gif);
background-repeat: no-repeat;
line-height: 1.4em;
background-position: 0px 4px;
}

#CONTENTS-LEFT .system li strong {
font-size:129%;
color: #192943;
line-height: 1.4em!important;
}

#CONTENTS-LEFT .features ul {
padding-left: 20px;
margin-bottom: 0px;
}

#CONTENTS-LEFT .features li {
background-image: url(images_site/li_square.gif);
background-repeat: no-repeat;
line-height: 1.2em;
background-color: #EFF4F8;
margin-bottom: 15px;
background-position: 10px 8px;
padding: 5px 5px 5px 25px;
margin-right: 20px;
}

#CONTENTS-LEFT .features li li {
background-image: url(images_site/li_circle.gif);
background-repeat: no-repeat;
line-height: 1.2em;
background-color: #EFF4F8;
margin-bottom: 0px;
background-position: 10px 8px;
padding: 5px 5px 0px 25px;
}

/*=====================================
内部ページ：XProtect対応カメラ一覧ページ
=====================================*/
#PICTSMALL {
float: right;
width: 332px;
}

#CONTENTS #PICTSMALL h2 { display: none !important; }
#CONTENTS #PICTSMALL p{
	margin-left:2px;
}
#CONTENTS #PICTSMALL ul {
padding-right: 0px;
padding-left: 0px;
text-align: center;
}

#CONTENTS #PICTSMALL li {
float: left;
height: 36px;
width: 94px;
padding-top: 7px;
padding-right: 7px!important;
padding-bottom: 0px!important;
padding-left: 5px;
margin-left: 0px !important;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
line-height: 120%;
text-align: center;
text-indent: 0em !important;
background-image: url(images_site/pict_small_bg.jpg);
background-position: center top;
background-repeat: no-repeat;
list-style-position: outside;
list-style-type: none !important;
word-break:break-all;
}
.logolist {
float: left;
height: 100px;
width: 150px;
margin-bottom: 0px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 10px;
line-height: 1.2em;
}

.logoflame {
height: 55px;
width: 150px;
padding: 1px;
margin: 0px;
border: 1px solid #999999;
}

.logoimage {
height: 53px;
width: 148px;
overflow: hidden;
}

.logoimage img { margin:-11px 0px 0px 0px; }

.cameraLogo {
float: left;
margin-left: 17px;
margin-bottom: 15px;
font-size: 0.9em;
color: #333333;
line-height: 120%;
border:1px solid #CCC;
width:309px;
text-align:center;
}

/* 活用場所ページ */
#CONTENTS-LEFT .situationList,
#TOP-LEFT .situationList{ width: 665px; }
#CONTENTS-LEFT .situationList li,
#TOP-LEFT .situationList li{ width: 205px;
height:65px;
padding:0px 14px 20px 0px;
margin:0px;
float:left;
background-image:none;
}
.situationList li.right {
padding:0px 0px 20px 0px;
}

.situationList li a{ width: 205px;
height:65px;
padding:0px;
margin:0px;
display:block;
text-indent:-9999px;
background-position:0px 0px;
background-repeat:no-repeat;
}
.situationList li a:hover{
background-position:0px -65px;
}

.situationList .situationListadministration a {background-image: url(images/situation_administration.jpg);}
.situationList .situationListschool a {background-image: url(images/situation_school.jpg);}
.situationList .situationListhospital a {background-image: url(images/situation_hospital.jpg);}
.situationList .situationListbank a {background-image: url(images/situation_bank.jpg);}
.situationList .situationListfactory a {background-image: url(images/situation_factory.jpg);}
.situationList .situationListwarehouse a {background-image: url(images/situation_warehouse.jpg);}
.situationList .situationListpowerplant a {background-image: url(images/situation_powerplant.jpg);}
.situationList .situationListdisposal a {background-image: url(images/situation_disposal.jpg);}
.situationList .situationListexperiment a {background-image: url(images/situation_experiment.jpg);}
.situationList .situationListwelfare a {background-image: url(images/situation_welfare.jpg);}
.situationList .situationListhotel a {background-image: url(images/situation_hotel.jpg);}
.situationList .situationListleisure a {background-image: url(images/situation_leisure.jpg);}
.situationList .situationListsport a {background-image: url(images/situation_sport.jpg);}
.situationList .situationListrestaurant a {background-image: url(images/situation_restaurant.jpg);}
.situationList .situationListstore a {background-image: url(images/situation_store.jpg);}
.situationList .situationListdepartment a {background-image: url(images/situation_department.jpg);}
.situationList .situationListshopping a {background-image: url(images/situation_shopping.jpg);}
.situationList .situationListstation a {background-image: url(images/situation_station.jpg);}
.situationList .situationListgasstation a {background-image: url(images/situation_gasstation.jpg);}
.situationList .situationListoffice a {background-image: url(images/situation_office.jpg);}
.situationList .situationListbuilding a {background-image: url(images/situation_building.jpg);}
.situationList .situationListdatacenter a {background-image: url(images/situation_datacenter.jpg);}
.situationList .situationListfirestation a {background-image: url(images/situation_firestation.jpg);}
.situationList .situationListpolicestation a {background-image: url(images/situation_policestation.jpg);}
.situationList .situationListtemple a {background-image: url(images/situation_temple.jpg);}
.situationList .situationListparking a {background-image: url(images/situation_parking.jpg);}
.situationList .situationListconstructionsite a {background-image: url(images/situation_constructionsite.jpg);}
.situationList .situationListstudio a {background-image: url(images/situation_studio.jpg);}
.situationList .situationListevent a {background-image: url(images/situation_event.jpg);}
.situationList .situationListapartment a {background-image: url(images/situation_apartment.jpg);}
.situationList .situationAvigilon a {background-image: url(images/situation_avigilon2900.jpg);}
.situationList .situationMegasolar a {background-image: url(images/situation_megasolar.jpg);}
.situationList .situationIntelligence a {background-image: url(images/situation_business-intelligence2015.jpg);}
.situationList .situationRoad a {background-image: url(images/situation_road.jpg);}
.situationList .AvigilonMovie a {background-image: url(images/avigilon_movie.jpg);}
.situationList .situationCasestyudyAgentvi a {background-image: url(images/agentvi_casestudy.jpg);}	
.situationList .situationCasestyudyAvigilon a {background-image: url(images/avigionin_casestudy.jpg);}
.situationList .situationH4EdgeSolution a {background-image: url(images/top-h4-edge-solution.jpg);}
.situationList .situationSelfLearningAnalytics a {background-image: url(images/top-self-learning-analytics.jpg);}
.situationList .situationSelfLearningAnalytics a {background-image: url(images/top-self-learning-analytics.jpg);}

.situationList .situationAvigilon2 a {background-image: url(images/solution_avigilon.jpg);}
.situationList .situationPro2 a {background-image: url(images/solution_pro.jpg);}
.situationList .situationCasestudyCloude a {background-image: url(images/top-h4-casestudy-cloud.jpg);}
.situationList .situationFaceRecognition a {background-image: url(images/top-h4-top-face-recognition.jpg);}
.situationList .situationNet2Online a {background-image: url(/images/net2Online.jpg);}
.situationList .situationBluetooth a {background-image: url(/images/top-h4-bluetooth_cardreader.jpg);}
.situationList .situationTm7723 a {background-image: url(/images/top-tm7723.jpg);}
.situationList .situationIvo a {background-image: url(images/solution_ivo.jpg);}


#CONTENTS-LEFT #SERVICEBEFORE,
#CONTENTS-LEFT #SERVICEAFTER{
float: left;
}

#CONTENTS-LEFT #SERVICEBEFOREAFTER {
background-image: url(images_site/situation_beforeafter_bg.jpg);
background-repeat: repeat-y;
}

#CONTENTS-LEFT #SERVICEBEFORE h2 {
background-image:none;
margin: 0px 0px 0px 10px;
padding: 12px 0px 8px 5px;
color: #000;
width: 275px;
line-height: 1.2em;
border-bottom: 2px solid #4D82B8;
border-top-style: none;
border-right-style: none;
border-left-style: none;
height: auto;
}
#CONTENTS-LEFT #SERVICEAFTER h2 {
background-image:none;
margin: 0px 0px 0px 10px;
padding: 12px 0px 8px 15px;
color: #000;
border-bottom: 2px solid #4D82B8;
border-top-style: none;
border-right-style: none;
border-left-style: none;
width: 265px;
line-height: 1.2em;
}
#CONTENTS-LEFT  #SERVICEBEFORE {
background-image: url(images_site/situation_beforeafter_bg.jpg);
background-repeat: repeat-y;
width: 325px;
margin: 0px 0px 12px;
padding: 0px 0px 0px 25px;
background-position: 25px;
}
#CONTENTS-LEFT  #SERVICEAFTER {
background-image: url(images_site/situation_beforeafter_bg.jpg);
background-position:-325px 0px;
background-repeat: repeat-y;
width: 308px;
margin: 0px 0px 12px;
padding: 0px;
}
#CONTENTS-LEFT  #SERVICEBEFORE ul{
background-image: url(images_site/situation_beforeafter_bottom.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
margin: 0px;
padding: 0px 0px 30px 10px;
font-size: 100%;
}
#CONTENTS-LEFT  #SERVICEAFTER ul{
background-image: url(images_site/situation_beforeafter_bottom.jpg);
background-repeat: no-repeat;
background-position: -325px bottom;
margin: 0px;
padding: 0px 0px 30px 10px;
font-size: 100%;
}
#CONTENTS-LEFT #SERVICEBEFORE ul li {
background-image: url(images_site/li_check.gif);
background-repeat: no-repeat;
background-position: 2px 7px;
width: 255px;
border-bottom: 1px solid #D1D1D1;
margin: 0px;
padding: 10px 0px 10px 25px;
line-height: 1.4em;
}

#CONTENTS-LEFT #SERVICEAFTER ul li {
background-image: url(images_site/li_arrow01.gif);
background-repeat: no-repeat;
background-position: 3px 15px;
width: 260px;
border-bottom: 1px solid #D1D1D1;
margin: 0px;
padding: 10px 0px 10px 19px;
line-height: 1.4em;
}


/*OV用追加*/
.ov_pic4{
clear:both;
padding-left:20px;
}
.ov_pic4 dl{
float:left;
margin:0 20px 30px 0;
}
.ov_pic4 dt{
	margin-bottom:5px;
}

/**/
ul#sol_bn{
	width:655px;
}
#sol_bn li{
float:left;
margin:10px 5px!important;
padding:0 !important;
background-image:none !important;
}

#sol_bn_ov a:link,#sol_bn_ov a:visited{
background: url(images_site/sol_bn_ov.jpg);
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}
#sol_bn_ov a:hover{
background: url(images_site/sol_bn_ov.jpg) 0 100px;
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}

#sol_bn_vehicle a:link,#sol_bn_vehicle a:visited{
background: url(images_site/sol_bn_vehicle.jpg);
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}
#sol_bn_vehicle a:hover{
background: url(images_site/sol_bn_vehicle.jpg) 0 100px;
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}
#sol_bn_flir a:link,#sol_bn_flir a:visited{
background: url(images_site/sol_bn_flir.jpg);
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}
#sol_bn_flir a:hover{
background: url(images_site/sol_bn_flir.jpg) 0 100px;
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}

#sol_bn_agent_vi a:link,#sol_bn_agent_vi a:visited{
background: url(images_site/sol_bn_agent_vi.jpg);
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}
#sol_bn_agent_vi a:hover{
background: url(images_site/sol_bn_agent_vi.jpg) 0 100px;
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}

#sol_bn_avigilon a:link,#sol_bn_avigilon a:visited{
background: url(images_site/sol_bn_avigilon.jpg);
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}
#sol_bn_avigilon a:hover{
background: url(images_site/sol_bn_avigilon.jpg) 0 100px;
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}

#sol_bn_avigilon_system a:link,#sol_bn_avigilon_system a:visited{
background: url(images_site/sol_bn_avigilon_system.jpg);
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}
#sol_bn_avigilon_system a:hover{
background: url(images_site/sol_bn_avigilon_system.jpg) 0 100px;
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}


#sol_bn_promise a:link,#sol_bn_promise a:visited{
background: url(images_site/sol_bn_promise.jpg);
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}
#sol_bn_promise a:hover{
background: url(images_site/sol_bn_promise.jpg) 0 100px;
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}


#sol_bn_rimage a:link,#sol_bn_rimage a:visited{
background: url(images_site/sol_bn_rimage.jpg);
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}
#sol_bn_rimage a:hover{
background: url(images_site/sol_bn_rimage.jpg) 0 100px;
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}


#sol_bn_systemx a:link,#sol_bn_systemx a:visited{
background: url(images_site/sol_bn_systemx.jpg);
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}
#sol_bn_systemx a:hover{
background: url(images_site/sol_bn_systemx.jpg) 0 100px;
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}

#sol_bn_interconnect a:link,#sol_bn_interconnect a:visited{
background: url(images_site/sol_bn_interconnect02.jpg);
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}
#sol_bn_interconnect a:hover{
background: url(images_site/sol_bn_interconnect02.jpg) 0 100px;
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}


#sol_bn_xprotect a:link,#sol_bn_xprotect a:visited{
background: url(images_site/sol_bn_xprotect.jpg);
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}
#sol_bn_xprotect a:hover{
background: url(images_site/sol_bn_xprotect.jpg) 0 100px;
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}


#sol_bn_eagleeye a:link,#sol_bn_eagleeye a:visited{
background: url(images_site/sol_bn_eagleeye.jpg);
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}
#sol_bn_eagleeye a:hover{
background: url(images_site/sol_bn_eagleeye.jpg) 0 100px;
height:100px;
width:306px;
display:block;
text-indent:-9999px;
}


#sol_bn_avigilon_system3 a:link,#sol_bn_avigilon_system3 a:visited{
background: url(images_site/button-avigilon.jpg);
height:100px;
width:200px;
display:block;
text-indent:-9999px;
}
#sol_bn_avigilon_system3 a:hover{
background: url(images_site/button-avigilon.jpg) 0 100px;
height:100px;
width:200px;
display:block;
text-indent:-9999px;
}

#sol_bn_xprotect3 a:link,#sol_bn_xprotect3 a:visited{
background: url(images_site/button-xprotect.jpg);
height:100px;
width:200px;
display:block;
text-indent:-9999px;
}
#sol_bn_xprotect3 a:hover{
background: url(images_site/button-xprotect.jpg) 0 100px;
height:100px;
width:200px;
display:block;
text-indent:-9999px;
}


#sol_bn_eagleeye3 a:link,#sol_bn_eagleeye3 a:visited{
background: url(images_site/button-eagleeye.jpg);
height:100px;
width:200px;
display:block;
text-indent:-9999px;
}
#sol_bn_eagleeye3 a:hover{
background: url(images_site/button-eagleeye.jpg) 0 100px;
height:100px;
width:200px;
display:block;
text-indent:-9999px;
}

#sol_bn_avigilon_face_recognition a:link,#sol_bn_avigilon_face_recognition a:visited{
background: url(images_site/sol_bn_avigilon_face_recognition.jpg);
height:100px;
width: 306px;
display:block;
text-indent:-9999px;
cursor: pointer;
}
#sol_bn_avigilon_face_recognition a:hover{
background: url(images_site/sol_bn_avigilon_face_recognition.jpg) 0 100px;
height:100px;
width: 306px;
display:block;
text-indent:-9999px;
cursor: pointer;
}

#sol_bn_self-learning-analytics a:link,#sol_bn_self-learning-analytics a:visited{
background: url(images_site/sol_bn_self-learning-analytics.jpg);
height:100px;
width: 306px;
display:block;
text-indent:-9999px;
cursor: pointer;
}
#sol_bn_self-learning-analytics a:hover{
background: url(images_site/sol_bn_self-learning-analytics.jpg) 0 100px;
height: 100px;
width: 306px;
display:block;
text-indent:-9999px;
cursor: pointer;
}
#sol_bn_eagle-eye a:link,#sol_bn_eagle-eye a:visited{
background: url(images_site/sol_bn_eagle-eye.jpg);
height: 100px;
width: 306px;
display:block;
text-indent:-9999px;
cursor: pointer;
}
#sol_bn_eagle-eye a:hover{
background: url(images_site/sol_bn_eagle-eye.jpg) 0 100px;
height: 100px;
width: 306px;
display:block;
text-indent:-9999px;
cursor: pointer;
}
#sol_bn_avigilon-alta{
	cursor: pointer;
}
#sol_bn_avigilon-alta a:link,#sol_bn_avigilon-alta a:visited{
background: url(images_site/sol_bn_avigilon-alta.jpg);
height: 100px;
width: 306px;
display:block;
text-indent:-9999px;
cursor: pointer;
}
#sol_bn_avigilon-alta a:hover{
background: url(images_site/sol_bn_avigilon-alta.jpg) 0 100px;
height: 100px;
width: 306px;
display:block;
text-indent:-9999px;
cursor: pointer;
}
	




#solution{
}
#TOP-RIGHT ul{
	margin-left: 20px;
}

#biz-partner a:link,#biz-partner a:visited{
background: url(images_site/biz-partner.jpg) no-repeat;
display: block;
height: 90px;
width:200px;
text-indent: -9999px;
margin-bottom: 20px;
}
#biz-partner a:hover{
background: url(images_site/biz-partner.jpg) 0 -90px;
display: block;
height: 90px;
width:200px;
text-indent: -9999px;
margin-bottom: 20px;
}


a#FOOTER-LOGIN {
height: 45px;
width: 206px;
display: block;
overflow: hidden;
text-indent: -9999px;
background-image: url(images_site/footer_login.jpg);
background-repeat: no-repeat;
}

a:hover#FOOTER-LOGIN { background-position: 0px -45px; }


a#FOOTER-PARTNER {
position: absolute;
left: 0px;
top: 14px;
height: 45px;
width: 195px;
overflow: hidden;
text-indent: -9999px;
background-image: url(images_site/footer_partner.jpg);
background-repeat: no-repeat;
}

a:hover#FOOTER-PARTNER { background-position: 0px -45px; }

.f22{
font-size:22px;
font-weight:blod;
}
.f22 span{ 
color:red;
}

p#top-ice{
margin:0 0 20px 0;
}


/*プレミアムサポート*/
#premiumsupport{

}
#p_support ul{
background:none;
}
#p_support li {
background:none !important;
padding: 0 !important;
width: 202px;
margin:0 20px 30px 0;
float: left;
}
#p_support li:last-child {
margin-right: 0;
}
a:link#support01 {
background: url(images/premiumpupport/banner.jpg);	
width: 202px;
height: 272px;
display: block;
text-indent: -9999px;
}
a:hover#support01 {
background: url(images/premiumpupport/banner.jpg) 0 -272px;	
width: 202px;
height: 272px;
display: block;
text-indent: -9999px;
}

a:link#support02 {
background: url(images/premiumpupport/banner.jpg) -202px 0;
width: 202px;
height: 272px;
display: block;
text-indent: -9999px;
}
a:hover#support02 {
background: url(images/premiumpupport/banner.jpg) -202px -272px;	
width: 202px;
height: 272px;
display: block;
text-indent: -9999px;
}

a:link#support03 {
background: url(images/premiumpupport/banner.jpg) -404px 0;	
width: 202px;
height: 272px;
display: block;
text-indent: -9999px;
}
a:hover#support03 {
background: url(images/premiumpupport/banner.jpg) -404px -272px;	
width: 202px;
height: 272px;
display: block;
text-indent: -9999px;
}

ul.megasolar{
	margin-left: 20px !important;
}

.megasolar li{
background: none !important	;
text-indent: -20px;
margin-left: 20px;
	display: block;

}
.fl_rt{
float: right;
width: 405px;
margin-right: 0 !important;
margin-left: 0 !important;
}

#youtube iframe{
	margin-left: 20px;}

	

.margin-top10 {
    margin-top: 10px;		
	}

.margin-top20 {
    margin-top: 20px;		
	}

.margin-top30 {
    margin-top: 30px;		
	}

.margin-top40 {
    margin-top: 40px;		
	}

.margin-top50 {
    margin-top: 50px;		
	}

.margin-bottom10 {
    margin-bottom: 10px;
	}

.margin-bottom20 {
    margin-bottom: 20px;
	}

.margin-bottom30 {
    margin-bottom: 30px;
	}

.margin-bottom40 {
    margin-bottom: 40px;
	}

.margin-bottom50 {
    margin-bottom: 50px;
	}


.side_h2{
background: #2f62a1; /* Old browsers */
background: -moz-linear-gradient(top,  #2f62a1 64%, #3b7bc5 93%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2f62a1 64%,#3b7bc5 93%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2f62a1 64%,#3b7bc5 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f62a1', endColorstr='#3b7bc5',GradientType=0 ); /* IE6-9 */
border-bottom: 4px solid #aac3eb;
text-align: center;
font-weight: bold;
padding: 10px 0;
color: #fff;
}

.side_li{
    height: 100%;
    width: 186px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    line-height: 140%;
    display: block;
    background-image: url(images_site/submenu_bullet.gif);
    background-position: 4px 14px;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.txtRight{
	text-align: right;
}