@charset "Shift_JIS";

/* Style for Movies, 2009/03/18 */

div#indexHead {
  background: url(/english/corporate/movie/images/top_head_bg.jpg);
  height:69px;
  width:720px;
  margin-bottom:20px;
}

div#pageHead {
  background:url(/english/corporate/movie/images/title_movie_02_bg.jpg) right;
  height:133px;
}

div#indexHead div.lead, div#pageHead div.lead {
  width:470px;
  float:left;
}

div#indexHead div.lead p { margin-left:48px; }

div#indexHead div.TGLbtn, div#pageHead div.TGLbtn {
  float:left;
  width:205px;
}

div#pageHead div.TGLbtn p {
  margin-right:45px;
  margin-top:60px;
}

div#indexHead div.TGLbtn p {
  margin-right:45px;
  margin-top:13px;
}


div.movieThumbs {
  width:283px;
}

div#movieThumbsArea {
width:616px;
/*background:url(/english/corporate/movie/images/list_bg_2cols.gif);*/
margin:auto;
}

div#movieThumbsArea div.left {
   float:left;
   background:url(/english/corporate/movie/images/index_block.gif);
 }

div#movieThumbsArea div.right {
  float:right;
     background:url(/english/corporate/movie/images/index_block.gif);
}

div.movieThumbs p.photo {
  margin-left:2px;
  margin-bottom:0px;
}

div.movieThumbs p.photo a img { float:left; }

div.movieThumbs p.photo a.movieLink {
  display:block;
  float:left;
  margin-top:40px;
  width:110px;
  text-decoration:none;
  font-size:12px;
}

div.movieThumbs p.detail {
  margin:10px;
  margin-top:0px;
  border-top: 1px solid #6699FF;
  padding-top:10px;
  padding-bottom:0px;
}

div.movieThumbsEnd {
 background:url(/english/corporate/movie/images/list_bg_2cols_end.gif);
 height:20px;
 clear:both;
 margin-bottom:15px;
}

div.movieThumbsEnd_1col {
 background:url(/english/corporate/movie/images/list_bg_1cols_end.gif) no-repeat;
 height:20px;
 clear:both;
 margin-bottom:15px;
}

div.movieThumbsEndHalf {
 background:url(/english/corporate/movie/images/list_bg_2cols_end_left.gif);
 height:20px;
 clear:both;
}

/*----start up page------*/

div.movieThumbsLong {
  background:url(/english/corporate/movie/images/index_block_long.gif) bottom;
  width:570px;
  padding-bottom:10px;
}

div.movieThumbsLong p.photo {
  margin-left:5px;
  margin-top:10px;
  float:left;
  width:280px;
}

div.movieThumbsLong p.photo a img { float:left; }

div.movieThumbsLong p.photo a.movieLink {
  display:block;
  float:left;
  margin-top:5px;
  text-decoration:none;
  font-size:12px;
}

div.movieThumbsLong p.detail {
  margin-top:12px;
  float:left;
  width:260px;
  padding-left:10px;
}

/*---end---*/

div.linkBanners {
  background:url(/english/corporate/movie/images/bg_dot.gif);
  padding-top:15px;
  margin-top:60px;
  margin-bottom:10px;
  text-align:center;
}

div#movieBody {
  margin-top:30px;
  background:url(/english/corporate/movie/images/list_bg.gif);
  margin-bottom:20px;
}

div.moviePlayer {
  width:480px;
  padding-right:34px;
  float:left;
}

div.moviePlayer p.detail {
  width:480px;
  margin-top:20px;
}

div#movieList {
  width:110px;
  float:left;
  height:100%;
}

div#movieList ul {
  list-style:none;
  margin-left:10px;
}

div#movieList ul li { margin-bottom:10px; }

div#movieList ul li a, div#movieList ul li span.current {
  background:url(/english/corporate/movie/images/m_arrow.gif) no-repeat;
  display:block;
  padding-left:20px;
  padding-top:3px;
  padding-bottom:3px;
  text-decoration:none;
  line-height:1.2;
}

div#movieList ul li span.current {
  background:url(/english/corporate/movie/images/m_arrow_ov.gif) no-repeat;
  color:#666666;
}

div#movieList ul li a:hover { background:url(/english/corporate/movie/images/m_arrow_ov.gif) no-repeat; }

div#movieList ul li a img, div#movieList ul li span.current img {
  margin-top:5px;
  margin-left:-5px;
}

/* -- clear float for Blocks-- */ 
.allclear {
  min-height:0;
  display: inline-table;
}

.allclear:after {
  content:".";
  display:block;
  height:0;
  clear: both;
  visibility:hidden;
}

/* \*/ 
* html .allclear { height:0; }

.allclear { display: block; }
/* */ 
/* -- end clear float -- */