@charset "utf-8";
/* CSS Document */

/*********************************************************/
/* INDEX(TOP) */
/*********************************************************/
#contents{
	background:none;
}


#contents{
	background-image:url(../images/index/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#000;
}
body#index{
}


#to1886-index{

}

body#index #contents{
  background:#000 url(../images/index/bg_top20150126.jpg) no-repeat center top;
  background-size:cover;
  background-attachment:fixed;
}



/*********************************************************/
/*HEAD*/
#to1886-index-head{
  width:100%;
	height:839px;
  /*background:#000 url(../images/index/bg_top.jpg) no-repeat center center;
  background-size:cover;*/
  position:relative;
}



#to1886-index-head h1{
  width:509px;
  height:351px;
  position:absolute;
  top:126px;
  left:50%;
  margin-left:-255px;
  position:absolute;
  background:url(../images/index/logotitle.png);
}

#to1886-index-head-navi{
  width:929px;
  height:257px;
  position:absolute;
  top:562px;
  left:50%;
  margin-left:-445px;
}
#to1886-index-head-navi div{
  position:absolute;
}
#to1886-index-head-navi-world{top:0; left:0;}
#to1886-index-head-navi-movie{top:0; left:240px;}
#to1886-index-head-navi-topics{top:0; left:480px;}
#to1886-index-head-navi-banner1{top:26px; left:720px;}
#to1886-index-head-navi-banner2{top:147px; left:720px;}


/*for 1120*/
#to1886-index-head-navi{
  width:689px;
  margin-left:-345px;
}
#to1886-index-head-navi-world{top:0; left:0;}
#to1886-index-head-navi-movie{top:0; left:240px;}
#to1886-index-head-navi-topics{top:0; left:480px;}
#to1886-index-head-navi-banner1{top:26px; left:480px;}
#to1886-index-head-navi-banner2{top:147px; left:480px;}



#to1886-index-mainmovie{
  width:100%;
  height:393px;
  background-color:#000;
  background-size:cover;
  background-position:center center;
  position:relative;
}
#to1886-index-mainmovie div{
  width:92px;
  height:92px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-46px;
  margin-left:-46px;
  background-image:url(../images/index/play.png);
}
#to1886-index-mainmovie div a{
  opacity:0;
}

#to1886-index-movies{
  width:100%;
  height:223px;
  background:url(../images/index/movie_bg.png) center;
  position:relative;
  margin-top:-10px;
  z-index:5;
}

#to1886-index-movies-wrapper{
  position:relative;
  width:844px;
  height:189px;
  margin:0 auto;
  overflow:hidden;
  padding-top:27px;
}

#to1886-index-movies-wrapper div{
  width:844px;
  height:189px;
  position:relative;
  float:left;
}
#to1886-index-movies-wrapper div a{
  position:absolute;
  top:14px;
  left:0;
}
span.to1886-index-movie-new{
  display:block;
  position:absolute;
  top:-14px;
  left:156px;
  background:url(../images/index/new.png) no-repeat;
  width:43px;
  height:32px;
}
#to1886-index-movies-left{
  position:absolute;
  top:72px;
  left:50%;
  margin-left:-480px;
}
#to1886-index-movies-right{
  position:absolute;
  top:72px;
  left:50%;
  margin-left:424px;
}




#to1886-index-bottom{
  width:100%;
  height:auto;
  background:#000 url(../images/index/bg_bottom.jpg) no-repeat center top;
  background-size:contain;
  margin-top:-10px;
}






/*********************************************************/
/*NEWS*/
#to1886-index-news{
	text-align:center;
  padding-top:35px;
}
#to1886-index-news div{
	margin:0 auto;
	margin-bottom:13px;
}

#to1886-index-news div .newsbox{
	height: 250px;
	width:550px;
	padding: 0 0px;
	z-index: 1;
	position: relative;
	margin-top: 14px;
	display: block;
	overflow:hidden;
}


#to1886-index-news table{
	width:425px;
	margin:0 auto;
	margin-bottom:13px;
}
#to1886-index-news table th,
#to1886-index-news table td{
	font-size:14px;
	line-height:1.7;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}
#to1886-index-news table th{
	white-space:nowrap;
	width:115px;
}

/*********************************************************/
/*SPEC*/
#to1886-index-spec{
	text-align:center;
	padding-bottom:30px;
	padding-top:15px;
}
#to1886-index-spec div{
	margin:0 auto;
	margin-bottom:13px;
}
#to1886-index-spec-LR{
	width:465px;
	margin:0 auto;
}
#to1886-index-spec-LR div{
	float:left;
}
#to1886-index-spec-L{
	width:115px;
	text-align:left;
	padding-top:43px;
}
#to1886-index-spec-R{
	width:350px;
	text-align:left;
}
#to1886-index-spec-R table th,
#to1886-index-spec-R table td{
	font-size:14px;
	line-height:1.8;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}
#to1886-index-spec-R table th{
	white-space:nowrap;
}

#to1886-index-spec-R table td img{
	margin-top:5px;
}

/*********************************************************/
/*SNS*/
#to1886-index-sns{
	text-align:center;
}


#to1886-index-sns-twitterBox{
	width:600px;
	margin:0 auto;
}

#to1886-index-sns-twitterSet{
	width:600px;
	margin:0 auto;
	background:#333333;
	
}


#to1886-index-sns-twitterBox .twitter-timeline {
	min-width: 600px !important;
	width: 600px !important;
	border-radius:0px !important;
}


#to1886-index-snsbtns{
  height:61px;
  padding-top:15px;
  position:relative;
  overflow:visible;
  z-index:5;
  width:600px;
}

#to1886-index-snsbtns .to1886-menu-sns-balloon{
	width:110px;
	height:46px;
	position:absolute;
	top:0;
	top:-9999px;
	left:50%;
	text-align:left;
	padding-top:15px;
	padding-left:15px;
}
#to1886-index-snsbtns #to1886-menu-sns-balloon_f{margin-left:-77px;}
#to1886-index-snsbtns #to1886-menu-sns-balloon_t{margin-left:-68px;}
#to1886-index-snsbtns #to1886-menu-sns-balloon_m{margin-left:-57px;}



/*********************************************************/
/*PAGE TOP*/
#to1886-index-topagetop{
	text-align:right;
	margin-top:-61px;
}
