@charset "utf-8";

/*ﾆ======= reset =======*/
* {
	margin:0;
	padding:0;
}
body {
	text-align:left;
	line-height:110%;
	font-size:14px;
	letter-spacing:0;
}
img {border:none;}

h1,h2,h3,div,p,ul,ol,li,dt,dl,dd {font-size:100%;}
/*
table {
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #000;
}
caption {
	text-align:left;
	font-weight:normal;
}
th, td {
	padding:2px 0;
	border:0;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	font-weight:normal;
	text-align:center;
}*/
textarea {padding:3px;}
pre {text-align:left;}

ul,ol {
	list-style-type:none;
	overflow: hidden;
	zoom: 1;
}
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1;}

li {list-style-type:none;}

.noborder {border:0;}
.nodisp {display:none;}

a {text-decoration: none;}
/*
a:link {color: #0166fe;}
a:active {color: #0166fe;}
a:visited {color: #9932CC;}
a:hover {color: #FF3388;}
*/

a.rollover:hover,
a.rollover:hover img {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}


.font_s {font-size:12px;}
.green {color:green;}

/*--- step1--- */
#ContactForm {
	line-height:1.4;
}
.caution01 {margin-top:5px;color:red;font-size:95%;}
.caution02 {padding:1px 4px;font-size:80%;background:#A50021;color:#FFF;}
.caution03 {padding:1px 4px;font-size:80%;background:#999;color:#FFF;}
.example01 {color:font-size:95%;color:#666;}
table.formBody {
	width:700px;
	margin-bottom:10px;
	border:1px solid #B3B3B3;
	border-spacing:0;
	border-collapse:collapse;
}

table.formBody th, table.formBody td {
	padding:9px;
	border-bottom:1px solid #B3B3B3;
	border-left:1px solid #B3B3B3;
	font-weight:normal;
	text-align:left;
}
table.formBody th {width:30%;background:#E5F1FF;}
table.formBody td {width:70%;}
table.formBody td.error {background:#FEE5FA;}
input[type="text"], input[type="tel"], input[type="email"], input[type="number"] {
	width:200px;
}
input#zip {width:100px;}
input[type="text"], input[type="tel"], input[type="email"], input[type="file"], input[type="number"], select {
	font-size:14px;
	padding-top:5px;
	padding-bottom:3px;
}
input[type="file"] {font-size:12px;}
textarea {width:80%;font-size:120%;padding:5px;height:100px;}
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="file"]:focus, textarea:focus, select:focus {background:#FFEED8;}
.btn_submit {margin:0 auto;display:block;}
.list01 {color:#FF6FBA;}


#step_1_A_info {border-top:1px solid #999;}
#step_1_A_info li {padding:3px 0;border-bottom:1px solid #999;font-size:12px;}
#S1A_1, #S1A_2, #S1A_3, #S1A_4, #S1A_5 {padding:3px 0;font-size:12px;}
#step_1_A_info img, #S1A_1 img, #S1A_2 img, #S1A_3 img, #S1A_4 img, #S1A_5 img {width:90px;padding-right:5px;float:left;}
#step_1_A_info .c01, #S1A_1 .c01, #S1A_2 .c01, #S1A_3 .c01, #S1A_4 .c01, #S1A_5 .c01 {color:green;}

.c_jirei {
	padding:0 33px;
	background:url("../img/SGS_--33.png") 0 0 repeat-y;
}
.c_jirei li {
	height:200px;
	float:left;
	text-align:center;
}
.c_jirei img {
	padding:0 7px 3px;
	display:block;
}


#Company {
	height:470px;
	padding-left:154px;
	background:url("../img/SGS_--31.png") 0 0 no-repeat;
}
#Company > div {padding-top:80px;}
#Company dl:before, #Company dl:after {content:""; display:table;}
#Company dl:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
#Company dl {zoom:1;}

#Company dl.spase {margin-top:1em;}
#Company dt {
	width:80px;
	padding:0 10px 10px;
	font-weight:bold;
	text-align:right;
	float:left;
	clear:both;
}
dt#rows5 {
	padding-bottom:120px;
}
#Company dd {
	width:500px;
	padding:0 10px 10px;
	margin-left:100px;
}
#CompanyBtmText {
	padding:20px 40px;
	font-size:11px;
	line-height:1.5;
	background:url("../img/SGS_--33.png") 0 0 repeat-y;
}


/*--- step2 ---*/
.gray {color:#999;}
div#ContactForm table.formBody td {
	font-weight:bold;
}
div#ContactForm table.formBody td.sub {
	width:35%;
	color:#000;
	background:#FCECF3;
}


