@charset "utf-8";
/* CSS Document */
/* targetPage :
	body#goodslist // サービス商品インデックス
	body#rms // RMS
	body#security // 防犯セキュリティ
	body#cameraSolution // カメラソリューション
	body#giftMoney // 見舞金制度
	body#sefetyPack	// あんしんパック */

/* --------------------------------------
	サービス商品インデックス／common
	body#goodslist
-----------------------------------------	*/

body#goodslist p{ margin-top:10px; }

/* common size */
body#goodslist div#contents h2{
	border-left:10px #FF6633 solid;
	border-bottom:2px #FF6633 solid;
	padding-bottom:5px;
	width:677px;
	height:18px;
	text-indent:-9999px;
	margin:10px 0px;
	background-position:5px 0px;
}

/* image */
body#goodslist h2.networkcameraSolution{ background:url(../goodslist/image/titleS_networkcameraSolution.gif) no-repeat; }
body#goodslist h2.security{ background:url(../goodslist/image/titleS_security.gif) no-repeat; }
body#goodslist h2.cameraSolution{ background:url(../goodslist/image/titleS_cameraSolution.gif) no-repeat; }
body#goodslist h2.support{ background:url(../goodslist/image/titleS_support.gif) no-repeat; }


/* common size */
body#goodslist div.goodslist ul li { border:1px #CCC solid; }
body#goodslist div.goodslist ul li ,
body#goodslist div.goodslist ul li a{
	float:left;
	width:223px;
	height:138px;
	margin:0px 7px 5px 0px;
	text-indent:-9999px;
	/*\*/
	overflow:hidden;
	/**/
}

/* image */

/* RMS */
body#goodslist div.goodslist ul li.rms ,
body#goodslist div.goodslist ul li.rms a{
	background:url(../goodslist/image/bt_rms.jpg) no-repeat;
}

/* センサー */
body#goodslist div.goodslist ul li.sensor ,
body#goodslist div.goodslist ul li.sensor a{
	background:url(../goodslist/image/bt_sensor.jpg) no-repeat;
}

/* コントローラー */
body#goodslist div.goodslist ul li.controller ,
body#goodslist div.goodslist ul li.controller a{
	background:url(../goodslist/image/bt_controller.jpg) no-repeat;
}

/* 威嚇機器 */
body#goodslist div.goodslist ul li.menace ,
body#goodslist div.goodslist ul li.menace a{
	background:url(../goodslist/image/bt_menace.jpg) no-repeat;
	margin-right:0px;
}

/* ネットワークカメラ */
body#goodslist div.goodslist ul li.networkcamera ,
body#goodslist div.goodslist ul li.networkcamera a{
	background:url(../goodslist/image/bt_networkcamera.jpg) no-repeat;
}

/* アナログカメラシステム */
body#goodslist div.goodslist ul li.analoguecamera ,
body#goodslist div.goodslist ul li.analoguecamera a{
	background:url(../goodslist/image/bt_analoguecamera.jpg) no-repeat;
}

/* 見舞金制度 */
body#goodslist div.goodslist ul li.giftMoney ,
body#goodslist div.goodslist ul li.giftMoney a{
	background:url(../goodslist/image/bt_giftMoney.jpg) no-repeat;
}

/* あんしんパック */
body#goodslist div.goodslist ul li.safetyPack ,
body#goodslist div.goodslist ul li.safetyPack a{
	background:url(../goodslist/image/bt_safetyPack.jpg) no-repeat;
}

/* --------------------------------------
	サービス商品 common／body.goodslist
	body.goodslist
-----------------------------------------	*/

/* leftBox メニューエリア */

body.goodslist div.leftBox li.active { font-weight:bold; }
body.goodslist div.leftBox ul.list { margin-left:5px; }
body.goodslist div.leftBox ul.list li{ font-size:14px; }

/* common size */
body.goodslist div#contents div.leftBox h2{
	width:165px;
	height:15px;
	text-indent:-9999px;
	border-left:5px #444 solid;
	margin:10px 0px;
	background-position:5px 0px;
}

/* image */
body.goodslist div.leftBox h2.security{ background:url(../goodslist/image/indexS_security.gif) no-repeat; }
body.goodslist div.leftBox h2.cameraSolution{ background:url(../goodslist/image/indexS_cameraSolution.gif) no-repeat; }
body.goodslist div.leftBox h2.support{ background:url(../goodslist/image/indexS_support.gif) no-repeat; }

/* height:35以上 */
body.goodslist div#contents div.leftBox h2.networkcameraSolution{
	height:35px;
	background:url(../goodslist/image/indexS_networkcameraSolution.gif) no-repeat;
	background-position:5px 0px;
}

/* rightBox コンテンツエリア */

body.goodslist div.rightBox { padding-top:10px; }

body.goodslist div.rightBox h4 {
	border-left:4px #993333 solid;
	color:#993333;
	padding-left:5px;
	margin:5px 0px;
	font-size:14px;
}


/* --------------------------------------
	RMS／body#rms
	body#rms
-----------------------------------------	*/

body#rms div.rightBox ul.list { margin-left:0px; }
body#rms div.rightBox ul.list li { font-size:14px; }

