@charset "utf-8";
/* CSS Document */

/*clearfix*/
.clearfix:after {
	content: url(../images/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }


* html body { text-align:center; }

html, body {height: 100%;} 

body{
	margin: 0;
	padding: 0;
	position: relative;
	min-width: 851px;  /*中央配置するボックスの横幅*/
	min-height: 484px;  /*中央配置するボックス縦幅*/
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-color: #5DCCE0;

}

.contenier {  
  margin: -242px 0 0 -425px;  /*縦横の半分をネガティブマージンでずらす*/  
  position: absolute;  /*body要素に対して絶対配置*/  
  top: 45%;  /*上端を中央に*/  
  left: 50%;  /*左端を中央に*/  
  width: 851px;  /*横幅*/  
  height: 484px;  /*縦幅*/  
  background-color: #fff;  
}  

img {
border:none;
vertical-align:bottom;
vertical-align: top;

}



.contents-twitter {
	height: 484px;
	width: 851px;
	position: relative;
	
}
.twitter-box {
	height: 325px;
	width: 250px;
	position: absolute;
	left: 556px;
	top: 83px;
}
.main-box {
	height: 484px;
	width: 851px;
}
.url-zone {
	position: absolute;
	top: 242px;
	left: 39px;
}
.tointro_btn {
	position:absolute;
	left:255px;
	top:174px;
}
.tomovie_btn {
	position:absolute;
	left:291px;
	bottom:42px;
}
.totwitter_btn {
	position:absolute;
	right:43px;
	bottom:29px;
}


.intro_btn {
	position:absolute;
	right:33px;
	bottom:31px;
}
.movie_btn1 {
	position:absolute;
	right:52px;
	top:246px;
}
.movie_btn2 {
	position:absolute;
	right:52px;
	top:385px;
}
.movieback_btn {
	position:absolute;
	left:370px;
	top:454px;
}



#footer {
	left:0;
}