/* INDEX */
#index_area{
	position:absolute;
	left:50%;
	width:760px;
	margin:100px 0 0 -380px;
	z-index:99;
}
#logo a{
	display:block;
	width:285px;
	height:38px;
	background:url(../img/index_logo.png) no-repeat;
	-ms-behavior: url(css/backgroundsize.min.htc);
	behavior: url(css/backgroundsize.min.htc);
	background-size:cover;
	text-indent:-9999px;
	margin:0 auto 45px;
}
#logo a:hover{
	opacity:0.5;
}
#title{
	display:block;
	width:760px;
	height:175px;
	background:url(../img/index_title.png) no-repeat;
	-ms-behavior: url(css/backgroundsize.min.htc);
	behavior: url(css/backgroundsize.min.htc);
	background-size:cover;
	text-indent:-9999px;
	font-size:1px;
	color:#fff;
	margin:0 auto 45px;
}
#lead{
	height:250px;
	background:url(../img/index_lead.png) no-repeat top right;
	-ms-behavior: url(css/backgroundsize.min.htc);
	behavior: url(css/backgroundsize.min.htc);
	background-size:contain;
	text-indent:-9999px;
	margin:0 0 45px;
}
#news{
	width:670px;
	margin:0 auto 20px;
	padding:6px 15px 10px;
	background:url(../img/index_news.png);
}
#news p{
	margin-top:6px;
	color:#fff;
}
#news a{
	color:#fdd521;
	text-decoration:none;
}
#news a:hover{
	color:#67e8d4;
}
#index_link{
	text-align:center;
	padding-bottom:30px;
	letter-spacing:10px;
	z-index:9999;
}
#index_link a:hover{
	opacity:0.5;
}
#index_bg{
	width:50%;
	height:1100px;
	background:url(../img/index_photo.jpg) no-repeat top center #67e8d4;
	-ms-behavior: url(css/backgroundsize.min.htc);
	behavior: url(css/backgroundsize.min.htc);
	background-size:cover;
}

/* CONCEPT */

.hr01{
	margin:-150px 0 0;
	vertical-align:bottom;
	display:block;
}
#concept{
	background:#000;
	padding:100px 0 100px;
	overflow:hidden;
}
.w900{
	width:900px;
	margin:0 auto;
	overflow:hidden;
}
.w700{
	width:700px;
	padding-left:100px;
	padding-right:100px;
	margin:0 auto;
}
.w350{
	width:340px;
	padding-left:100px;
}
.w320{
	width:320px;
	padding-left:100px;
	padding-right:0px;
}
.mb50{
	margin-bottom:50px;
}
.mb220{
	padding-bottom:100px;
	margin-bottom:120px;
	border-bottom:dashed 1px #34746a;
}
#concept04{
	width:100%;
	height:250px;
	border-top:solid 5px #67e8d4;
	border-bottom:solid 5px #67e8d4;
	background:url(../img/concept04.jpg) repeat-x center;
	margin:220px 0 0;
}
.image{
	width:900px;
	margin:2px auto 70px;
}
#concept h2{
	width:900px;
	height:52px;
	margin:0 auto;
	text-indent:-9999px;
	background:url(../img/concept_title.png) no-repeat left top;
	-ms-behavior: url(css/backgroundsize.min.htc);
	behavior: url(css/backgroundsize.min.htc);
	background-size:contain;
}
#concept h3{
	height:24x;
	padding-left:35px;
	margin-bottom:30px;
	color:#fff;
	font-size:16px;
	letter-spacing:1px;
	background:url(../img/listmark.svg) no-repeat;
	line-height:24px;
}
#concept p{
	color:#fff;
	line-height:2.5;
	margin-bottom:20px;
	text-align:justify;
}
#concept p strong{
	color:#67e8d4;
	font-weight:bold;
}
#concept p strong.vv{
	color:#fdd521;
	letter-spacing:1px;
}
.hr02{
	margin:-150px 0 0;
	vertical-align:bottom;
	display:block;
}


/* PHOTO */
#photo{
	padding:120px 0;
}
#photo h2{
	width:900px;
	height:39px;
	margin:0 auto 30px;
	text-indent:-9999px;
	background:url(../img/photo_title.png) no-repeat left top;
	-ms-behavior: url(css/backgroundsize.min.htc);
	behavior: url(css/backgroundsize.min.htc);
	background-size:contain;
}
.ph{
	width:700px;
	height:700px;
	overflow:hidden;
	background:#000;
	text-align:center;
	margin:0 20px;
}
.row img{
	margin-top:95px;
}
.hr03{
	vertical-align:bottom;
	display:block;
	background:#67e8d4;
}

/* VIEW */
#view{
	background:#67e8d4;
	padding:120px 0 100px;
}
#view h2{
	width:900px;
	height:31px;
	margin:0 auto 30px;
	text-indent:-9999px;
	background:url(../img/view_title.png) no-repeat center top;
	-ms-behavior: url(css/backgroundsize.min.htc);
	behavior: url(css/backgroundsize.min.htc);
	background-size:contain;
}
#viewbox{
	width:900px;
	height:520px;
	background:#000;
	border:solid 80px #000;
	border-left:none;
	border-right:none;
	margin:0 auto;
}
#viewbox iframe{
	display:block;
	width:900px;
	height:520px;
}
#viewlink{
	width:600px;
	height:120px;
	background:url(../img/view_btn.png) no-repeat #fff;
	margin:0 auto;
}
#viewlink a{
	display:block;
	width:600px;
	height:120px;
	text-indent:-9999px;	
}
#viewlink a:hover{
	background:#fff;
	opacity:0.5;
}

/* FOOTER */
#confoot{
	width:50%;
	height:400px;
	background:#000;
}
#footer{
	width:100%;
	height:160px;
	text-indent:-9999px;
	margin-top:-280px;
	background:url(../img/footer.png) no-repeat center;
}