section section.clearfix{
	width:90.625%;
}

/*usage*/
.usage-nav button{
	width:50%; height:160px;
	padding-top:20px;
	float:left;
	background-color:#f2f2f2;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../img/usage/btn.gif);
	color:#b0b0b0;
	font-size:28px;
	letter-spacing:2px;
	border:none;
	position:relative;
}
.wet .usage-nav .btn-wet,
.dry .usage-nav .btn-dry{
	background-image:url(../img/usage/btn-active.gif);
	color:#fff;
	background-color:#10813a;
}
.usage-nav .btn-wet:before,
.usage-nav .btn-dry:before{
	content:"";
	display:block;
	height:38px; width:38px;
	position:absolute;
	left:50%; top:10px;
	margin-left:-19px;
}
.usage-nav .btn-wet:before{
	background:url(../img/usage/icon-wet.gif) no-repeat center;
}
.usage-nav .btn-dry:before{
	background:url(../img/usage/icon-dry.gif) no-repeat center;
}
.wet .usage-nav .btn-wet:before{
	background:url(../img/usage/icon-wet-active.gif) no-repeat center;
}
.dry .usage-nav .btn-dry:before{
	background:url(../img/usage/icon-dry-active.gif) no-repeat center;
}
.wet #content-dry,
.dry #content-wet{
	display:none;
}

h2{
	font-size:34px;
	font-weight:bold;
	margin-bottom:50px;
	line-height:86px;
}
h2 span{
	float:left;
	display:block;
	width:86px; height:86px;
	margin-right:10px;
	background-color:#10813a;
	border-radius:43px;
	-webkit-border-radius:43px;
	color:#fff;
	font-size:18px;
	line-height:86px;
	text-align:center;
	vertical-align:middle;
}
.compleate h2{
	font-size:24px;
	font-weight:normal;
	margin-bottom:20px;
	line-height:43px;
}
.compleate h2 span{
	font-size:24px;
	text-align:center;
}
section section.clearfix section p{
	padding-right:1em;
}
.step{
	padding-bottom:50px;
	padding-top:50px;
}
.step:first-child{
	padding-top:60px;
}
.connection {
	display:block;
	position:absolute;
	bottom:-30px; left:0;
	z-index:1;
}
.white .connection path{
	fill: #fff;
	stroke: #fff;
	stroke-width: 2;
}
.gray .connection path{
	fill: #f2f2f2;
	stroke: #f2f2f2;
	stroke-width: 2;
}
.compleate {
	margin-bottom:0;}
#content-wet .compleate{
	background:url(../img/usage/img1-4.jpg) no-repeat center top #e1e2e2;
}
#content-dry .compleate{
	background:url(../img/usage/img2-3.jpg) no-repeat center top;
}
.compleate dl{
	padding-left:96px;
	margin-bottom:527px;
}
.compleate dl dt{
	color:#008236;
	margin-left:-0.5em;
}
.compleate dl dd{
	font-size:18px;
}
.compleate .set_cube{
	background-color:rgba(255,255,255,0.5);
	padding-top:50px;
	padding-bottom:1em;
	position:relative;
	margin-bottom:30px
}
.compleate .set_cube h3,
.compleate .set_cube h3 ruby rb{
	font-weight:bold;
}
.compleate .set_cube h3 + p{
	font-size:18px;
}
.compleate .set_cube .location{
	margin:30px auto 0;
	font-size:18px;
	padding-top:1em;
}
.compleate .set_cube .location img{
	display:block;
	width:100%;
}
.compleate .set_cube .location .body{
	background:url(../img/usage/border-side.png) repeat-y;
	background-size:100% auto;
}
.compleate .set_cube .location figure{
	padding:0 1em;
}
.compleate .set_cube .location div{
	padding:0.5em 0;
}
.compleate .set_cube .location div figure:first-child{
	margin-bottom:1em;
}
.compleate .set_cube .location figure figcaption{
	color:#008236;
	font-size:18px;
	margin:0;
}