@charset "utf-8";

.pageTab {
	background:url("../img/contents/system-toilet/system_toilet01_08.png") 0 100% repeat-x;
	overflow:hidden;
}
.pageTab li {float:left;}
.intoroArea {
	height:415px;
	padding:23px 0 0 20px;
	line-height:1.8;
	font-size:12px;
	background:url("../img/contents/system-toilet/restpal01_03.jpg") 0 0 no-repeat;
}
.p01 {
	width:200px;
	margin:65px 0 0 28px;
}
.p02 {
	width:200px;
	margin-left:28px;
}
/* step1 */
.step1 {
	padding-bottom:39px;
	overflow:hidden;
}
.step1 h2 {margin-bottom:15px;}
.p03 {
	width:411px;
	float:right;
}
.img02 {float:left;}

/* step2 */
#contents {
	line-height:1.7;
	font-size:12px;
}
.step2 {
	padding-bottom:43px;
	overflow:hidden;
}
.step2 h2 {margin-bottom:11px;}
.ul01 {
	padding-bottom:31px;
	float:left;
	overflow:hidden;
}
.ul01 li {float:left;}
.p04 {
	width:245px;
	float:left;
}
.img01 {float:left;}
.p05 {
	min-height:196px;
	padding:35px 0 0 210px;
	background:url("../img/contents/system-toilet/restpal01_16.png") 0 0 no-repeat;
	clear:both;
}
.s2_box01 {
	margin-bottom: 20px;
	padding:14px 13px 0;
	border: 1px solid #808080;
	border-radius:5px;
	background: #fff;
	position: relative;
}
.s2_box01:after, .s2_box01:before {
	content: '';
	position: absolute;
	border-bottom: 14px solid #FFF;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	right: 42px;
}
.s2_box01:after {border-bottom: 14px solid #FFF;top:-13px;}
.s2_box01:before {border-bottom: 14px solid #808080;top:-15px;}
.h02 {margin-bottom:17px;}
.left01 {
	width:395px;
	float:left;
}
.right01 {float:left;}
.dl01 dt {
	margin-bottom:4px;
	font-size: 16px;
	font-weight: bold;
	color: #ff364f;
}
.s2_box02 {
	width:380px;
	height:242px;
	margin-top:5px;
	background:#ecf5ff url('../img/contents/system-toilet/restpal01_25.png') 0 0 no-repeat;
}
.dl02 {
	width:210px;
	margin-left:153px;
	padding-top:30px;
}
.dl02 dt {
	margin-bottom: 3px;
	font-weight: bold;
}
.s2_box03 {
	margin:26px 41px 0;
	padding-bottom:8px;
	border:1px solid #808080;
	clear:both;
}
.p06 {
	padding:10px 8px 14px;
}
.p07 {
	margin-top: 8px;
	padding-bottom:10px;
	line-height: 1.4;
	font-size: 16px;
	font-weight: bold;
	color:#ff364f;
	text-align: center;
}

.h03 {
	margin-top:30px;
	margin-bottom:3px;
	padding-left:5px;
	border:1px solid #808080;
	font-size:16px;
	font-weight:bold;

}
.left02_1 {
	width:189px;
	margin-right:8px;
	float:left;
}
.left02_2 {
	width:218px;
	margin-top:10px;
	line-height:1.4;
	float:left;
}
.left02_3 {
	width:315px;
	margin-top:10px;
	float:left;
}
.p08 {
	width:190px;
	margin-bottom:10px;
}
.p08_01 {
	margin-top:16px;
	display:block;
}
.dl03 {
	width:180px;
	margin-top:5px;
}
.dl03 dt {
	color:#9563db;
	font-weight:bold;
}
.dl03 dd {margin-top:2px;}
.left02_3 {
	min-height:264px;
	padding:29px 13px 0;
	background:url("../img/contents/system-toilet/restpal01_36.png") 0 0 no-repeat;
}
.s2_box04 {overflow:hidden;}
.s2_box05 {
	margin-top: 15px;
	padding:7px 20px 20px;
	background: #f5eeff;
	border-radius: 10px;
	overflow:hidden;
}
.h04 {
	margin-bottom:5px;
	text-align:center;
}
.p09 {
	margin-bottom:15px;
	font-size:14px;
	text-align:center;
}
.s2_box05 dl {
	width:344px;
	height:182px;
	float:left;
}
.s2_box05 dt {
	margin-bottom:8px;
	padding-left:158px;
	color: #9563db;
	font-weight: bold;
}
.s2_box05 dt:before {content:'●';}
.s2_box05 dd {
	padding-left:169px;
	padding-right:17px;
}
.dl04 {background:url("../img/contents/system-toilet/restpal01_52.jpg") 0 0 no-repeat;}
.dl05 {background:url("../img/contents/system-toilet/restpal01_55.jpg") 0 0 no-repeat;}
.dl06 {background:url("../img/contents/system-toilet/restpal01_59.jpg") 0 0 no-repeat;}
.dl07 {background:url("../img/contents/system-toilet/restpal01_60.jpg") 0 0 no-repeat;}
/* step3 */
.step3 {
	padding-bottom:30px;
	overflow:hidden;
}
.p10 {
	font-size:14px;
	margin:10px 0 20px;
}
.left03 {
	float:left;
}
.dl08 {
	padding-bottom:15px;
	overflow:hidden;
}
.dl08 dd {float:left;}
.dl08 img {display:block;}
.pl_7 {padding-left:7px;}
.pl_20 {padding-left:20px;}
.pl_55 {padding-left:55px;}
.right03 {
	width:335px;
	padding-bottom:15px;
	border-radius:10px;
	background-color:#f5eeff;
	float:right;
}
.p11 {padding:12px 13px;}
.te_c {text-align:center;}
/* step4 */
.step4 {padding-top:12px;}
.p12 {margin:15px 0 12px;}
.s4_box01 {
	border: 2px solid #a790ff;
	border-radius: 5px;
}
.h05 {
	height: 20px;
	margin-bottom:13px;
	line-height: 22px;
	color: #9563db;
	border-radius: 5px 5px 0 0;
	background: #f5eeff;
	font-weight: bold;
	text-align: center;
}
.s4_box01_in01 {
	margin:10px 10px 0;
	border-bottom:1px solid #808080;
	overflow:hidden;
}
.s4_box01_in01:last-child {border-bottom:0;}
.left04 {
	width:354px;
	overflow:hidden;
	float:left;
}
.dl10 {
	width:218px;
	float:left;
}
.dl10 dt {
	margin-bottom:5px;
	color: #9563db;
	font-weight: bold;
}
.dl10 dt:before {content:'●';}
.dl10 dd {padding-left:10px;}
.img03 {
	margin-top:20px;
	display:block;
}
.img04 {
	display:block;
	float:right;
}
.p13 {
	padding:18px 0 23px 8px;
	clear:both;
}
.right04 {float:right;}
.right04 img {display:block;}
.pb_18 {padding-bottom:18px;}
.ul02 {
	padding:7px;
	line-height:1.3;
	border:1px solid #808080;
	border-radius:5px;
	overflow:hidden;
}
.ul02 li {
	width:411px;
	float:left;
}
.ul02 .right05 {
	width:294px;
}
.t_right {text-align:right;}
.s4_tel {
	margin-top:12px;
	text-align:center;
}
/* step5 */
.step5 {padding-bottom:28px;}
.p14 {margin:20px 0 6px;}
/* step6 */
.step6 {
	padding-bottom:19px;
	overflow:hidden;
}
.step6 p {margin-bottom:5px;}
.s6_r1 {
	padding-bottom:30px;
	overflow:hidden;
}
.step6 dt {
	margin-bottom:5px;
	padding-left:7px;
	font-size:15px;
	color:#FFF;
	background-color:#a790ff;
}
.dl11 {
	width:352px;
	overflow:hidden;
	float:left;
}
.dl11_c1 {
	width:150px;
	float:left;
}
.dl11_c2 {
	padding-bottom:25px;
	float:right;
}
.dl11_c2 img {
	margin-bottom:8px;
	display:block;
}
.dl12 {
	width:351px;
	float:right;
}
.dl12_c1 {
	margin-bottom:30px;
	padding-bottom:8px;
	overflow:hidden;
}
.dl12_c1_p {
	width:160px;
	float:left;
}
.img05 {float:right;}
.s6_box01 {
	padding:5px;
	background-color:#f5eeff;
	overflow:hidden;
	clear:both;
}
.p15 {
	width:205px;
	float:right;
}
.img06 {float:left;}
.dl13 {
	width:351px;
	padding-bottom:8px;
	float:left;
}
.dl14 {
	width:351px;
	float:right;
}
.dl15 {
	width:351px;
	margin-bottom:19px;
	clear:both;
}
/* step7 */
.step7 {margin-bottom:30px;}
.dl16 {
	margin-top:19px;
}
.dl17 {
	margin-top:41px;
}
.step7 dt {
	padding-left:7px;
	font-size:15px;
	color:#FFF;
	background-color:#a790ff;
}