div#content_wrapper{
	background-color:#000000;
}

div#wrapper{
	width:980px;
	margin:0 auto;
	padding:0 10px;
	position:relative;
}
.the_hidden{
	opacity: 0;
	visibility: hidden;
	position:relative;
}
div#head{
	width:980px;
	height:520px;
}
div#head h2{
	position:absolute;
	top:0;left:0;
}
div#head a{
	position:absolute;
	background-image:url(../../images/logo.png);
	width:121px;
	height:38px;
	text-indent:-999px;
	overflow:hidden;
	top:30px;
	right:0px;
}
div#main_wrap{
	position:relative;
	width:980px;
	height:520px;
}

div#main{
	position:relative;
	width:980px;
	height:520px;
	overflow:hidden;
}

div#main a#btn_nexta{
	background-image:url(../../images/logo.png);
	width:121px;
	height:38px;
	text-indent:-999px;
	overflow:hidden;
	position:absolute;
	top:30px;
	right:0px;
}

div#main ul{
	width:490px;
	position:absolute;
	top:0;left:0;
}
div#main ul li,div#main ul li .inner,div#main #left1  h2{
	width:490px;
	height:520px;
	text-indent:-999px;
	display:block;
	overflow:hidden;
}
div#main ul#right{
	left:490px;
	top:-520px;
}

div#main #left1  h2{
	background-image:url(../images/title_l.png);
}
div#main #left2  .inner{
	background-image:url(../images/main_l.png);
}
div#main #right1  .inner{
	background-image:url(../images/main_r.png);
}
div#main #right2  .inner{
	background-image:url(../images/title_r.png);
}

div#scrollsymbol{
	background-image:url(../images/scroll.png);
	position:absolute;
	top:578px;
	left:476px;
	width:32px;
	height:18px;
	display:block;
	background-repeat: no-repeat;
}
div#info{
	width:980px;
	height:466px;
	background-image:url(../images/info.png);
	background-repeat: no-repeat;
	position:relative;
}

#experiment {
  /*perspective: 400px;*/
  overflow:hidden;
  height:376px;
  width:960px;
  margin-top:39px;
  position:relative;
}
#cube {
  position: absolute;
  top:0px;
  right:40px;
  width: 333px;
  height: 376px;
 transform-style: preserve-3d;
 transform:rotateX(-90deg);
 transition-duration:.3s;
}

#cube.turn_1{
	transform:rotateX(-90deg);

}
#cube.turn_2{
	transform:rotateX(0deg);

}
#cube.turn_3{
	transform:rotateY(90deg);

}
.face {
  position: absolute;
  height: 333px;
  width: 376px;
}
#cube .top {
	transform: rotateX(90deg) translateZ(188px) translateY(-20px);

}
#cube .front {
	transform: translateZ(188px);

}
#cube .left {
	transform: rotateY(-90deg) translateZ(188px)  translateX(34px);

}

#cube .right {
	transform: rotateY(90deg) translateZ(188px) translateX(34px);

}
#cube .bottom {
	transform: rotateX(-90deg) translateZ(188px);

}


div#package{
	position:absolute;
	top:0;
	right:30px;
}
a#btn_blog{
	background-image:url(../../../../../images/btn_blog.gif);
	width:159px;
	height:62px;
	overflow:hidden;
	text-indent:-999px;
	background-repeat: no-repeat;
	float:left;
	display:block;

}

a.banner{
	width:980px;
	height:100px;
	margin-bottom:20px;
	background-color:#fff;
	display:block;
}
a.banner:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

div#banners{
	margin-bottom:20px;
}
div#banners a{
	background-color:#fff;
	display:block;
}
div#banners a#btn_md{
	background-color:#fff;
	margin-top:20px;
	display:block;
}
div#banners a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

div#content_footer span#toiawase{
	background-image:url(../images/toiawase.gif);
	width:418px;
	height:62px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}

div#content_footer div#links a{
	width:240px;
	height:60px;
	text-indent:-999px;
	overflow:hidden;
	float:right;
}

a#ba_tf{
	background-image:url(../../images/ba_tf.jpg);
}
a#ba_ps{
	background-image:url(../../images/ba_official.jpg);
	margin-left:20px;
}


div#content_footer small{
	float:right;
	font-family: "Verdana";
	font-size:10px;
	line-height:1.5em;
	color:#75727f;
	text-align:right;

}

div#footer_bottom{
	position:relative;
	margin-top:30px;
	margin-bottom:20px;
}
div#content_footer div#social{
	float:left;
	width:155px;
}
div#content_footer #social iframe{
	float:left;
}
iframe#fb{
	margin-left:8px;
}