@charset "UTF-8";

	
/* copy --------------------------------------------------------------- */
.copy {
	width: 100%;
	height: 900px;
	background-position: center 200px, right 30px bottom 30px, center center;
	/*background-attachment: fixed, fixed, fixed;*/
	background-size: auto 170px, 450px auto, cover;
	-webkit-background-size: auto 170px, 450px auto, cover;
	-moz-background-size: auto 170px, 450px auto, cover;
	-o-background-size: auto 170px, 450px auto, cover;
	-ms-background-size: auto 170px, 450px auto, cover;
	position: relative;
	}

#copy1 {
	background-image: url(../img/home/copy/copy1_txt.png), url(../img/home/copy/copy1_item.png), url(../img/home/copy/copy1_bg.jpg);
	}
#copy2 {
	background-image: url(../img/home/copy/copy2_txt.png), url(../img/home/copy/copy2_item.png), url(../img/home/copy/copy2_bg.jpg);
	}

#copy3 {
	background-image: url(../img/home/copy/copy3_txt.png), url(../img/home/copy/copy3_item.png), url(../img/home/copy/copy3_bg.jpg);
	}

#copy4 {
	background-image: url(../img/home/copy/copy4_txt.png), url(../img/home/copy/copy4_item.png), url(../img/home/copy/copy4_bg.jpg);
	}
#copy5 {
	background-image: url(../img/home/copy/copy5_txt.png), url(../img/home/copy/copy5_item.png), url(../img/home/copy/copy5_bg.jpg);
	}

/*#copy1 .copy_bg {
	background-image: url(../img/home/copy/copy1_bg.jpg);
	}	
#copy2 .copy_bg {
	background-image: url(../img/home/copy/copy2_bg.jpg);
	}

#copy3 .copy_bg {
	background-image: url(../img/home/copy/copy3_bg.jpg);
	}

#copy4 .copy_bg {
	background-image: url(../img/home/copy/copy4_bg.jpg);
	}
#copy5 .copy_bg {
	background-image: url(../img/home/copy/copy5_bg.jpg);
	}*/

.copy_bg {
	width: 100%;
	height: 100vh;
	background-position: center center;
	/*background-attachment: fixed;*/
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	position: relative;
	}
	
.copy_fade {
	/*display: none;*/
	width: 100%;
	height: 100%;
	}
	
.copy_item,
.copy_txt {
	position: fixed;
	}

.copy_item {
	right: 30px;
	bottom: 30px;
	}
	
.copy_item,
.copy_item img {
	width: 450px;
	}
	
.copy_txt {
	width: 100%;
	text-align: center;
	left: 0;
	top: 30%;
	}
	
.copy_txt,
.copy_txt img {
	height: 150px;
	}
	
.copy_next,
.copy_next a,
.copy_next a img {
	width: 70px;
	height: 30px;
	}

.copy_next {
	margin-left: -35px;
	position: fixed;
	left: 50%;
	bottom: 30px;
	}
	
	
#arrow {
	margin-left: -35px;
	position: fixed;
	left: 50%;
	bottom: 30px;
	}
	
#arrow,
#arrow a,
#arrow a img {
	width: 70px;
	height: 30px;
	}
	
	
/* quality --------------------------------------------------------------- */
#quality {
	width: 100%;
	padding-bottom: 100px;
	background-color: #ffffff;
	background-image: url(../img/home/quality/bg.jpg);
	/*background-attachment: fixed;*/
	background-position: center top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	position: relative;
	z-index: 99;
	}
	
#quality-title {
	margin-bottom: 50px;
	}

#quality-title h2 {
	text-align: center;
	margin-bottom: 30px;
	padding-top: 80px;
	}
	
#quality-title h2,
#quality-title h2 img {
	height: 220px;
	}

#quality-title p {
	font-size: 18px;
	line-height: 2;
	text-align: center;
	}

#quality-wrap {
	width: 1000px;
	margin: 0 auto;
	}

#quality-wrap .quality {
	}

#quality-wrap .quality h4,
#quality-wrap .quality h4 img {
	width: auto;
	height: 90px;
	}

#quality-wrap h4 {
	margin-bottom: 20px;
	}
	
#quality-wrap p {
	font-size: 16px;
	line-height: 2;
	}
	
#quality1 {
	margin-bottom: 80px;
	}

#quality2 {
	float: right;
	margin-right: 60px;
	margin-bottom: 90px;
	}

#quality3 {
	clear: both;
	margin-left: 200px;
	margin-bottom: 100px;
	}
	
#quality4 {
	margin-left: 20px;
	}
	
#quality5 {
	float: right;
	}

#quality6 {
	clear: both;
	margin-left: 20px;
	}


/* products --------------------------------------------------------------- */
#products {
	width: 100%;
	height: 310px;
	padding: 90px 0 200px 0;
	text-align: center;	
	background-image: url(../img/home/products/bg.jpg), url(../img/home/products/visual-bg.jpg);
	background-position: center top, center top;
	background-repeat: no-repeat, repeat-x;
	background-size: auto 600px, auto 600px;
	-webkit-background-size: auto 600px, auto 600px;
	-moz-background-size: auto 600px, auto 600px;
	-o-background-size: auto 600px, auto 600px;
	-ms-background-size: auto 600px, auto 600px;	
	}

#products h2 {
	text-align: center;
	margin-bottom: 20px;
	}
	
#products h2,
#products h2 img {
	height: 190px;
	}

#products a {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	}


/* news --------------------------------------------------------------- */
#news {
	padding: 100px 0;
	}

#news h2 {
	text-align: center;
	margin-bottom: 60px;
	}
	
#news h2,
#news h2 img {
	height: 95px;
	}
	
#news .news {
	width: 1000px;
	height: 263px;
	margin: 0 auto 100px auto;
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-color: #dddddd;
	overflow-y: scroll;
	}

#news .news dl {
	border-bottom: solid 1px;
	border-color: #dddddd;
	padding: 10px 0;
	}

#news .news dl dt {
	float: left;
	width: 110px;
	padding-left: 3px;
	font-weight: bold;
	}

#news .news dl dd {
	margin-left: 120px;
	}

#news .news dl dd a {
	text-decoration: underline;
	}


/* banner --------------------------------------------------------------- */
#banner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	}

#banner .banner-company {
	margin-bottom: 70px;
	}
	
#banner .banner-company,
#banner .banner-contact {
	float: left;
	}

#banner .banner-recruit,
#banner .banner-faq {
	float: right;
	}

#banner .banner-company,
#banner .banner-recruit {
	width: 480px;
	}

#banner .banner-company a img,
#banner .banner-recruit a img,
#banner .banner-contact a img,
#banner .banner-faq a img,
#banner .banner-contact-company a img {
	width: 100%;
	}

#banner .banner-contact {
	width: 750px;
	margin-bottom: 70px;
	}

#banner .banner-faq {
	width: 170px;
	}

#banner .banner-contact-company {
	clear: both;
	width: 100%;
	}