@charset "utf-8";

@import "/css/gnav.css";
@import "/home-security/css/nav.css";


/*------------------
.arrowDown
------------------*/
#contents .arrowDown {
	margin:0 0 5px;
	clear:both;
	text-align:center;
}

/*------------------
.attention
------------------*/
#contents .attention {
	margin-bottom:15px;
	clear:both;
	display:block;
}

/*------------------
.formArea
------------------*/
#contents .formArea {
	margin:0 auto;
	padding-top:50px;
	width:630px;
}

/*-----------------------------------
#contents .indentBox02 div.textBox
-----------------------------------*/
#contents .indentBox02 div.textBox {
	min-height:130px;
	height:auto !important;
	height:130px;
}

/*-----------------------------------
#contents .indentBox02 ul.listBlock
-----------------------------------*/
#contents .indentBox02 ul.listBlock li {
	padding-left:1em;
	text-indent:-0.8em;
}

/*------------------------------
#contents .indentBox02 .goTop
------------------------------*/
#contents .indentBox02 .goTop {
	margin:10px 0 15px;
	text-align:right;
}

#contents .indentBox02 .goTop a {
	padding-left:15px;
	background:#FFF url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/icon_link_up.gif) no-repeat left center;
}

/*------------------
h1
------------------*/
#contents h1 {
	margin-bottom:15px;
}

#contents img.titleShadow {
	position:relative;
	z-index:5;
	top:-15px;
}

/* IE-expression (fix png alpha) imgタグ用 */
* html #contents img.titleShadow,
* html #contents .titleBox img.icon {
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = "http://img.phoenix.webcrew.co.jp/11900/home-security/images/spacer.gif",
this.style.behavior = "none"
);
}

/*------------------
.articleNav
------------------*/
#contents .articleNav {
	margin:10px 0 25px;
	clear:both;
}

#contents .articleNav a.linkTitle {
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

#contents .articleNav span {
	font-weight:bold;
}

#contents .articleNav ul li {
	display:inline;
	white-space:nowrap;
	zoom:1;
}

/* stay */
#contents .articleNav ul li a.linkOn {
	color:#333;
	font-weight:normal;
	text-decoration:none;
}

/*------------------
.listBlock
------------------*/
#contents .listBlock {
	margin-bottom:25px;
}

#contents .listBlock ul li {
	margin-bottom:15px;
	padding:0 0 0 15px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/icon_link.gif) no-repeat 0 0.3em;
}

#contents .listBlock ul li ul {
	margin-left:15px;
}

#contents .listBlock ul li ul li {
	margin-bottom:0;
	padding:0;
	background:none;
}


/*---------------------------------------
Uncommon
----------------------------------------*/
/*--------------
body.pageHowto
--------------*/
body.pageHowto #contents .insert {
	margin-bottom:5px;
	width:600px;
	height:100%;
	overflow:hidden;
}

body.pageHowto #contents .insert span.faceBoldSiteColor {
	margin-bottom:5px;
	display:block;
}

body.pageHowto #contents .insert ul {
	padding:10px 15px;
	float:right;
	width:458px;
	min-height:78px;
	height:auto !important;
	height:78px;
	border:1px solid #57B959;
}

body.pageHowto #contents .insert ul li {
	padding-left:1em;
	text-indent:-1em;
	font-weight:bold;
}

/*----------------------
body.pageCompare
----------------------*/
#contents .anchorListBox {
	margin-bottom:25px;
	padding:0 15px;
}

#contents ul.anchorList {
	padding:0 15px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	width:568px;
	overflow:auto;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/compare/anchor_bg.jpg) no-repeat 0 0;
}

#contents ul.anchorList li {
	padding:0 9px 8px 15px;
	float:left;
	width:260px;
	min-height:13px;
	height:auto !important;
	height:13px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/icon_link_down.gif) no-repeat 0 0.3em;
}

/*-----------------------------
body.pageUseful .compare table
-----------------------------*/
body.pageUseful #contents .compare table {
	font-size:114%;
}

body.pageUseful #contents .compare table th {
	font-weight:bold;
	white-space:nowrap;
	vertical-align:middle;
}

body.pageUseful #contents .compare table td.circle {
	padding-bottom:0;
	height:83px;
	background:#DDEBFF url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/useful/rate_bg_circle.gif) no-repeat 50% 50%;
}

body.pageUseful #contents .compare table td.triangle {
	padding-bottom:0;
	height:83px;
	background:#FFE1E1 url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/useful/rate_bg_triangle.gif) no-repeat 50% 50%;
}

/*---------------------------------------
body.pageEffect
---------------------------------------*/
body.pageEffect #contents .securitySystem {
	padding-top:7px;
	width:580px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/effect/system_title_top.gif) no-repeat 0 0;
}

body.pageEffect #contents .securitySystem h3 {
	margin-bottom:0;
	padding:2px 0 0;
	min-height:26px;
	height:auto !important;
	height:26px;
	background-color:#3D923F;
	color:#FFF;
	font-size:107%;
	text-align:center;
}

body.pageEffect #contents .sensorBlock {
	width:580px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/effect/sensor_bg.gif) repeat-y 0 0;
}

