@charset "utf-8";
/* CSS Document */
/* targetPage : ALL */

/* --------------------------------------
	共通設定／common
	body
-----------------------------------------	*/

/* リンク */

a{ color:#00F; }
a:visited{ color:#551A8B; }
a:hover{ color:#F00; }

/* テーブル */

table{
	border-collapse:collapse;
	table-layout:fixed;
}
th,td {
	vertical-align:top;
	padding:0px;
}

/* フォーム */

.inputButton{
	background:#CCC;
	border:1px #444 solid;
	_padding-top:2px;
}
.inputText{
	background:#FFF;
	border:1px #444 solid;
	padding:1px 1px 0px 1px;
	height:17px;
	_padding:3px 3px 0px 3px;
}

/* カラー */

.red { color:#F00; }

/* リスト */

ul li{ list-style-type:none; }

ul.list { margin-left:10px; }
ul.list li{
	background:url(../image/ic_li2.gif) no-repeat;
	background-position:0px 5px;
	padding-left:12px;
	font-size:12px;
}

dl.list { margin-left:10px; }
dl.list dt {
	background:url(../image/ic_li2.gif) no-repeat;
	background-position:0px 5px;
	padding-left:12px;
	font-size:14px;
}
dl.list dd { margin-left:12px; }


ul.list2 { margin-left:10px; }
ul.list2 li{
	background:url(../image/ic_li1.gif) no-repeat;
	background-position:0px 1px;
	padding-left:20px;
	font-size:12px;
}

ol li{
	margin-left:26px;
}

/* リストボタン */

ul.linkBt { margin-left:10px; }
ul.linkBt li {
	background:url(../image/ic_li1.gif) no-repeat;
	background-position:0px 1px;
	padding-left:20px;
	font-size:12px;
	margin:5px 0px;
}

/* text-indent:-9999px操作関連 */

.catch_FF6633{
	padding-bottom:5px;
	border-bottom:3px #FF6633 solid;
	text-indent:-9999px;
	margin-bottom:10px;
	clear:both;
}

/* float操作 */

.clear{ clear:both; }
.floatLeft{ float:left; }
.floatRight{ float:right; }


/* コンテンツ準備中 */

div#container div#ready { width:690px; }
div#container div#ready img {
	width:380px;
	height:100px;
	margin:40px 155px;	
}

/* 電話番号 */

/* common size */
h6 {
	width:147px;
	height:21px;
	text-indent:-9999px;
	margin-bottom:3px;
}

/* h6 image */
h6.eastTel{ background:url(../image/font_F03-5730-2828.gif) no-repeat; }
h6.eastFax{ background:url(../image/font_F03-5730-2834.gif) no-repeat; }
h6.westTel{ background:url(../image/font_F06-6445-2233.gif) no-repeat; }
h6.westFax{ background:url(../image/font_F06-6445-2234.gif) no-repeat; }

/* お問い合わせフォーム */

div.inquiry {
	border:1px #CCC solid;
	padding:15px;
	background:url(../image/bgImage_CCC35.gif) repeat-x left bottom;
	width:250px;
	margin:10px 0px 0px 115px;
}

div.inquiry h5 {
	border-left:4px #444 solid;
	color:#444;
	padding-left:5px;
	margin-bottom:5px;
	font-size:14px;
}

div.inquiry p{
	font-size:12px;
	margin-bottom:4px;
}

div.inquiry ul.list2 li{ font-size:12px; }

div.inquiry h6 { margin:0px 0px 3px -4px; }
div.inquiry h6.westTel { margin-top:5px; }

/* clearfix */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* --------------------------------------
	ヘッダー／div#header
	body div#container div#header
-----------------------------------------	*/

/* アクティブセキュリティ・ロゴ */
div#container div#header h1 ,
div#container div#header h1 a{
	display:block;
	width:223px;
	height:62px;
	background:url(../image/logo.gif) no-repeat;
	text-indent:-9999px;
	/*\*/
	overflow:hidden;
	/**/
}

/* キャッチコピー */
div#container div#header p.catch{
	position:absolute;
	display:block;
	top:17px;
	left:270px;
	color:#FFF;
	line-height:1.6em;
	width:350px;
	margin:0px;
	padding:0px;
}

/* サイト内検索・プライバシーポリシー・サイトマップ */

div#container div#header div.smallBox{
	position:absolute;
	top:12px;
	left:630px;
	width:278px;
	line-height:1.9em;
	margin:0px;
	padding:0px;
}

div#container div#header li{
	float:left;
	margin-right:15px;
	background:url(../image/ic_li1.gif) no-repeat;
	background-position:0px 4px;
	padding-left:20px;
}

