@charset "shift_jis";

/**********************************************************************
/homesecurity/plan/nisetai/css_v2/nisetai.css

create 13/05/22
**********************************************************************/

/* ------------------------------------------------
keyVisual
------------------------------------------------ */
div.keyVisual {
	width: 100%;
	background: url(/homesecurity/no1/img_v2/bg_ind_kv-area.jpg) left top repeat-x;
	border-bottom: 1px solid #D7D7CF;
}

div.keyVisual div.keyVisual-inner {
	margin: 0 auto;
	width: 900px;
	height: 256px;
	position:relative;
	z-index: 1;
	background: url(/homesecurity/plan/nisetai/img_v2/bg_ind_kv.jpg) left top no-repeat;
}

div.keyVisual div.keyVisual-inner .text1 {
	position: absolute;
	left: 253px;
	top: 15px;
	margin: 0;
	padding: 0;
	font-size: 28px;
	line-height: 1.1;
	background: none;
	border: none;
}

div.keyVisual div.keyVisual-inner .text2 {
	position: absolute;
	left: 253px;
	top: 101px;
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.1;
	color: #DD0021;
	background: none;
	border: none;
}

div.keyVisual div.keyVisual-inner .text3 {
	position: absolute;
	left: 697px;
	top: 20px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

div.keyVisual div.keyVisual-inner .text4 {
	position: absolute;
	left: 256px;
	top: 209px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

div.keyVisual div.keyVisual-inner .text4 p {
	margin: 5px 0 0;
	font-size: 71.4%;
	color: #999;
	line-height: 1.2;
}

div.keyVisual div.keyVisual-inner .text5 {
	position: absolute;
	left: 253px;
	top: 127px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

div.keyVisual div.keyVisual-inner .text6 {
	position: absolute;
	left: 253px;
	top: 78px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

/* ------------------------------------------------
contents
------------------------------------------------ */

div#contentsWrapper {
	z-index: -1;
}

div#contents {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 920px !important;
/*	background: #fff;*/
}

div.main720 {
	float: left;
	width: 720px;
}

div.section {
	width: 700px;
	font-size: 100%;
	line-height: 1.7;
	margin-top: 20px;	
	padding: 0 10px !important;
	overflow: hidden;
}
	
.detailCheck {
	width: 100%;
	overflow: hidden;
	padding: 28px 0;
	background: url(/homesecurity/shared/img/bg_line_dot_1_2.gif) left top repeat-x;
}

.detailCheck .explain {
	float: right;
	width: 450px;
}

.detailCheck .explain strong {
	color: #DD0021;
}

.detailCheck .explain h3 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.3;
	background: none;
	border: none;
}

.section .functions {
	padding: 30px 0 0;
	background: url(/homesecurity/no1/img_v2/bg_functions.gif) center top no-repeat #F5F5F5;
}

.section .functions .inner {
	padding: 0 18px 20px;
	overflow: hidden;
	background: url(/homesecurity/no1/img_v2/bg_functions.gif) center bottom no-repeat #F5F5F5;
}

.section .functions h2,
.section .functions h3,
.section .functions h4 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

.section .functions .col {
	_display: inline;
	width: 313px;
}

.section .functions .col .image {
	float: left;
}

.section .functions .col .text {
	float: right;
	width: 197px;
}

.section .functions .moreInfo {
	_width: 660px;
	width: 630px;
	margin: 20px 0 0;
	padding: 20px 15px 0;
	background: url(/homesecurity/shared/img/bg_line_dot_1_2.gif) left top repeat-x;
}

.section .functions .seniorService {
	margin: 15px 0 0;
	padding: 8px;
	background-color: #fff;
}

table.box1 {
	width: 680px;
	margin: 0 0 0 10px;
	background: url(/homesecurity/plan/kodate/img_v2/img_ind_box1_bottom.gif) center bottom no-repeat;
}

table.box1 td {
	padding: 5px 10px 15px 18px;
	vertical-align: top;
}

.section .plain,
.section .plain * {
	position: static;
	float: none;
	clear: both;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

table.bohan {
	width: 330px;
	margin: 15px 0;
}

table.bohan th {
	padding: 0 0 10px;
	text-align: left;
	vertical-align: top;
}

table.bohan td {
	padding: 0 0 10px;
	vertical-align: top;
}

table.bohan td.text {
	padding: 0 0 10px 20px;
}

table.bohan td.situation {
	padding: 10px;
	background-color: #fffbec;
}

table.bohan td.situation span {
	font-weight: bold;
	color: #e50012;
}

.optionService {
	width: 700px;
	padding: 20px 0 0;
	background: url(/homesecurity/plan/kodate/img_v2/img_ind_box2_bg.gif) center top no-repeat;
}

.optionService .inner {
	padding: 0 20px 20px;
	background: url(/homesecurity/plan/kodate/img_v2/img_ind_box2_bg.gif) center bottom no-repeat;
}

.optionService table td {
	vertical-align: top;
}

.myhomeHoken {
	margin: 25px 0 0;
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

table.pet {
	background-color: #f5f5f5;
}

table.pet td {
	vertical-align: top;
}

.price {
	padding: 20px;
	background-color: #f5f5f5;
}

.price table.inner {
	background-color: #fff;
}

.price table.inner td {
	padding: 10px;
	vertical-align: top;
}

.price table.compare {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	border-collapse: collapse;
}

.price table.compare th {
	text-align: left;
	padding: 15px 5px 15px 10px;
	vertical-align: middle;
	font-weight: bold;
	background-color: #eaf7f8;
	border: 1px solid #e6e6e6;
}

.price table.compare thead th {
	padding: 3px;
	text-align: center;
	background-color: #009fa8;
}

.price table.compare td {
	padding: 15px 5px 15px 10px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #e6e6e6;
}


/* ------------------------------------------------
clearfix
------------------------------------------------ */
div.section,
.clearfix {
	/zoom:1;
}

.clearfix {
	clear: both;
	float: none;
	overflow: hidden;
}

div.section:after,
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}