@charset "UTF-8";

/* 
CSS Document
Copyright (C) GLOBAL ASSET MOTIONS CO., LTD All Rights Reserved.
URL:www.glam.ne.jp
*/

/* ------------------------------------------------------------
   OVERALL_SECOND ---->  ROOT CONTENTS CSS
  ------------------------------------------------------------ */


@import url("common.css");
@import url("contents_right.css");



/* --------------------------------------------------
  GENERAL
-------------------------------------------------- */

.com{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	line-height:1.8em;
}

.com span{
	font-weight:bold;
}



/* --------------------------------------------------
  PAGE TITLE
-------------------------------------------------- */


.title_box{
	margin:50px 0px 0px 0px;
	padding:0px;
    width:1000px;
	height:70px;
	color:#FFF;
	overflow: hidden;
}

h2{
	float:left;
	margin:0px 0px 0px 15px;
	padding:22px 0px 0px 38px;
	width:1000px;
	font-size:20px;
	font-weight:bold;
	overflow: hidden;
}


h2 span{
	margin:0px;
	padding:0px 0px 0px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	overflow: hidden;
}

.title_box.color01{
	background-color:#16AC8F;
}

h2.icon01{
	background:url(../common/title_icon01.png) no-repeat;
}



/* --------------------------------------------------
  CONTENTS
-------------------------------------------------- */

#contents_left {
	float:left;
    margin:50px 0px 0px 0px;
	padding:0px;
    width:700px;
	background-color:#FFFFFF;
	overflow:hidden;
}

#contents_right {
	float:right;
    margin:50px 0px 0px 0px;
	padding:0px;
    width:270px;
	overflow:hidden;
}



/* ------------------------------------------------------------
  CINTENTS LEFT
------------------------------------------------------------ */


/* --------------------------------------------------
  NOW SHOWING & COMMING SOON
-------------------------------------------------- */

/*** MOVIES LIST ***/

.movie_list {
    padding:0px 0px 30px 30px;
    width:640px;
	overflow:hidden;
}


.movie_list ul {
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	list-style: none;
}

.movie_list li{
	float:left;
    margin:30px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:640px;
}

.movie_list li .photo {
	float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:200px;
	height:133px;
	position: relative;
	/*** background:url(../movies/movie_image/movie_img_back.png) no-repeat; ***/
}

.movie_list li .photo img{
    position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width:100%;
    height:auto;
}


.movie_list li .detail_box {
	float:right;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:420px;
}

.movie_list li .detail_box .title_box {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:420px;
	height:38px;
}

.movie_list li .detail_box .title_box .title {
	text-align:left;
	line-height:1.5em;
	color:#555;
	font-weight:bold;
}

.movie_list li .detail_box .annotation_box {
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:420px;
	overflow:hidden;
}

.movie_list li .detail_box .annotation_box .date_end {
	float:left;
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 0px;
	font-weight:bold;
	color:#E74C3C;
}

.movie_list li .detail_box .annotation_box .date_cs {
	float:left;
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 0px;
	font-weight:bold;
	color:#2980B9;
}

.movie_list li .detail_box .annotation_box .annotation {
	float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	color:#333;
}

.movie_list li .detail_box .facility {
	float:left;
    margin:15px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:420px;
	overflow:hidden;
}

.movie_list li .detail_box .facility ul{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.movie_list li .detail_box .facility ul li{
    margin:0px 5px 0px 0px;
    padding:3px 0px 0px 0px;
	width:60px;
	height:16px;
    display:inline;
	font-size:10px;
	text-align:center;
	background-color:#E74C3C;
	color:#FFFFFF;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .movie_list li .facility ul li { padding:2px 0px 0px 0px; } /* IE11 */
}

.movie_list li .detail_box .line{
	clear:both;
    margin:0px 0px 0px 0px;
    padding:5px 0px 0px 0px;
	width:420px;
    border-bottom:1px solid #ccc;

}

.movie_list li .detail_box .rule {
	float:left;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:350px;
	overflow:hidden;
}

.movie_list li .detail_box .rule ul{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.movie_list li .detail_box .rule ul li{
    margin:0px 5px 0px 0px;
    padding:3px 0px 0px 0px;
	width:60px;
	height:16px;
    display:inline;
	font-size:10px;
	text-align:center;
	background-color:#4B77BE;
	color:#FFFFFF;
}

.movie_list li .detail_box .next {
	float:right;
    margin:6px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:50px;
	font-size:12px;
	text-align:right;
	overflow:hidden;
}


.movie_list .line{
	clear:both;
    padding:30px 0px 0px 30px;
    width:640px;
    border-bottom:1px dotted #333;
}

/*** END ***/