div#container div#header .inputText{ width:150px; }
div#container div#header .inputButton{ width:40px;}

div#container div#header span.search { font-size:12px;color:#FFF; }

div#container div#header a:hover{ color:#FFF;text-decoration:underline;}
div#container div#header a{ color:#FFF;text-decoration:none;}


/* --------------------------------------
	ナビゲーション／div#navi
	body div#container div#main div#leftSide div#navi
-----------------------------------------	*/

/* common size */
div#main div#navi ul li,
div#main div#navi ul li a{
	position:relative;
	float:left;
	display:block;
	width:100px;
	height:30px;
	text-indent:-9999px;
	/*\*/
	overflow:hidden;
	/**/
}

/* default image */
div#main div#navi ul li#navi_top,
div#main div#navi ul li#navi_top a{ background:url(../image/navi_top.gif) no-repeat; }
div#main div#navi ul li#navi_introduction,
div#main div#navi ul li#navi_introduction a{ background:url(../image/navi_introduction.gif) no-repeat; }
div#main div#navi ul li#navi_example,
div#main div#navi ul li#navi_example a{ background:url(../image/navi_example.gif) no-repeat; }
div#main div#navi ul li#navi_goodslist,
div#main div#navi ul li#navi_goodslist a{ background:url(../image/navi_goodslist.gif) no-repeat; }
div#main div#navi ul li#navi_inquiry,
div#main div#navi ul li#navi_inquiry a{ background:url(../image/navi_inquiry.gif) no-repeat; }
div#main div#navi ul li#navi_recruit,
div#main div#navi ul li#navi_recruit a{ background:url(../image/navi_recruit.gif) no-repeat; }
div#main div#navi ul li#navi_company,
div#main div#navi ul li#navi_company a{ background:url(../image/navi_company.gif) no-repeat; }

/* rollOver image */
div#main div#leftSide div#navi ul li a:hover{ background-position:left bottom;}

/* press image */
div#main div#leftSide div#navi ul li a:active{ background-position:right bottom;}

/* active image */
body#top div#main div#leftSide div#navi ul li#navi_top a ,

body#introduction div#main div#leftSide div#navi ul li#navi_introduction a ,
body.introduction div#main div#leftSide div#navi ul li#navi_introduction a ,

body#example div#main div#leftSide div#navi ul li#navi_example a ,
body.example div#main div#leftSide div#navi ul li#navi_example a ,

body#goodslist div#main div#leftSide div#navi ul li#navi_goodslist a ,
body.goodslist div#main div#leftSide div#navi ul li#navi_goodslist a ,

body#inquiry div#main div#leftSide div#navi ul li#navi_inquiry a ,
body.inquiry div#main div#leftSide div#navi ul li#navi_inquiry a ,

body#recruit div#main div#leftSide div#navi ul li#navi_recruit a ,

body#company div#main div#leftSide div#navi ul li#navi_company a ,
body.company div#main div#leftSide div#navi ul li#navi_company a {
	background-position:right bottom;
	cursor:default;
}


/* --------------------------------------
	パンくずリンク／div#pan
	body div#container div#main div#leftSide div#pan
-----------------------------------------	*/

div#pan{
	padding-top:5px;
	font-size:12px;
}

div#pan a{ text-decoration:none;}
div#pan a:hover{ text-decoration:underline; }

/* hidden */
body#top div#pan{ height:10px; }


/* --------------------------------------
	タイトル画像／div#contents h1
	body div#container div#main div#leftSide div#contents
-----------------------------------------	*/

/* common size */
div#contents h1{
	width:688px;
	height:38px;
	text-indent:-9999px;
	border:1px #CCC solid;
}

/* h1 image */
body#top div#contents h1{
	width:690px;
	height:400px;
	margin-top:10px;
	background:url(../image/flash_top.jpg) no-repeat;
	border:0px;
}

body#introduction div#contents h1{ background:url(../introduction/image/title_introduction.jpg) no-repeat; }
body#asSolution div#contents h1{ background:url(../introduction/asSolution/image/title_asSolution.jpg) no-repeat; }
body#crimePrevention div#contents h1{ background:url(../introduction/crimePrevention/image/title_crimePrevention.jpg) no-repeat; }
body#networkcameraSolutionChance div#contents h1{ background:url(../introduction/networkcameraSolutionChance/image/title_networkcameraSolutionChance.jpg) no-repeat; }

