#key .slide-fade {
	height: 799px;
}
#key .slide1 {
	background: url(../img/index/key-slide1.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
#key .slide2 {
	background: url(../img/index/key-slide2.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
#key .slide3 {
	background: url(../img/index/key-slide3.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
#key .slide4 {
	background: url(../img/index/key-slide4.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
#sec1 {
	background: url(../img/index/sec1-deco.png) no-repeat center top, url(../img/index/sec1-bg.png) no-repeat center top;
	-webkit-background-size: auto, cover;
	background-size: auto, cover;
	padding: 26px 0 226px;
}
#sec1 h2 {
	margin-left: -35px;
}
#sec1 .txt {
	width: 413px;
	padding-top: 6px;
}
#sec1 .photo {
	position: absolute;
	top: 137px;
	right: -291px;
}
#sec2 {
	position: relative;
}
#sec2:before {
	background: url(../img/index/sec2-bg.png) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	top: -197px;
	left: 0;
	right: 0;
	height: 368px;
	content: '';
	z-index: 2;
}
#sec2 h2 {
	position: absolute;
	top: -67px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 3;
}
#sec2 .item {
	float: left;
	width: 50%;
	background: url(../img/shared/bg-wood.jpg) repeat center top;
	min-height: 830px;
	position: relative;
	cursor: pointer;
}
#sec2 .item:before {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 5px;
	bottom: 10px;
	content: '';
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#sec2 .item:hover:before {
	-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
	filter: grayscale(0);
}
#sec2 .item1:before {
	background: url(../img/index/sec2-bnr-bg_01.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
#sec2 .item2:before {
	background: url(../img/index/sec2-bnr-bg_02.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	right: 10px;
	left: 5px;
}
#sec2 .item h3 {
	position: absolute;
	top: 390px;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#sec2 .item:hover h3 {
	-moz-transform: translateY(-125px);
	-webkit-transform: translateY(-125px);
	-o-transform: translateY(-125px);
	-ms-transform: translateY(-125px);
	transform: translateY(-125px);
}
#sec2 .item .icon {
	position: absolute;
	bottom: 218px;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#sec2 .item:hover .icon {
	-moz-transform: translateY(136px);
	-webkit-transform: translateY(136px);
	-o-transform: translateY(136px);
	-ms-transform: translateY(136px);
	transform: translateY(136px);
}
#sec2 .item .txt {
	width: 482px;
	position: absolute;
	top: 403px;
	left: 50%;
	transform: translateX(-50%);
	line-height: 30px;
	color: #FFF;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#sec2 .item:hover .txt {
	opacity: 1;
}
#sec3 {
	background: url(../img/index/sec3-deco.png) no-repeat center top, url(../img/index/sec3-bg.jpg) no-repeat center center;
	-webkit-background-size: auto, cover;
	background-size: auto, cover;
	padding: 222px 0 131px;
}
#sec3 h2 {
	text-align: right;
	margin-right: -56px;
}
#sec3 .txt-vertical {
	color: #FFF;
	position: absolute;
	top: 41px;
	right: 132px;
	height: 343px;
}
#sec3 .bnr {
	position: absolute;
	top: 39px;
	right: 391px;
}
#sec4 {
	padding:219px 0 94px;
	background:url(../img/index/sec4-bg.jpg) no-repeat center top, url(../img/index/sec4-bgrp.jpg) repeat center top;	
}
#sec4 h2 {
	margin-left: -27px;	
}
#sec4 .txt {
	padding: 35px 0 60px 5px;
color: #FFF;
width: 387px;
}
#sec4 .bnr {
	padding-left: 2px;	
}
#sec4 .photo {
	position: absolute;
	top: 225px;
	left: 449px;
}
#sec5 {
	padding:86px 0 123px;	
}
#sec5 ul li {
	float: left;	
	width: 150px;
	height: 150px;
}
#sec5 ul li + li {
	margin-left: 62px;	
}
#sec6 {
	padding:98px 0 101px;
	background:url(../img/shared/bg-01.jpg) repeat center top;	
}
#sec6 .item {
	float: left;
	width: 500px;	
}
#sec6 .item .photo {
	float: left;
	width: 200px;
	height: 200px;	
}
#sec6 .item dl {
	width: 300px;
	float: left;
	color: #FFF;
	text-align:center;
	line-height: 42px;
	padding-top: 52px;
}
#sec6 .item dl dt {
	font-size: 13px;	
}