@charset "utf-8";


/* --------------------------------------------------------------------------------------
 /flow/ 共通
--------------------------------------------------------------------------------------- */

.mgT01 { margin-top: 1px; }
.mgT04 { margin-top: 4px; }
.mgT25 { margin-top: 25px; }
.mgB25 { margin-bottom: 25px; }

#flow img { border-width: 0px; }

#flow { background: url(/common/img/bg2.jpg) repeat-x; }

#flow #header { background: url(/common/img/header.jpg) no-repeat; }

#flow #contents_wrap { background: url(/common/img/contents_wrap_bg2.jpg) repeat-y; }

#flow #contents { background: url(/common/img/contents_bg3.jpg) no-repeat; }

#flow #global_navi {
	height: 152px;
	width: 900px;
	position: relative;
	background: url(/flow/img/gnavi_bg_01.jpg) no-repeat;
}

#flow .pankuzu {
	position: absolute;
	left: 30px;
	top: 10px;
	font-size: 11px;
}

#flow #global_navi ul {
	position: absolute;
	left: 0px;
	top: 107px;
}

#flow #global_navi li { float: left; }

#flow .one_column {
	width: 880px;
	margin-right: 10px;
	margin-left: 10px;
}

/* --------------------------------------------------------------------------------------
 /flow/telephone/ お電話でのお問い合わせの流れ
--------------------------------------------------------------------------------------- */

#telephone {
	margin: 0 auto;
	width: 900px;
	background: #FFFFFF;
}

#flow .flow_set01 {
	margin-left: 120px;
	width: 639px;
	background: url(/flow/telephone/img/tel_img_03.gif) repeat-y;
}

#flow .flow_set01 .fs01 {
	width: 540px;
	margin-top: 10px;
	margin-left: 27px;
	background: url(/flow/img/flow_bg_01.gif);
	padding: 20px;
}

#flow .flow_set01 .left_pic {
	margin-right: 15px;
	float: left;
}

#flow .flow_set01 p {
	clear: right;
	font-size: 12px;
	padding: 10px;
}

#flow .flow_set01 .fs02 {
	width: 540px;
	margin-top: 10px;
	margin-left: 27px;
	background: url(/flow/img/flow_bg_02.gif);
	padding: 20px;
}

#flow .telnumber {
/*	height: 341px;*/
	width: 453px;
	margin-top: 20px;
	margin-left: 213px;
}

#flow #telephone .flow_set08 {
	margin-left: 120px;
	width: 639px;
	background: url(/flow/telephone/img/tel_img_10.gif) repeat-y;
	margin-bottom: 25px;
}

#flow #telephone .flow_set08 p {
	font-size: 12px;
	width: 185px;
	float: left;
	margin-left: 21px;
	display: inline;
}

#flow #telephone .flow_set08 .links {
	height: 85px;
	width: 639px;
	position: relative;
	background: url(/flow/telephone/img/tel_img_09.gif) no-repeat;
	clear: both;
}

#flow #telephone .flow_set08 .links .btns01 {
	position: absolute;
	left: 22px;
	top: 16px;
}

#flow #telephone .flow_set08 .links .btns02 {
	position: absolute;
	left: 227px;
	top: 16px;
}

#flow #telephone .flow_set08 .links .btns03 {
	position: absolute;
	left: 432px;
	top: 16px;
}


/* --------------------------------------------------------------------------------------
 /flow/diagnosis/ 無料防犯診断の流れ
--------------------------------------------------------------------------------------- */

#flow .flow_set01 .fs03 {
	width: 540px;
	margin-top: 10px;
	margin-left: 27px;
	background: url(/flow/img/flow_bg_03.gif);
	padding: 20px;
}

#flow .button_bs01 {
	padding-left: 271px;
	padding-top: 66px;
	padding-bottom: 54px;
}

#flow .diag_step03 {
	background: url(/flow/diagnosis/img/diag_img_10.jpg) no-repeat;
	height: 417px;
	position: relative;
}

#flow .diag_step03 p {
	width: 300px;
	position: absolute;
	left: 292px;
	top: 68px;
	padding: 0px;
}


/* --------------------------------------------------------------------------------------
 /flow/estimate/ 無料概算見積もりの流れ
--------------------------------------------------------------------------------------- */

#flow .flow_set03 {
	margin-left: 120px;
	width: 639px;
	margin-bottom: 25px;
	background: url(/flow/estimate/img/estimate_img_02bg.jpg) repeat-y;
}
.flow_set03 .est01 {
	background: url(/flow/estimate/img/estimate_img_02.jpg) no-repeat;
	padding-top: 170px;
}

.flow_set03 .est01 p {
	width: 500px;
	margin-left: 68px;
	padding-top: 15px;
}

.flow_set03 .est01 span { color: #f00000; }

#flow .flow_set01 .fs04 {
	width: 595px;
	margin-top: 10px;
	margin-left: 15px;
	background: url(/flow/estimate/img/estimate_img_11.jpg) repeat-x;
}

.floatL { float: left; }
.floatR { float: right; }
.mgT09 { margin-top: 9px; }