body#example div#contents h1{ background:url(../example/image/title_example.jpg) no-repeat; }
body#foods div#contents h1{ background:url(../example/foods/image/title_foods.jpg) no-repeat; }
body#beautysalon div#contents h1{ background:url(../example/beautysalon/image/title_beautysalon.jpg) no-repeat; }
body#school div#contents h1{ background:url(../example/school/image/title_school.jpg) no-repeat; }
body#construction div#contents h1{ background:url(../example/construction/image/title_construction.jpg) no-repeat; }
body#wastes div#contents h1{ background:url(../example/wastes/image/title_wastes.jpg) no-repeat; }
body#transportation div#contents h1{ background:url(../example/transportation/image/title_transportation.jpg) no-repeat; }

body#goodslist div#contents h1,
body.goodslist div#contents h1{ background:url(../goodslist/image/title_goodslist.jpg) no-repeat; }

body#inquiry div#contents h1{ background:url(../inquiry/image/title_inquiry.jpg) no-repeat; }
body#inquiryMateria div#contents h1{ background:url(../inquiry/inquiryMateria/image/title_inquiryMateria.jpg) no-repeat; }
body#question div#contents h1{ background:url(../inquiry/question/image/title_question.jpg) no-repeat; }

body#agency div#contents h1{
	width:688px;
	height:148px;
	background:url(../inquiry/agency/image/title_agency.jpg) no-repeat;
}

body#recruit div#contents h1{
	width:688px;
	height:148px;
	background:url(../recruit/image/title_recruit.jpg) no-repeat;
}

body#company div#contents h1 { background:url(../company/image/title_company.jpg) no-repeat; }
body#president div#contents h1 { background:url(../company/president/image/title_president.jpg) no-repeat; }
body#aboutCompany div#contents h1{ background:url(../company/aboutCompany/image/title_aboutCompany.jpg) no-repeat; }

body#information div#contents h1{ background:url(../information/image/title_information.jpg) no-repeat; }


/* --------------------------------------
	コンテンツフッター／div#contentsFooter
	body div#container div#main div#leftSide div#contents div#contentsFooter
-----------------------------------------	*/

/* サービス・商品一覧ページ */
body.goodslist div#contents div#contentsFooter { width:505px;padding-left:185px; }

/* hidden */
body#history div#contentsFooter ,
body#information div#contentsFooter ,
body#introduction div#contentsFooter,
body#example div#contentsFooter,
body#inquiry div#contentsFooter,
body#recruit div#contentsFooter,
body#company div#contentsFooter,
body#colulmn div#contentsFooter { display:none; }


/* --------------------------------------
	バナーエリア／div#rigthSide
	body div#container div#main div#rigthSide
-----------------------------------------	*/

/* common size */
div#container div#rigthSide li ,
div#container div#rigthSide li a{
	width:180px;
	display:block;
	text-indent:-9999px;
	margin-bottom:10px;
	/*\*/
	overflow:hidden;
	/**/
}

/* 資料請求・お問い合わせバナー */
div#container div#rigthSide ul li.inquiry ,
div#container div#rigthSide ul li.inquiry a {
	height:140px;
	background:url(../image/banner_inquiry.jpg) no-repeat;
}

/* RMSログインボタン */
div#container div#rigthSide ul li.rmsLogin ,
div#container div#rigthSide ul li.rmsLogin a {
	height:30px;
	background:url(../image/bt_rmsLogin.gif) no-repeat;
	margin-bottom:0px;
}

/* RMSバナー */
div#container div#rigthSide ul li.rms ,
div#container div#rigthSide ul li.rms a {
	height:160px;
	background:url(../image/banner_rms.jpg) no-repeat;
}

/* スタッフブログバナー */
div#container div#rigthSide ul li.staffBlog ,
div#container div#rigthSide ul li.staffBlog a {
	height:60px;
	background:url(../image/banner_staffBlog.jpg) no-repeat;
}

/* 販売代理店募集バナー */
div#container div#rigthSide ul li.agency ,
div#container div#rigthSide ul li.agency a {
	height:110px;
	background:url(../image/banner_agency.jpg) no-repeat;
}

/* マーケットクリエイトバナー */
div#container div#rigthSide ul li.marketcreate ,
div#container div#rigthSide ul li.marketcreate a {
	height:60px;
	background:url(../image/banner_marketcreate.gif) no-repeat;
}

/* アクティブセキュリティバナー */
div#container div#rigthSide ul li.activesecurity ,
div#container div#rigthSide ul li.activesecurity a {
	height:60px;
	background:url(../image/banner_activesecurity.gif) no-repeat;
}


/* --------------------------------------
	フッター／div#footer
	body div#container div#footer
-----------------------------------------	*/

div#container div#footer address{
	color:#FFF;
	font-style:normal;
}

div#container div#footer a:hover{ color:#FFF;text-decoration:underline;}
div#container div#footer a{ color:#FFF;text-decoration:none;}