html, body {
	background: #f9f9f9;
}

#intro {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
}

#intro .loading {
	position: fixed;
	top: 50%;
	left: 50%;
}

#intro .loading img {
	position: absolute;
	top: -20px;
	left: -25px;
}

#intro h1 {
	position: fixed;
	left: 19px;
	top: 11px;
	z-index: 99999;
}

#intro .logo-ja {
	position: fixed;
	bottom: 22px;
	right: 17px;
	z-index: 99999;
}

#intro .skip {
	position: fixed;
	bottom: 100px;
	width: 90px;
	left: 50%;
	z-index: 999999;
}

#intro .skip img {
	position: absolute;
	left: -50%;
}

#intro .borders {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
}

#intro .borders span {
	position: fixed;
}

#intro .borders .t {
	left: 100px;
	top: 20px;
	width: 100%;
	height: 10px;
	background:url(../img/intro/line_h.png) center repeat-x;
}

#intro .borders .b {
	left: 50px;
	bottom: 20px;
	width: 100%;
	height: 10px;
	background:url(../img/intro/line_h.png) center repeat-x;
}

#intro .borders .l {
	top: 70px;
	left: 20px;
	width: 10px;
	height: 100%;
	background:url(../img/intro/line_v.png) center repeat-y;
}

#intro .borders .r {
	top: 60px;
	right: 20px;
	width: 10px;
	height: 100%;
	background:url(../img/intro/line_v.png) center repeat-y;
}

#intro .assets {
	display: none;
}

#intro .bg {
	position: fixed;
	background: #fff;
	width: 100%;
	height: 100%;
}

#intro .bg img {
	position: fixed;
	display: block;
	bottom: 0;
	left: 0;
}

#intro .bg .middle {
	display: none;
}

#intro .bg .copy-fin {
	display: none;
}

#intro .copy {
	width: 35%;
	/*width: 440px;*/
	z-index: 100;
	position: absolute;
	bottom: 80%;
	left: 50%;
}

#intro .copy img {
	width: 100%;
	z-index: 100;
	position: absolute;
	left: -50%;
	display: none;
}

#intro .title {
	position: fixed;
	z-index: 100;
	width: 80%;
	top: 10%;
	left: 50%;
}

#intro .title img {
	display: none;
	width: 100%;
	z-index: 100;
	position: absolute;
	left: -50%;
}

#intro .products {
	position: fixed;
	z-index: 100;
	width: 30%;
	bottom: 55%;
	right: 10%;
}

#intro .products img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

/* main */
#app {
	display: none;
}

.page-control-wrap {
	position: fixed;
	bottom: 0;
	left: 50%;
	display: none;
}

.fit-bg {
	position: fixed;
	width: 100%;
	height: 100%;	
	overflow: hidden;
	display: none;
}

.fit-bg img {
	position: absolute;
}

#main-bg {
	background: url(../img/bg_1_repeat.jpg) repeat-x;
	background-color: #f4f3f1;	
}

#bgs .cam-banner {
	position: fixed;
	bottom: 160px;
	right: 30px;
	z-index: 100;
	display: none;
}

#tweets-wrap {
	position: absolute;
	top: 378px;
	left: 0;
	width: 185px;
	height: 100px;
	z-index: 100;
	overflow: hidden;
}

.tweet-wrap {
	position: absolute;
	top: 0;
	width: 150px;
	height: 83px;
	background: url(../../shared/img/nav/tweet_balloon.png) no-repeat;	
}

.tweet-wrap a {
  color: #212270;
	text-decoration: none;	
	display: block;
	width: 100%;
	height: 100%;
}

.tweet {
	letter-spacing: 0;
	line-height: 1.3em;	
	padding: 8px;	
	height: 47px;
	overflow: hidden;
	font-size: 0.8em;
	
}

.tweet .name {
	color: #e60012;	
	line-height: 1.5em;
}