@charset "UTF-8";






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Layout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	background:#030303;}



.contentswrapper{
	/*width:940px;*/
	margin:0 auto;}



/*----vis----*/
.vis{
	position:relative;
	text-align:center;
	width:100%;
	height:700px;
	margin:0;}
.vis h1{
	background:url(../../ms-tos/images/vis.jpg) top center no-repeat;
	height:700px;
	text-indent:-9999px;}
	
.vis .anniversary{
	position:absolute;
	top:0;
	left:50%;
	margin-left:310px;
	width:176px;
	height:47px;}
.vis .anniversary a{
	display:block;
	background:url(../../ms-tos/images/anniversarysite_button.png) top center no-repeat;
	width:176px;
	height:47px;
	text-indent:-9999px;}

.vis .facebook{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:368px;
	width:115px;
	height:64px;}
.vis .facebook a{
	display:block;
	background:url(../../ms-tos/images/facebook_button.png) top center no-repeat;
	width:115px;
	height:64px;
	text-indent:-9999px;}



/*----download----*/
.download{
	position:relative;
	background:#000000 url(../../ms-tos/images/download.png) top center no-repeat;
	width:940px;
	height:60px;
	margin:0 auto;
	padding:100px 0 0 0;}
.download a{
	position:absolute;
	top:24px;
	display:block;
	height:66px;
	text-indent:-9999px;
	outline:none;}
/*AppStore*/
.download .appstore a{
	left:322px;
	width:217px;}
/*GooglePlay*/
.download .googleplay a{
	left:546px;
	width:184px;}
/*Android APK*/
.download .androidapk a{
	left:737px;
	width:174px;}
	
.download .spec{
	color:#FFF;
	font-size:10px;
	width:880px;
	margin:0 auto;}



/*----information----*/
.information{
	position:relative;
	background:#321b00 url(../../ms-tos/images/information.jpg) top center no-repeat;
	width:100%;
	height:278px;
	margin:0 auto;
	padding:0;}
.information p {
	width:940px;
	height:278px;
	margin:0 auto;}
.information p a{
	display:block;
	width:940px;
	height:278px;
	text-indent:-9999px;}



/*----movie----*/
.movie{
	position:relative;
	background:#000 url(../../ms-tos/images/movie.jpg) top center no-repeat;
	width:100%;
	height:400px;
	margin:0 auto;
	padding:69px 0 0 0;}
.movie p {
	width:594px;
	height:334px;
	margin:0 auto;}
.movie p a{
	display:block;
	background:url(../../ms-tos/images/movie_thum.png) top center no-repeat;
	width:594px;
	height:334px;
	text-indent:-9999px;}



/*----collabo_1----*/
.collabo_1{
	position:relative;
	background:#000 url(../../ms-tos/images/collabo_1_bg.jpg) top center no-repeat;
	width:100%;
	height:599px;
	margin:0 auto;
	padding:0;}
.collabo_1 h2{
	position:absolute;
	z-index:50;
	background:url(../../ms-tos/images/collabo_1_title.png) top center no-repeat;
	top:0;
	left:50%;
	margin-left:-214px;
	width:428px;
	height:60px;
	text-indent:-9999px;}
.collabo_1 p{
	position:absolute;
	z-index:49;
	background:url(../../ms-tos/images/collabo_1_vis.png) top center no-repeat;
	top:0;
	left:50%;
	margin-left:-50%;
	width:100%;
	height:691px;
	text-indent:-9999px;}



/*----collabo_2----*/
.collabo_2{
	position:relative;
	background:#000 url(../../ms-tos/images/collabo_2_bg.jpg) top center no-repeat;
	width:100%;
	height:1663px;
	margin:0 auto;
	padding:0;}
.collabo_2 h2{
	position:absolute;
	z-index:48;
	background:url(../../ms-tos/images/collabo_2_title.png) top center no-repeat;
	top:0;
	left:50%;
	margin-left:-214px;
	width:428px;
	height:60px;
	text-indent:-9999px;}
.collabo_2 p{
	/*position:absolute;
	z-index:47;
	background:url(../../ms-tos/images/collabo_2_vis.png) top center no-repeat;
	top:0;
	left:50%;
	margin-left:-50%;
	width:100%;
	height:1663px;*/
	text-indent:-9999px;}



/*----collabo_3----*/
.collabo_3{
	position:relative;
	background:#2a0031 url(../../ms-tos/images/collabo_3_bg.jpg) top center no-repeat;
	width:100%;
	height:1210px;
	margin:0 auto;
	padding:0;}
.collabo_3 h2{
	position:absolute;
	z-index:46;
	background:url(../../ms-tos/images/collabo_3_title.png) top center no-repeat;
	top:0;
	left:50%;
	margin-left:-214px;
	width:428px;
	height:60px;
	text-indent:-9999px;}
.collabo_3 p{
	/*position:absolute;
	z-index:45;
	background:url(../../ms-tos/images/collabo_3_vis.png) top center no-repeat;
	top:75px;
	left:50%;
	margin-left:-450px;
	width:900px;
	height:484px;*/
	text-indent:-9999px;}



/*----collaboinfo----*/
.detailinformation{
	background:url(../../ms-tos/images/collaboinfo_bg.jpg) top center repeat-x;
	width:100%;
	height:127px;}
.detailinformation a{
	display:block;
	text-indent:-9999px;
	background-image:url(../../ms-tos/images/collaboinfo_button.png);
	background-position:center 0px;
	background-repeat:no-repeat;
	width:426px;
	height:127px;
	margin:0 auto;}
.detailinformation a:hover{
	background-position:center 2px;}


/*----footer----*/
.footer{
	background:#000000;
	color:#ffffff;
	width:100%;
	padding:30px 0 50px 0;
	text-align:center;
	border-top:1px #333333 solid;}
.footercontents{
	width:100%;
	margin:0 auto;}
.footercontents ul{
	width:940px;
	margin:0 auto;
	text-align:center;}
.footercontents li{
	display:inline-block;
	margin:1em 0.5em 2em 0.5em;
	padding-right:1em;
	border-right:1px #bbbbbb solid;}
.footercontents li:last-child{
	padding-right:0;
	border-right:none;}
.footercontents li a{
	color:#bbbbbb;
	text-decoration:underline;}
.footercontents p{
	background:#2d2d2d url(../../ms-tos/images/footer.png) top center no-repeat;
	width:100%;
	height:80px;
	margin:0 auto 2em auto;
	text-indent:-9999px;}
.footercontents address{
	line-height:1.3em;
	font-size:11px;
	color:#999898;}


/*----hz----*/
.hz{
	background:url(../../ms-tos/images/hz.png) top center repeat-x;
	width:100%;
	height:7px;
	margin:0 auto;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　Layout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/