body#rms div.rightBox img{ border:1px #CCC solid; }
body#rms div.rightBox img.flash{ border:0px;margin-bottom:10px; }

/* common size */
body#rms div.rightBox dt{
	width:505px;
	height:50px;
	text-indent:-9999px;
	margin:10px 0px;
	clear:both;
}

/* image */
body#rms div.rightBox dt.catch_rms1{ background:url(../goodslist/networkcameraSolution/rms/image/catch_rms1.gif) no-repeat; }
body#rms div.rightBox dt.catch_rms2{ background:url(../goodslist/networkcameraSolution/rms/image/catch_rms2.gif) no-repeat; }
body#rms div.rightBox dt.catch_rms3{ background:url(../goodslist/networkcameraSolution/rms/image/catch_rms3.gif) no-repeat; }
body#rms div.rightBox dt.catch_rms4{ background:url(../goodslist/networkcameraSolution/rms/image/catch_rms4.gif) no-repeat; }
body#rms div.rightBox dt.catch_rms5{ background:url(../goodslist/networkcameraSolution/rms/image/catch_rms5.gif) no-repeat; }
body#rms div.rightBox dt.catch_rms6{ background:url(../goodslist/networkcameraSolution/rms/image/catch_rms6.gif) no-repeat; }
body#rms div.rightBox dt.catch_rms7{ background:url(../goodslist/networkcameraSolution/rms/image/catch_rms7.gif) no-repeat; }
body#rms div.rightBox dt.catch_rms8{ background:url(../goodslist/networkcameraSolution/rms/image/catch_rms8.gif) no-repeat; }

/*	ライブ中継画像（picture_rms1.jpg）
		検知の仕組み画像（picture_rms2.jpg）
		動画検索画像（picture_rms5.jpg） */
body#rms div.rightBox dd.rmsImage1 {
	float:left;
	width:200px;
	margin-right:10px;
}

/*	プリセットスケジューラー画像（picture_rms3.jpg）
		カメラグループ画像（picture_rms4.jpg） */
body#rms div.rightBox dd.rmsImage2 {
	float:right;
	width:200px;
	padding-left:10px; /* marginでないのはIEバグ対策のため */
}

/* RMSプラン一覧 */
body#rms div.rightBox dd.plan {
	float:left;
	width:208px;
	padding:15px;
	margin-right:10px;
	border:1px #CCC solid;
	background:url(../image/bgImage_CCC35.gif) repeat-x left bottom;
}

/* iPhone画像（picture_rms6.jpg） */
body#rms div.rightBox dd.rmsImage3 {
	float:left;
	width:100px;
	margin-right:10px;
}


/* --------------------------------------
	サポート common／body.support
	body.support
-----------------------------------------	*/

/* common */

body.support div.rightBox h2 {
	color:#FFF;
	font-size:14px;
	width:496px;
	padding:2px 0px 2px 7px;
	margin-bottom:10px;
	background:#666;
	border:1px #CCC solid;
}

/* common size */
body.support div#contents div.rightBox h3{
	border-left:10px #FF6633 solid;
	border-bottom:2px #FF6633 solid;
	padding-bottom:5px;
	width:490px;
	height:18px;
	text-indent:-9999px;
	margin:10px 0px;
	background-position:5px 0px;
}

/* image */
body#giftMoney div.rightBox h3{ background:url(../goodslist/support/giftMoney/image/catch_giftMoney1.gif) no-repeat;}
body#safetyPack div.rightBox h3{ background:url(../goodslist/support/safetyPack/image/catch_safetyPack1.gif) no-repeat;}

body.support div.rightBox p { margin-bottom:10px; }

body.support div.rightBox img {
	float:right;
	width:98px;
	height:98px;
	border:1px #CCC solid;
	margin:0px 0px 10px 10px;
}

body.support div.rightBox ul { margin-left:5px; }
body.support div.rightBox ul li{
	background:url(../image/ic_li2.gif) no-repeat;
	background-position:0px 5px;
	padding-left:12px;
	margin-top:-2px;
	font-size:14px;
	line-height:1.5em;
}


/* --------------------------------------
	見舞金制度／body#giftMoney
	body#giftMoney
-----------------------------------------	*/

body#giftMoney div.rightBox td.left{ width:210px; }


/* --------------------------------------
	あんしんパック／body#safetyPack
	body#safetyPack
-----------------------------------------	*/

/* 通常料金表 */

body#safetyPack table.normalMoney{
	width:500px;
	margin:5px 0px 5px 5px;
	border-collapse: collapse;
}

body#safetyPack table.normalMoney caption{ text-align:left; margin-bottom:5px; }

body#safetyPack table.normalMoney th ,
body#safetyPack table.normalMoney td {
	border:1px #333 solid;
	padding:3px;
	font-size:12px;
}
body#safetyPack table.normalMoney th { background:#FFC; }
body#safetyPack table.normalMoney th.left { width:210px; }
body#safetyPack table.normalMoney th.center { width:160px; }

body#safetyPack table.normalMoney td.noMoney {
	font-weight:bold;
	color:#F00;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
}