body.pageEffect #contents .sensorBlock p {
	margin-bottom:11px;
	padding:11px 11px 0;
}

/*----------------------------------------
body.pageEffect #contents .sensorBox
----------------------------------------*/
body.pageEffect #contents .sensorBox01 {
	margin:0 auto;
	width:533px;
	height:305px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/effect/security_effect_bg.gif) no-repeat 0 0;
	position:relative;
}
body.pageEffect #contents .sensorBox02 {
	margin:0 auto;
	width:533px;
	height:305px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/effect/fire_watching_bg.gif) no-repeat 0 0;
	position:relative;
}
body.pageEffect #contents .sensorBox03 {
	margin:0 auto;
	width:533px;
	height:305px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/effect/emergency_report_bg.gif) no-repeat 0 0;
	position:relative;
}
body.pageEffect #contents .sensorBox04 {
	margin:0 auto;
	width:533px;
	height:305px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/effect/life_monitor_bg.gif) no-repeat 0 0;
	position:relative;
}

/*--------------------------------------------
body.pageEffect #contents .sensorBlock a img
--------------------------------------------*/
body.pageEffect #contents .sensorBlock a img.homeController {
	top:141px;
	left:144px;
}
body.pageEffect #contents .sensorBlock a img.spaceSensor {
	top:97px;
	left:55px;
}
body.pageEffect #contents .sensorBlock a img.openSensor {
	top:215px;
	left:306px;
}
body.pageEffect #contents .sensorBlock a img.sensorLight {
	top:268px;
	left:109px;
}
body.pageEffect #contents .sensorBlock a img.fireSensor {
	top:69px;
	left:379px;
}
body.pageEffect #contents .sensorBlock a img.buttonPanic {
	top:23px;
	left:93px;
}

body.pageEffect #contents .sensorBlock a img {
	position:absolute;
	z-index:1;
}

body.pageEffect #contents .sensorBlock a:hover img {
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
	opacity:0;
}

body.pageEffect #contents .sensorNote {
	margin-bottom:15px;
	padding-top:15px;
	width:580px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/effect/sensor_bottom.gif) no-repeat 0 0;
	font-size:85%;
	text-align:right;
}

/*---------------------------------------
body.pageCom .featureBlock
----------------------------------------*/
body.pageCom #contents .featureBlock {
	padding:0 3px 15px;
}

body.pageCom #contents .featureBlock table.matrix01 {
	margin-bottom:15px;
}

body.pageCom #contents .featureBlock table.matrix01 th {
	padding:8px;
	white-space:nowrap;
	font-size:107%;
	text-align:center;
}

body.pageCom #contents .featureBlock table.matrix01 tr.com td {
	padding:10px 0;
	font-size:92%;
	text-align:center;
}

body.pageCom #contents .featureBlock table.matrix01 tr.com td img {
	margin-bottom:1px;
}

body.pageCom #contents .featureBlock table.matrix01 tr.com td p {
	padding:0 11px;
	text-align:left;
}

body.pageCom #contents .featureBlock table.matrix01 tr.link td {
	padding:8px 0 6px;
	background-color:#E5F2DF;
}

body.pageCom #contents .featureBlock table.matrix01 td {
	padding:0;
	width:150px;
}

body.pageCom #contents .featureBlock table.matrix01 td p {
	margin-bottom:0;
	padding:5px;
}

body.pageCom #contents .featureBlock table.matrix01 td.noData {
	background-color:#EAEAEA;
	text-align:center;
	vertical-align:middle;
}

body.pageCom #contents .featureBlock table.matrix01 .buttonDetail {
	margin:0 auto;
	width:101px;
	height:24px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/top/button_detail_hover.gif) no-repeat left top;
}

body.pageCom #contents .featureBlock table.matrix01 .buttonDetail a {
	width:101px;
	height:24px;
	display:block;
}

body.pageCom #contents .featureBlock table.matrix01 .buttonDetail a:hover {
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
	opacity:0;
}

/*---------------------------------------
body.pageComDetail .titleComBlock h1
---------------------------------------*/
body.pageComDetail #contents .titleBox {
	margin-bottom:0;
}

body.pageComDetail #contents .titleBox h1 {
	margin:-39px 10px 0 185px;
	color:#333;
	font-size:167%;
	font-weight:bold;
}

/*--------------------------
body.pageComDetail .lead
--------------------------*/
body.pageComDetail #contents p.lead {
	margin-top:5px;
}

/*--------------------------
body.pageComDetail .formArea
--------------------------*/
body.pageComDetail #contents .formArea {
	margin:0 auto 20px;
	padding-top:0;
}

/*---------------------------------
body.pageComDetail table.matrix02
---------------------------------*/
body.pageComDetail #contents table.matrix02 {
	margin-bottom:15px;
}


/*---------------------------------------
body.pagePrevention
----------------------------------------*/
body.pagePrevention #contents h1 {
	margin-bottom:15px;
}


body.pagePrevention #contents .preventionBox {
	width:600px;
	height:450px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/prevention/nowloading.gif) center center no-repeat;
}

/* FFの点線対応 */
body.pagePrevention #contents .preventionBox object#prevention {
	outline:none;
}