@charset "UTF-8";

/* ==============================
base
---------------------------------
#spmovie1
---------------------------------
#present
---------------------------------
.spmovie
============================== */

#container {
  width:980px;
  margin-bottom:122px;
  position:relative;
  margin-top:0px;
	color:#cecece;
	line-height:1.7em;
  background:#000;

  -moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	behavior: url(PIE.htc);	
}

.content{
  clear:both;  
  padding: 20px 37px 30px 42px;
  background:#002445;
  position:relative;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(PIE.htc) ;	
}
.content-b{  
  clear:both;  
  padding: 28px 37px 60px 42px;
  background:#123b61;
  position:relative;

	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	behavior: url(PIE.htc) ;	
}
.content-about{  
  clear:both;  
  padding: 28px 37px 60px 42px;
  background-color:#002445;
  position:relative;

	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	behavior: url(PIE.htc) ;	
}
.content-t{  
  padding: 65px 37px 20px 42px;
  background:#021525;
  position:relative;

	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	behavior: url(PIE.htc) ;	
}
.content-n{  
  padding: 0;
  margin:1px 0;
}
.content-cast{  
  padding: 28px 37px 60px 42px;
  background:#002446;
  position:relative;

	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	behavior: url(PIE.htc) ;	
}
.content-ticket{  
  padding: 28px 37px 60px 42px;
  background:#123b61;
  position:relative;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(PIE.htc) ;	
}


/* ------------------------------
 #spmovie1
------------------------------ */

#spmovie1 p.caption {
  line-height:1.6em;
  color:fff;
  text-align:left;
  padding-left: 10px;
  margin-bottom:20px;
}

#spmovie1 h3{
  width:881px;
  height:100px;
  background:url(../img/movie/spmovie_h3.jpg) no-repeat;
  display:block;
	margin-bottom:16px;
}

#spmovie1 .content ul{
  height:146px;
	text-align:center;
}
#spmovie1 .content ul li{
  width:217px;
	height:146px;
	float:left;
	display:block;
	margin-right:8px;
}
#spmovie1 .video{
  margin-bottom:10px;
  width:552px;
  height:330px;
  margin:0 auto;
}

#spmovie1 #seigaku h4{ background:url(../img/movie/h4_seigaku.jpg) no-repeat bottom; padding-top:120px; }
#spmovie1 #hyotei h4{ background:url(../img/movie/h4_hyotei.jpg) no-repeat bottom; padding-top:120px;}
#spmovie1 #rokkaku h4{ background:url(../img/movie/h4_rokkaku.jpg) no-repeat bottom; padding-top:120px;}
#spmovie1 #rikkai h4{ background:url(../img/movie/h4_rikkai.jpg) no-repeat bottom; padding-top:120px;}
#spmovie1 #higa h4{ background:url(../img/movie/h4_higa.jpg) no-repeat bottom; padding-top:120px;}

#spmovie1 #seigaku{ background:#004ca9; }
#spmovie1 #hyotei{ background:#02b5ff; }
#spmovie1 #rokkaku{ background:#871600; }
#spmovie1 #rikkai{ background:#d9aa00; }
#spmovie1 #higa{ background:#6a4378; }


/* ------------------------------
 #present
------------------------------ */

#present{
  clear:both;
  margin-bottom:30px;
  padding-top:20px;
  padding-left: 10px;
}
#present .left{ width:510px;}
#present .right{ width:350px;}

#present .left h4{
  width:286px;
  height:26px;
  margin-bottom:15px;
  display:block;
  background:url(../img/movie/present_h4.gif) no-repeat;
}
#present .right p a{
  width:349px;
  height:116px;
  display:block;
  background:url(../img/movie/bnr_tenimo.gif) no-repeat;
}
#present .right p a span{
  display: none;
}
#present .right p a span{
  display: none;
}

/* ------------------------------
 .spmovie
------------------------------ */
.spmovie{ clear:both;}
.spmovie span{ display:none; }

.spmovie .left{ width:610px;}
.spmovie .right{ width:260px;}

/* left */
.spmovie .left{
  width:249px;
  padding-left:50px;
  position:relative;
}
.spmovie .left p{
  color:#fff;
}
.spmovie .left p.new{
  background:url(../img/movie/new.gif) no-repeat;
  width:31px;
  height:11px;
  display:block;
  position:absolute;
  top:120px;
  left:52;
  z-index:500;
}
.spmovie .left h4{
  width:131px;
  height:92px;
  margin-top:15px;
  background:url(../img/movie/h4_hyotei.jpg) no-repeat;
  display:block;
}

/* right */
.spmovie .right{
  width:590px;
  padding:40px 45px;
  background:#0d2d47;
  min-height:30px;
}
.spmovie .right p.soon{
  width:141px;
  height:22px;
  margin:10px auto;
  display:block;
  background:url(../img/movie/movie_soon.jpg) no-repeat;  
}
.spmovie p.pink{
  clear:both;
  font-size: 110%;
  color:#ffc1c1;
  margin-bottom:36px;
  text-align:center;
}

/* ------------------------------
 #movie
------------------------------ */

#movie{ clear:both; }
#movie h3{
  width:379px;
  height:45px;
  background:url(../img/movie/movie_h3.png) no-repeat;
  display:block;
	margin-bottom:30px;
}
#movie h3 span,#movie h4 span{ display:none;}

#movie .left{ width:610px;}
#movie .right{ width:260px;}

#movie .content ul{
  height:146px;
	text-align:center;
}
#movie .content ul li{
  width:217px;
	height:146px;
	float:left;
	display:block;
	margin-right:8px;
}
#movie h4{
  width:310px;
  height:25px;
	margin-bottom:30px;
  background:url(../img/movie/movie_h4.gif) no-repeat;
}
#movie h5{
  color:#ff4c7a;
	font-size:115%;
	margin-bottom:16px;
}
.video{
  margin-bottom:10px;
  width:552px;
  height:330px;
  margin:0 auto;
}