@charset "shift_jis";

/**********************************************************************
/shared/css/popup.css

create 12/02/22
**********************************************************************/

body.popup {
	margin: 0 auto;
	padding: 0 20px;
}

	body.popup div#contents {
		width: auto;
	}

#sharedHeader div.popup {
	width: auto;
	height: 59px;
}

	#sharedHeader div.popup h1.logo,
	#sharedHeader div.popup p.logo {
		top: 15px;
	}

	#sharedHeader div.popup p.close {
		position: absolute;
		top: 24px;
		right: 0px;
		margin: 0;
		padding: 0;
		font-size: 71.4%;
		line-height: 1;
	}
		#sharedHeader div.popup p.close a {
			padding-right: 15px;
			background: url(/shared/img/icon_close.gif) right center no-repeat;
		}


body.popup div.section h2 {
	height:32px;
	padding: 13px 10px 0;
	margin-bottom:10px;
	font-size: 114.3%;
	line-height: 1.25;
	border-top:3px solid #de0021;
	background: url(/homesecurity/shared/img/bg_h2_voice.gif) left top repeat-x;
}

	body.popup div.section h2 img {
		padding: 0 5px 0 0;
		margin-top: -5px;
		display:block;
		float:left;
	}
	body.popup div.section h2 span {
		padding-top: 0;
	}

	body.popup div.estimate{
		margin-top:10px;
		height:153px;
		background: url(/homesecurity/shared/img/bg_footer_estimate_popup.jpg) left top no-repeat;
	}
	body.popup div.estimate.frame02{
		margin-top:10px;
		height:270px;
		background: url(/homesecurity/shared/img/bg_footer_estimate_popup02.jpg) left top no-repeat;
	}
		body.popup div.estimate ul{
			width:680px;
			margin:0 auto;
			padding-top:20px;
		}
		body.popup div.estimate ul li{
			float:left;
		}

#FootArea{
	border-top: 4px #ec0e2f solid;
	padding: 15px 10px 0;
}
#FootArea #CopyArea{
		float: right;
		width: auto;
		text-align: right;
	}
/* ------------------------------------------------
common
------------------------------------------------ */
.w216 {
	width: 216px !important;
}
.w460 {
	width: 460px !important;
}
.w633 {
	width: 633px !important;
}
.w680 {
	width: 680px !important;
}
.w720 {
	width: 720px !important;
}
.mAuto {
	margin: 0 auto;
}

.boxPink{
	margin-bottom: 10px;
	padding: 10px;
	background: #fdeff0;
}

.noteList2 li{
	margin-top: 5px;
	padding-left: 1em;
	text-indent: -1em;
}

/* ------------------------------------------------
/homesecurity/plan/tushin.html
------------------------------------------------ */
.box-qa{
	margin-bottom: 20px;
	border: 1px #ccc solid;
	padding: 10px;
}

.box-qa01{
	float: left;
	width: 130px;
}

.box-qa02{
	float: right;
	width: 530px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(/common_02/image/bg_dotline.gif) 0 100% repeat-x;
}

.box-qa02.last {
	background: none;
	padding-bottom: 0;
}

.box-qa02 .inner01{
	float: left;
	width: 50px;
	vertical-align: top;
}

.box-qa02 .inner02{
	float: right;
	width: 465px;
}

.box-qa02 .inner02 p.q-txt{
	font-weight: bold;
}

.bld{
	font-weight: bold;
}

.bldred{
	font-weight: bold;
	color: #de0021;
}

/* ------------------------------------------------
/homesecurity/plan/shokujyu/pop_shinchiku01.html
------------------------------------------------ */
.col2-arrow {
font-size: 85%;
}
.col2-arrow .col-a{
	float: left;
	width: 216px;
	text-align: center;
}

.col2-arrow .col-b{
	padding: 13px;
	background-color: #eeeeee;
	float: right;
	width: 432px;
}
.info-box{
	margin-bottom: 30px;
	background: #fff2cc;
	padding: 15px;
}

.info-box .info-head{
	margin-bottom: 15px;
}

.info-box .info-txt{
	margin-bottom: 0;
	border-top: 1px #000000 solid;
	padding-top: 15px;
}

/* ------------------------------------------------
/homesecurity/plan/chigai.html
------------------------------------------------ */
ul.point-list .point{
	float: left;
	width: 65px;
}
ul.point-list .point-detail{
	float: right;
	width: 596px;
	border-left: 1px #2d4183 solid;
	padding: 0 8px;
}
ul.point-list .point-detail .img-right{
	margin-left: 10px;
	float: right;
	width: auto;
}
ul.point-list li{
	margin-top: 12px;
	padding-top: 12px;
	background: url(/common_02/image/bg_dotline.gif) 0 0 repeat-x;
}

ul.point-list li.first-child{
	margin-top: 0;
	background: none;
}
.box-nml {
	margin-bottom: 20px;
	border: 1px #CCC solid;
	padding: 10px;
}
/* ------------------------------------------------
madori
------------------------------------------------ */
body.popup h1.border {
	float: left;
	margin-bottom: 0;
}
body.popup p.print {
	float: right;
	margin-bottom: 7px;
}

body.popup p.madori{
	padding-top: 10px;
	border-top: 2px solid #bfbfbf;
	text-align: center;
	margin-bottom: 20px;
	clear:both;
}
body.popup div.col3-pop{
	margin-bottom: 20px;
}

body.popup div.col3-pop h2{
	margin-bottom: 10px;
	padding: 0;
	background: #EEE;
	border: 1px #BFBFBF solid;
	height: 28px;
}
body.popup div.col3-pop h2 img{
	margin: 0;
	padding: 0;
}
body.popup div.col3-pop .col{
	float: left;
	width: 220px;
	font-size: 86%;
}

body.popup div.col3-pop .col p{
	margin: 0;
}

body.popup div.col3-pop .col .photo{
	float: left;
	width: 70px;
}

body.popup div.col3-pop .col .float-text{
	float: left;
	width: 150px;
}

body.popup div.col3-pop .col .no-image{
	margin-top: 5px;
}

body.popup div.col3-pop .col .point-title{
	padding-top: 10px;
}

body.popup div.col3-pop .col .point{
	margin-top: 10px;
}

body.popup div.col3-pop .col .point ul{
	padding: 0 8px 5px 8px;
	background: #fff2cc;
	font-size: 71.4%;
}

body.popup div.col3-pop .colbox-left{
	float: left;
	width: 460px;
	margin-right: 20px;
}

body.popup div.col3-pop .colbox-right{
	float: left;
	width: 460px;
}

body.popup div.col3-pop .colbox-left .col,
body.popup div.col3-pop .colbox-right .col{
	padding-top: 20px;
}

body.popup div.col3-pop .no-padding div{
	padding: 0 !important;
}