/*--- step3---
#ContactForm {
	padding:10px 10px 15px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #B5B5B5;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.p01 {
	margin-bottom:10px;
	color:#FF7C00;
}
.p02 {margin-bottom:20px;}
.readme {
	margin:0 3px;
	padding: 10px;
	border:1px solid #999;
	background:#FFF;
}
.readme h3 {
	font-weight:bold;
	text-align:center;
}
#readmeText {
	margin:5px 0 1em;
}
.close_window {
	margin:20px auto 10px;
	text-align:center;
}
.close_window a {
	padding:5px 10px;
	border:1px solid #999;
	color:#333;
	background:#EEE;
	text-decoration:none;
} */




/*======= layout =======*/
body {background:url("../img/SGS_--00.png") center 0 no-repeat;}
#All {width:1088px;margin:0 auto;}
#Main {text-align:left;}
#Contents {width:942px;padding-bottom:21px;background:url("../img/SGS_--32.png") 0 bottom no-repeat;float:right;}
#Side {
	width:146px;
	padding-bottom:1000px;
	background:url("../img/sgs_202007_06.png") 0 bottom no-repeat;
	float:left;
}

/* 説明 */
#SGS_bt1 div {
	height:113px;
	text-align:right;
	background:url("../img/SGS_--03-1.png") 0 0 no-repeat;
}
#SGSinfo {
	padding-top:40px;
	background:url("../img/SGS_--33.png") 0 0 repeat-y;
}
#SGS_bt2 div {
	text-align:right;
	background:url("../img/SGS_--33.png") 0 0 repeat-y;
}
#SGS_bt3 div {
	text-align:right;
	background:url("../img/SGS-52.png") 0 0 no-repeat;
}

/* お問合せエリア */
.lnk_form_area {
	padding-top:10px;
	text-align:center;
	background:url("../img/SGS_--33.png") 0 0 repeat-y;
}


/* 施工手順 */
#Flow01 {
	height:240px;
	background:url("../img/u_02.png") 0 0 no-repeat;
}
#Flow02 {
	height:480px;
	background:url("../img/sgs_202007_07.png") 0 0 no-repeat;
}
#Flow03 {
}
#sekouFlow p {
	margin-left:450px;
	padding-top:20px;
	line-height:1.6;
}

/* 施工前後 */
#BefAft {
	height:570px;
	text-align:center;
	background:url("../img/sgs_202007_08.png") 0 0 no-repeat;
	position:relative;
}
#BefAft a {
	position:relative;
	top:262px;
}


#BefAft202106 {
	height:570px;
	text-align:center;
	background:url("../img/asl202106_05.png") 0 0 no-repeat;
	position:relative;
}
#BefAft202106 a {
	position:relative;
	top:262px;
}

/* 類似品にご注意 */
#ruijiImg {
	padding-top:55px;
	background:url("../img/SGS_--33.png") 0 0 repeat-y;
}

/* 担当者 */
#Tantou {
	height:541px;
	background:url("../img/SGS_-711.png") 0 0 no-repeat;
}
#Tantou > div {
	margin:0 70px 0 310px;
	padding-top:110px;
	padding-bottom:40px;
	line-height:1.6;
}
#Tantou p {margin-bottom:0.8em;}
#Tantou p.bg {padding-right:240px;}
#TantouVoice {
	height:239px;
	padding-left:50px;
	background:url("../img/SGS_-710.png") 0 0 no-repeat;
}
#TantouVoice li {
	margin-top:23px;
	float:left;
}


/* フォーム */
#ContactForm {
	padding:200px 0 0;
	background:url("../img/SGS_--317.png") 0 0 no-repeat;
	zoom:1;
}
#ContactForm.step2, #ContactForm.step3 {
	padding-top:160px;
	background-position:0 -40px;
}


#StepNavi {
	margin:0 auto;
	padding-bottom:20px;
	display:block;
}

