@charset "UTF-8";

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



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



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

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


/* --------------------------------------------------
  MAIN VISUAL
-------------------------------------------------- */

#main_visual_box_area{
	margin:0px;
    padding:0px;
    width:100%;
	height:387px;
	background:url(../home/main_visual_back.png);
}

#main_visual_box {
	position:relative;
    margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
    width:1200px;
	height:400px;
	top:-13px;
}

#main_visual_box .cover{
	position:relative;
	padding:0px 0px 0px 0px;
    width:1200px;
	height:400px;
	top:-400px;
}


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

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

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



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



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

.movie_box {
	padding:0px 0px 0px 0px;
    width:700px;
	background-color:#FFF;
	overflow: hidden;
}

.movie_box .title_box01{
	margin:0px;
	padding:0px;
    width:700px;
	height:40px;
	background-color:#16AC8F;
	color:#FFF;
	overflow: hidden;
}

.movie_box h2{
	float:left;
	margin:9px 0px 0px 15px;
	padding:0px 0px 0px 30px;
    width:500px;
	font-size:16px;
	font-weight:bold;
	background:url(../home/ct_icon01.png) no-repeat;
	overflow: hidden;
}

.movie_box h2 span{
	margin:0px;
	padding:0px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	overflow: hidden;
}


.movie_box .title_box02{
	margin:0px;
	padding:0px;
    width:700px;
	height:40px;
	background-color:#2980B9;
	color:#FFF;
	overflow: hidden;
}

.movie_box h3{
	float:left;
	margin:9px 0px 0px 15px;
	padding:0px 0px 0px 30px;
    width:500px;
	font-size:16px;
	font-weight:bold;
	background:url(../home/ct_icon02.png) no-repeat;
	overflow: hidden;
}

.movie_box h3 span{
	margin:0px;
	padding:0px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	overflow: hidden;
}


/*** MOVIES LIST ***/

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


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

.movie_list li{
	float:left;
    margin:0px 25px 15px 0px;
    padding:0px 0px 0px 0px;
	width:200px;
	height:240px;
}

.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 .facility {
	float:left;
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:200px;
}

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

.movie_list li .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 .title {
	clear:both;
	float:left;
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:200px;
	line-height:1.5em;
}

.movie_list li .date {
	float:left;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	width:200px;
	font-weight:bold;
	color:#2980B9;
}



/* --------------------------------------------------
  INFORMATION
-------------------------------------------------- */

.info_box {
	padding:0px 0px 30px 0px;
    width:700px;
	background-color:#FFF;
	overflow: hidden;
}

.info_box .title_box03{
	margin:0px;
	padding:0px;
    width:700px;
	height:40px;
	background-color:#9269B6;
	color:#FFF;
	overflow: hidden;
}

.info_box h4{
	float:left;
	margin:9px 0px 0px 15px;
	padding:0px 0px 0px 30px;
    width:500px;
	font-size:16px;
	font-weight:bold;
	background:url(../home/ct_icon03.png) no-repeat;
	overflow: hidden;
}

.info_box h4 span{
	margin:0px;
	padding:0px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	overflow: hidden;
}


/*** INFO LIST ***/

.info_list {
    padding:0px 0px 0px 0px;
    width:700px;
	overflow:hidden;
}

.info_list ul {
    margin:30px 25px 0px 25px;
    padding:0px 0px 0px 0px;
	list-style: none;
}

.info_list li{
    margin:20px 0px 0px 0px;
    padding:0px 0px 15px 0px;
    border-bottom:#CCC 1px dotted;
}

.info_list li .category {
	float:left;
    margin:0px 10px 10px 0px;
    padding:2px 0px 2px 0px;
	width:70px;
	height:16px;
    display:inline;
	font-size:11px;
	text-align:center;
	color:#fff;
}

.info_list li .date {
	float:left;
    margin:0px 5px 0px 0px;
    padding:1px 0px 0px 0px;
	width:90px;
	font-weight:bold;
}

.info_list li p {
	clear:both;
    margin:0px 0px 0px 0px;
	line-height:1.5em;
	font-weight:normal;
}



/* -----------------------------------------------------
  NOW SHOWING & COMMING SOON & INFORMATION  LIST JUMP
-------------------------------------------------------- */

/*** h2 title_box right ***/

.list_b{
	float:right;
	margin:0px;
	padding:1px 15px 0px 18px;
	height:40px;
	line-height:40px;
	background:url(../home/list_b_icon.png) no-repeat;
	overflow: hidden;
}

.title_box01 a:link,
.title_box02 a:link,
.title_box03 a:link {
    text-decoration:none;
    color:#FFF;
}

.title_box01 a:visited,
.title_box02 a:visited,
.title_box03 a:visited {
    text-decoration:none;
    color:#FFF;
}

.title_box01 a:hover,
.title_box02 a:hover,
.title_box03 a:hover {
    text-decoration:none;
    color:#EEE;
}

.title_box01 a:active,
.title_box02 a:active,
.title_box03 a:active {
    text-decoration:none;
    color:#FFF;
}


/* --------------------------------------------------
  BLOG
-------------------------------------------------- */

.blog_box {
	padding:0px 0px 30px 0px;
    width:700px;
	background-color:#FFF;
	overflow: hidden;
}

.blog_box .title_box04{
	margin:0px;
	padding:0px;
    width:700px;
	height:40px;
	background-color:#E67E22;
	color:#FFF;
	overflow: hidden;
}

.blog_box h5{
	float:left;
	margin:9px 0px 0px 15px;
	padding:0px 0px 0px 30px;
    width:500px;
	font-size:16px;
	font-weight:bold;
	background:url(../home/ct_icon04.png) no-repeat;
	overflow: hidden;
}

.blog_box h5 span{
	margin:0px;
	padding:0px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	overflow: hidden;
}


/*** INFO LIST ***/

.blog_list {
    padding:0px 0px 0px 0px;
    width:700px;
	overflow:hidden;
}

.blog_list ul {
    margin:30px 25px 0px 25px;
    padding:0px 0px 0px 0px;
	list-style: none;
}

.blog_list li{
    margin:20px 0px 0px 0px;
    padding:0px 0px 15px 0px;
    border-bottom:#CCC 1px dotted;
}

.blog_list li .category {
	float:left;
    margin:0px 10px 10px 0px;
    padding:2px 0px 2px 0px;
	width:70px;
	height:16px;
    display:inline;
	font-size:11px;
	text-align:center;
	background-color:#E74C3C;
	color:#FFFFFF;
}

.blog_list li .date {
	float:left;
    margin:0px 5px 0px 0px;
    padding:1px 0px 0px 0px;
	width:90px;
	font-weight:bold;
}

.blog_list li p {
	clear:both;
    margin:0px 0px 0px 0px;
	line-height:1.5em;
	font-weight:normal;
}



/* ------------------------------------------------------------
  CINTENTS RIGHT
------------------------------------------------------------ */




/*** END ***/