@charset "utf-8";

body {
	min-width: 960px;
	line-height: 1.5;
	color: #999;
}
#wrapper {
	background-color: #000;
}
/* #header
=========================================== */
#header {
	background: url(../img/bg_mainimg01.jpg) no-repeat center top;
}
#headerIn {
	position: relative;
	width: 960px;
	height: 599px;
	margin: 0 auto;
}
/* .logo */
#header .logo {
	position: absolute;
	top: 9px;
	left: 0;
}
/* .lang */
#header .lang {
	position: absolute;
	top: 15px;
	left: 161px;
	overflow: hidden;
}
#header .lang li {
	float: left;
	width: 153px;
	margin-left: 12px;
}
#header .lang li.ja {
	width: 98px;
}
#header .lang li.us {
	width: 79px;
}
#header .lang li.kr {
	width: 78px;
}
#header .lang li.hk {
	width: 166px;
}
#header .lang li.cn {
	width: 153px;
}
/* h1 */
#header h1 {
	position: absolute;
	top: 102px;
	right: -94px;
}
/* .app */
#headerIn .app {
	position: absolute;
	bottom: 24px;
	right: 0;
	overflow: hidden;
}
#headerIn .app li {
	float: left;
	width: 182px;
	margin-left: 22px;
}
/* #contents
=========================================== */
/* #intro
--------------------------------- */
#intro {
	height: 492px;
	background: url(../img/bg_intro01.jpg) no-repeat center top;
}
#introIn {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
#introIn .youTube {
	position: absolute;
	top: 91px;
	left: 37px;
}
#introIn .txt {
	position: absolute;
	top: 91px;
	right: 0;
}
/* #about
--------------------------------- */
#about .secIn {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
#about .sec01 {
	height: 432px;
	background: url(../img/bg_about01.jpg) no-repeat center top;
}
#about .sec01 .txt {
	position: absolute;
	top: 142px;
	left: 0;
}
#about .sec02 {
	height: 489px;
	background: url(../img/bg_about02.jpg) no-repeat center top;
}
#about .sec02 .txt {
	position: absolute;
	top: 68px;
	left: 0;
}
#about .sec03 {
	height: 572px;
	background: url(../img/bg_about03.jpg) no-repeat center top;
}
#about .sec03 .txt {
	position: absolute;
	top: 64px;
	left: 0;
}
#about .sec04 {
	height: 533px;
	background: url(../img/bg_about04.jpg) no-repeat center top;
}
#about .sec04 .txt {
	position: absolute;
	top: 78px;
	left: 0;
}
/* #online
--------------------------------- */
#online {
	background: url(../img/bg_online01.jpg) no-repeat center top;
}
#onlineIn {
	position: relative;
	width: 960px;
	height: 698px;
	margin: 0 auto;
}
#onlineIn .txt {
	position: absolute;
	bottom: 128px;
	left: 0;
}
/* #details
--------------------------------- */
#details {
	background: url(../img/bg_details01.jpg) no-repeat center top;
}
#detailsIn {
	position: relative;
	width: 960px;
	height: 719px;
	margin: 0 auto;
}
#detailsIn .info {
	position: absolute;
	top: 252px;
	left: 0;
}
#detailsIn .info li {
	padding-left: 22px;
	background: url(../img/ico01.gif) no-repeat 0 4px;
	font-weight: bold;
	font-size: 19px;
}
#detailsIn .info li+li+li+li+li {
	padding-left: 0;
	background: none;
}
#detailsIn .app {
	position: absolute;
	bottom: 188px;
	left: 0;
	overflow: hidden;
}
#detailsIn .app li {
	float: left;
	width: 182px;
	margin-right: 22px;
}
/* #footer
=========================================== */
#footer {
	position: relative;
	width: 960px;
	margin: -141px auto 0;
}
#footerIn {
	overflow: hidden;
}
/* .logo */
#footerIn .logo {
	float: left;
	width: 185px;
	margin-right: 7px;
}
#footerIn ul {
	float: left;
	width: 515px;
}
#footerIn li {
	font-size: 77%;
}
#footerIn li:first-child {
	padding-bottom: 3px;
}
#footerIn .btn {
	float: right;
	width: 252px;
}
/* #sns */
#sns {
	margin-top: 20px;
	padding-bottom: 25px;
}
#sns li {
	display: inline-block;
	margin-right: 10px;
}
#sns li {
	display: inline-block;
	margin-right: 10px;
}