#ContactForm {display:block;}
#ContactForm > p {
	margin:0 124px;
}
table.formBody {
	margin:5px 124px 0;
	border-top:2px solid #166FD5;
	border-bottom:2px solid #166FD5;
}
table.formBody, table.formBody th, table.formBody td {border-right:0;border-left:0;}
table.formBody th {text-align:right;}
#contact_type li {float:left;}
#contact_type li input {
	margin:0px;
	margin-right:2px;
	line-height:20px;
}
#contact_type label {
	margin-right:20px;
	line-height: 20px;
}

#SubmitArea {
	height:666px;
	background:url("../img/SGS_-712.png") 0 0 no-repeat;
	position:relative;
}
.step2 #SubmitArea {
	height:auto;
	margin-top:20px;
	/*padding-bottom:350px;*/
	padding-bottom:230px;
	background:url("../img/SGS_--318-2.png") 0 bottom no-repeat;
	position: relative;
}

#submitNext {
	height:59px;
	padding-top:9px;
	background:url("../img/SGS_--19-bt2.png") center 9px no-repeat;
}
#submitPrev {
	width:45%;
	padding-top:8px;
	text-align:right;
	float:left;
}
.step2 .btn_submit {
	display:inline;
}
#submitPrev .btn_submit {
	padding-right:30px;
}
#submitRegister {
	width:55%;
	text-align:left;
	float:left;
}
#submitText {
	margin-top:20px;
	font-size:12px;
	text-align:center;
}


.btn_submit:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}
form#ContactForm input.btn_submit:hover {
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
}

/*- SSLバナー -*/
.ssl_banner {
	padding-top:5px;
	text-align:center;
	clear:both;
}
#ssl_pop {
	width:320px;
	border:1px solid #666;
	background-color:#FFF;
	text-align:left;
	position:absolute;
	top:-45px;
	left:310px;
	-moz-box-shadow: 2px 2px 5px #555;
	-webkit-box-shadow: 2px 2px 5px #555;
}
table.sslInfo {
	margin:15px auto 8px;
	border-color:#999;
	font-size:13px;
}
table.sslInfo caption {
	font-size:14px;
	color:green;
	font-weight:bold;
}
table.sslInfo th {
	padding:5px 10px;
	border-color:#999;
	background-color:#EAF1DD;
	color:green;
}

table.sslInfo td {
	padding:5px 10px;
	border-color:#999;
	text-align:left;
}
#ssl_pop p {
	padding:0 25px 15px;
	font-size:12px;
}

#S3bg {
	height:255px;
	background:url("../img/SGS_--318-2.png") center bottom no-repeat;
}


/* サイド */
#Side dl {
	padding-top:1000px;
	background:url("../img/sgs_202007_06.png") 0 0 no-repeat;
}
#Side dl.first {
	padding-top:0;
	background:none;
}
#Side dt {
	height:70px;
	background:url("../img/SGS-44.png") 0 0 no-repeat;
}
#Side dt img {margin:44px 6px 0;}
#Side dd {
	height:140px;
	background:url("../img/SGS-45.png") 0 0 no-repeat;
}
#Side dd img {margin:0 6px;}


/* フッター */
#Footer {
	width:1088px;
	margin-bottom:30px;
	padding-top:30px;
	line-height:1.6;
	font-size:12px;
	text-align:center;
	clear:both;
}
#fr01 {
	margin-bottom:5px;
	padding-bottom:10px;
	background:url("../img/SGS_1306231.png") 0 bottom repeat-x;
}
#CopyRight {display:inline;color:#999;}


#Footer dl {
	width: 1080px;
	margin:0;
	padding: 3px 0px 3px 0px;
	text-align: center;
}
#Footer dt {
	padding-bottom: 5px;
}
#Footer dt {margin:0;}
#Footer dd {
	margin:0;
	padding: 0px 20px 0px 10px;
	display: inline;
}
#Footer dd#org {background: url("../img/footer/mk_orange.gif") no-repeat left 50%;}
#Footer dd#pink {background: url("../img/footer/mk_pink.gif") no-repeat left 50%;}
#Footer dd#blue {background: url("../img/footer/mk_blue.gif") no-repeat left 50%;}
#Footer dd#blue2 {background: url("../img/footer/mk_blue2.gif") no-repeat left 50%;}
#Footer dd#red {background: url("../img/footer/mk_red.gif") no-repeat left 50%;}
#copy {
	float: left;
	width: 400px;
	margin:0;
	color: #B0B0B0;
	text-align: left;
}
#privacy {
	float: right;
	width: 400px;
	margin:0;
	text-align: right;
}