#flow .flow_set01 .fs05 {
	width: 595px;
	margin-top: 10px;
	margin-left: 15px;
	background: url(/flow/estimate/img/estimate_img_12.jpg) repeat-x;
	clear: both;
}

.mgR50 {
	margin-right: 50px;
}

.clear { clear: both; }

#flow .flow_set01 .fs06 {
	width: 540px;
	margin-top: 10px;
	margin-left: 27px;
	background: url(/flow/estimate/img/estimate_img_13.gif);
	padding: 20px;
}

.flow_set01 .fs06 p {
	padding: 12px 0px 0px !important;
	clear: none !important;
	width: 185px;
	float: left;
}

.flow_set01 .fs06 .sample_movie {
	height: 400px;
	width: 445px;
	background: url(/flow/estimate/img/estimate_img_10.gif) no-repeat;
	clear: both;
	margin-top: 30px;
	margin-left: 120px;
	position: relative;
}

.flow_set01 .fs06 .sample_movie div {
	height: 291px;
	width: 342px;
	position: absolute;
	top: 90px;
	margin: 0px;
}


.mgB15 { margin-bottom: 15px; }


/* --------------------------------------------------------------------------------------
 /flow/mail/ 無料メールコンサルティングの流れ
--------------------------------------------------------------------------------------- */

.flow_set01 .fs03 .sample_movie {
	height: 400px;
	width: 445px;
	background: url(/flow/mail/img/mail_img_08.jpg) no-repeat;
	clear: both;
	margin-top: 30px;
	margin-left: 120px;
	position: relative;
}

.flow_set01 .fs03 .sample_movie div {
	height: 291px;
	width: 342px;
	position: absolute;
	top: 90px;
	margin: 0px;
}
.flow_set07 {
	width: 639px;
	margin-left: 120px;
	background: url(/flow/estimate/img/estimate_img_02bg.jpg) repeat-y;
	margin-bottom: 40px;
}
.flow_set07 .est01 {
	background: url(/flow/estimate/img/estimate_img_02.jpg) no-repeat;
	padding-top: 170px;
	width: 639px;
}
.flow_set07 .est01 p {
	width: 500px;
	margin-left: 68px;
	padding-top: 15px;
}
.flow_set07 .est01 p span { color: #f00000; }






/* --------------------------------------------------------------------------------------
 /flow/ トップページ
--------------------------------------------------------------------------------------- */

#flow_index #contents { background: url(/common/img/contents_bg2.jpg) no-repeat; }

#flow_index #contents_wrap { background: url(/common/img/contents_wrap_bg2.jpg) repeat-y; }

#flow_index .left_contents { padding-top: 5px; }
.flow_index_contents {
	width: 680px;
	margin-left: 20px;
}

#flow_index .flow_set01 {
	width: 639px;
	margin-left: 24px;
	background: url(/flow/img/flow_index_img_12.gif) repeat-y;
}

#flow_index .flow_set01 .fs01 {
	width: 540px;
	margin-top: 10px;
	margin-left: 27px;
	background: url(/flow/img/flow_bg_01.gif);
	padding: 20px;
}

#flow_index .flow_set01 .left_pic {
	margin-right: 15px;
	float: left;
}

#flow_index .flow_set01 p {
	clear: right;
	font-size: 12px;
	padding: 10px;
}

#flow_index .flow_set01 .fs02 {
	width: 540px;
	margin-top: 10px;
	margin-left: 27px;
	background: url(/flow/img/flow_bg_02.gif);
	padding: 20px;
}

.flow_set02 {
	background: url(/flow/img/flow_index_img_03.jpg) no-repeat;
	height: 494px;
	position: relative;
	width: 639px;
	margin-left: 24px;
}

.flow_set02 p {
	font-size: 12px;
	width: 310px;
	position: absolute;
	left: 290px;
	top: 86px;
}

.mgB05 { margin-bottom: 5px; }

#flow_index .flow_set01 .fs03 {
	width: 540px;
	margin-top: 10px;
	margin-left: 27px;
	background: url(/flow/img/flow_bg_03.gif);
	padding: 20px;
}

.flow_set03 {
	background: url(/flow/img/flow_index_img_06.jpg) no-repeat;
	height: 458px;
	position: relative;
	width: 639px;
	margin-left: 24px;
}

.flow_set03 p {
	font-size: 12px;
	width: 310px;
	position: absolute;
	left: 290px;
	top: 96px;
}

.flow_set04 {
	background: url(/flow/img/flow_index_img_07.jpg) no-repeat;
	height: 435px;
	position: relative;
	width: 639px;
	margin-left: 24px;
}

.flow_set04 p {
	font-size: 12px;
	width: 310px;
	position: absolute;
	left: 290px;
	top: 91px;
}
.flow_index_contents .telnumber {
	margin-top: 50px;
	margin-left: 110px;
	width: 453px;
}



#flow_index .img_products_detail_04 { margin-bottom: 50px; }

#flow_index .img_products_detail_04 p {
	text-align: right;
	display: block;
	width: 680px;
	font-size: 12px;
}