@charset "UTF-8";
/* 
	劇場トップページ用スタイルシート

	01, Utilities
	02, BODY
	03, CONTAINER
	04, theater_main
	05, .important_notice
	06, .recommend_banners
	07, .theater_notice
	08, .theater_schedule
	09, メインコンテンツ & セカンダリーコンテンツ
	10, .mod_box
	11, .theater_info_section
	12, .theater_banner_section
	13, #disp
	14, .theater_theatus_section
	15, ランキング
	16, .theater_banner_section
	17, .theater_guid_area

*/

/* =================================
	Utilities
================================= */
html{
	font-size:100% !important;
}
body{
	font-size:75% !important;
}

dl,dt,dd{
	margin:0;
	padding:0;
}

.hlp_ir{
	text-indent:-99999px;
}
.mql_pc_hide{
	display:none;
}

/* =================================
	BODY
================================= */
body{
	background:none;
}
/* =================================
	CONTAINER
================================= */
#CONTAINER{
	background:none;
	line-height:1.42;
}
#CONTAINER h2{
	margin-top:0;
}
/* =================================
	CONTENTS
================================= */
#CONTENTS{
	width:960px;
	padding:0;
	background:none;
}

#SECOND-CONTAINER{
	width:960px;
	background:none;
}

/* =================================
	theater_main
================================= */
.theater_main{
	background:url(/cms_images/images/top/index_bg_08.png) 0 0 repeat-x;
}
.theater_main_inner{
	width:960px;
	margin:0 auto;
}

/* =================================
	重要なお知らせ
	.important_notice
================================= */
.important_notice{
	width:924px;
	margin:0 auto 16px;
	padding:8px 10px;
	border:3px solid #ff0000;
	letter-spacing:-.3em;
	background:#ffe3f2;
}
.important_notice dl{
	display:table;
	width:100%;
}
.important_notice dt{
	width:100%;
	margin-bottom:3px;
	color:#ff0000;
	font-weight:bold;
	letter-spacing:normal;
}
.important_notice dt span{
}
.important_notice dd{
	letter-spacing:normal;
	color:#153081;
}
.important_notice dd.link{
	text-align:right;
}
.important_notice dd.link a{
	padding-left:15px;
	background:url(/common/images/contents_notice_blt_01.gif) 0 0.1em no-repeat;
}


/* =================================
	ページ上部のバナー3つ
	.recommend_banners
================================= */
.recommend_banners{
	width:667px;
	margin:0;
	padding:0 0 0 5px;
	float:left;
	background:url(/cms_images/images/top/index_bg_02.png) 0 0 no-repeat;
}
.recommend_banners li{
	width:190px;
	margin:0 1px 0 0;
	padding:18px 15px;
	float:left;
	list-style:none;
}
.recommend_banners img{
	display:block;
	border:1px solid #ccc;
}
.recommend_banners span{
	display:block;
	margin-top:8px;
	padding:0 0 0 18px;
	background:url(/cms_images/images/blt_arrow_01.png) 0 0.2em no-repeat;
}


/* =================================
	劇場からのお知らせ
	.theater_notice
================================= */
.theater_notice{
	width:286px;
	float:right;
	background:url(/cms_images/images/top/index_bg_01.png) 0 49px no-repeat;
}
.theater_notice .hdr{
	width:286px;
	height:49px;
	background:url(/cms_images/images/top/index_heading_01.png) 0 0 no-repeat;
}
.theater_notice .notice_contents{
	width:233px;
	height:130px;
	padding-bottom:14px;
	padding-left:30px;
	padding-right:14px;
	overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
}
.theater_notice .notice_contents dt{
	padding:14px 0 7px 0;
	color:#b60081;
	font-weight:bold;
	border-bottom:2px solid #b60081;
}
.theater_notice .notice_contents dd{
	margin-top:10px;
	word-break:break-all;
	word-wrap: break-word;
}
.theater_notice dd.link{
	margin-top:18px;
	text-align:right;
}
.theater_notice dd.link a{
	padding-left:15px;
	background:url(/cms_images/images/blt_arrow_02.png) 0 0.1em no-repeat;
}


/* =================================
	近日の上映スケジュール
	.theater_schedule
================================= */
.theater_schedule{
	padding-top:4px;
	letter-spacing:-.3em;
	background:url(/cms_images/images/top/index_bg_03.png) 0 0 repeat-x;
}
.theater_schedule_inner{
	width:950px;
	margin:0 auto;
	padding:0 5px;
}
.theater_schedule_inner img{
	vertical-align:bottom;
}
.theater_schedule ul{
	display:table;
	width:560px;
	margin:0;
	padding:0;
	letter-spacing:normal;
	background:#afafaf url(/cms_images/images/top/index_bg_04.png) 0 0 no-repeat;
}
.theater_schedule dt,
.theater_schedule dd{
	float:left;
}
.theater_schedule dd.schedule_outlook a{
	width:151px;
	height:71px;
	float:right;
	background:url(/cms_images/images/top/index_btn_01.png) 0 0 no-repeat;
}
.theater_schedule dd.schedule_outlook a:hover{
	background-position:0 -71px;
}
.theater_schedule dd.schedule_outlook a
.theater_schedule dd.schedule_outlook a:hover img{
	display:none;
}
.theater_schedule li{
	margin:0;
	padding:0;
	list-style:none;
	width:80px;
	float:left;
}
.theater_schedule li a{
	padding:0;
	display:table-cell;
	vertical-align:middle;
	width:80px;
	height:71px;
	font-size:1.167em;
	font-weight:bold;
	line-height:1.42;
	text-align:center;
	text-decoration:none;
	color:#666666;
	background:#ebebeb url(/cms_images/images/top/index_bg_05.png) 0 0 no-repeat;
}
.theater_schedule li.sat a{
	color:#0072ff;
	background-image:url(/cms_images/images/top/index_bg_06.png);
}
.theater_schedule li.sun a{
	color:#ff2a00;
	background-image:url(/cms_images/images/top/index_bg_07.png);
}
.theater_schedule li a:visited{
	text-decoration:none;
}
.theater_schedule li a:hover{
	color:#666;
	background-color:#fdde9e ;
	background-position:-80px 0;
}
.theater_schedule li.sat a:hover{
	color:#0072ff;
}
.theater_schedule li.sun a:hover{
	color:#ff2a00;
}
/* IE6&7 */
.no-display-table .theater_schedule li a{
	width:55px;
	height:auto;
	padding:18px 12px 13px 13px;
	display:inline;
	zoom:1;
	vertical-align:middle;
}


/* =================================
	メインコンテンツ &
	セカンダリーコンテンツ
================================= */
#CONTENTS .main{
	width:638px;
	margin-right:0;
}

#CONTENTS .side{
	width:316px;
	float:right;
}

/* =================================
	ボックスモジュール
	.mod_box
================================= */
.mod_box{
	width:638px;
	padding-bottom:5px;
	background:url(/cms_images/images/top/index_box_bg_01.png) left bottom no-repeat;
}
.mod_box_inner{
	padding:0 6px;
	background:url(/cms_images/images/top/index_box_bg_02.png) left top repeat-y;
}

.mod_box02{
	width:315px;
	padding-bottom:5px;
	background:url(/cms_images/images/top/index_box_bg_03.png) left bottom no-repeat;
}
.mod_box02_inner{
	padding:0 6px;
	background:url(/cms_images/images/top/index_box_bg_04.png) left top repeat-y;
}

.mod_box03{
	width:960px;
	padding-bottom:5px;
	background:url(/cms_images/images/top/index_box_bg_05.png) left bottom no-repeat;
}
.mod_box03_inner{
	padding:5px 0 0;
	background:url(/cms_images/images/top/index_box_bg_07.png) left top no-repeat;
}
.mod_box03_inner>ul{
	padding:0 6px;
	background:url(/cms_images/images/top/index_box_bg_06.png) left top repeat-y;
}

/* =================================
	劇場からのお知らせ
	.theater_info_section
================================= */
.theater_info_section{
	width:638px;
	margin-top:25px;
	float:left;
}
.theater_info_section .mod_box_inner{
	width:598px;
	padding:11px 20px;
}
.theater_info_section .heading{
	width:638px;
	height:44px;
	background:url(/cms_images/images/top/index_heading_03.png) 0 0 no-repeat;
}
/* .theater_news01 */
.theater_news01{
	margin:0;
	padding:0;
}
.theater_news01 li{
	margin:0 0 15px;
	padding:16px 0 0;
	list-style:none;
	background:url(/cms_images/images/top/index_line_01.gif) 0 0 repeat-x;
}
.theater_news01 li:first-child{
	padding:0;
	background:none;
}
.theater_news01 .thumbnail .pic_box {
	border:1px solid #817d7e;
    float: left;
    height: 67px;
	*height:68px;
    width: 100px;
	border-collapse:collapse;
	border-spacing:0;
}
.theater_news01 .thumbnail .pic_box td {
	padding:0;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.theater_news01 .thumbnail .pic_box td img {
    vertical-align: middle;
}
.theater_news01 dl{
	width:485px;
	padding-left:10px;
	float:left;
}
.theater_news01 dt a{
	display:inline-block;
	padding-left:15px;
	background:url(/cms_images/images/blt_arrow_02.png) 0 0.2em no-repeat;
	*zoom:1;
}
.theater_news01 dd{
	margin-top:10px;
}

.theater_info_section .theater_news02{
	letter-spacing:-.3em;
	margin:0;
	padding:0;
}
.theater_info_section .theater_news02 li{
	margin:0;
	padding:10px 0;
	display:block;
	list-style:none;
	padding-top:11px;
	background:url(/cms_images/images/top/index_line_01.gif) 0 0 repeat-x;
}
.theater_info_section .theater_news02 .label,
.theater_info_section .theater_news02 .txt{
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}
.no-display-table .theater_info_section .theater_news02 .label,
.no-display-table .theater_info_section .theater_news02 .txt{
	display:inline;
	zoom:1;
}
.theater_info_section .theater_news02 .label{
	width:70px;
	text-align:center;
}
.theater_info_section .theater_news02 .txt{
	width:520px;
}
.theater_info_section .theater_news02 a{
	display:inline-block;
	padding-left:15px;
	background:url(/cms_images/images/blt_arrow_02.png) 0 0.2em no-repeat;
	*zoom:1;
}
.adsense_unit_list_area{
	margin:0 0 15px !important;
	border-top:2px solid #cccccc;
	background:none !important;
}
#adsense_unit_list li{
	padding-bottom:10px;
}


/* =================================
	キャンペーン・おすすめ情報
	.theater_banner_section
================================= */
.theater_banner_section{
	width:315px;
	margin-top:25px;
	float:right;
}
.theater_banner_section .heading01{
	width:315px;
	height:44px;
	background:url(/cms_images/images/top/index_heading_04.png) 0 0 no-repeat;
}
.theater_banner_section .bnr{
	width:280px;
	margin:0 auto 10px;
}
.theater_banner_section .bnr:first-child{
	padding-top:6px;
}
.theater_banner_section .outlook{
	width:286px;
	margin:0 auto;
	padding:10px 0;
	border-top:1px solid #ccc;
}
.theater_banner_section .outlook li{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
.theater_banner_section .outlook a{
	width:169px;
	height:13px;
	display:block;
	background:url(/cms_images/images/top/index_txt_01.png) 0 0 no-repeat;
}

/* =================================
	正方形バナー
	#disp
================================= */
#disp{
	width:300px;
	height: 250px;
	margin-top:8px !important;
	padding:8px;
	float:right;
	background:url(/cms_images/images/top/index_bg_10.png) 0 0 no-repeat;
	_float:none;
}
.disp{
	width:300px;
	height: 250px;
	margin-top:8px !important;
	padding:8px;
	float:right;
	background:url(/cms_images/images/top/index_bg_10.png) 0 0 no-repeat;
	_float:none;
}


/* =================================
	
	.theater_theatus_section
================================= */
.theater_theatus_section{
	margin-top:10px;
	float:left;
}
.theater_theatus_section ul,
.theater_theatus_section li{
	margin:0;
	padding:0;
	list-style:none;
}
.theater_theatus_section .heading01{
	clear:left;
	position:relative;
	width:638px;
	height:44px;
	background:url(/cms_images/images/top/index_heading_05.png) 0 0 no-repeat;
}
.theater_theatus_section .heading01 span{
	display:block;
}
.theater_theatus_section .heading01 .link{
	display:block;
	position:absolute;
	top:17px;
	right: 12px;
	width:126px;
	height:12px;
}
.theater_theatus_section .lead01{
	width:620px;
	height:70px;
	margin:0 auto;
	background:url(/cms_images/images/top/index_txt_theatus_01.png) 0 0 no-repeat;
}
.theater_theatus_section ul{
	margin-top:-10px;
	margin-left:18px;
	padding-bottom:18px;
	letter-spacing:-.3em;
}
.theater_theatus_section li{
	display:inline-block;
	width:270px;
	margin-top:10px;
	margin-right:10px;
	padding:10px;
	letter-spacing:-.3em;
	vertical-align:top;
}
.no-display-table .theater_theatus_section li{
	display:inline;
	zoom:1;
}
.theater_theatus_section .img,
.theater_theatus_section .txt{
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}
.theater_theatus_section .img{
	width:90px;
	border:1px solid #ccc;
}
.theater_theatus_section .img img{
	vertical-align:bottom;
}
.theater_theatus_section .txt{
	width:145px;
	margin-left:8px;
	padding-left:15px;
	background:url(/common/images/contents_theatus_blt_01.gif) 0 0.1em no-repeat;
}
/* IE6&7 */
.no-display-table .theater_theatus_section .img,
.no-display-table .theater_theatus_section .txt{
	display:inline;
	zoom:1;
}


/* =================================
	ランキング
	>>Ranking
================================= */
.theater_ranking_section{
	margin:10px auto;
	float:left;
}
.ranking_gekijyo .heading01{
	position:relative;
	width:638px;
	height:44px;
	background:url(/cms_images/images/top/index_heading_06.png) 0 0 no-repeat;
}
.ranking_gekijyo .heading01 .link{
	display:block;
	position:absolute;
	top:17px;
	left:419px;
	width:203px;
	height:12px;
	background:url(/cms_images/images/top/index_txt_ranking_01.png) 0 0 no-repeat;
}
.ranking_gekijyo ol{
	margin:0;
	padding:4px 0 7px;
}
.ranking_gekijyo li{
	width:100px;
	margin:0 0 0 24px;
	padding:0;
	float:left;
	list-style:none;
}
.ranking_gekijyo li img{
	width:100px;
	margin-left:7px;
	padding:1px;
	border:solid 1px #000000;
	}
.ranking_gekijyo .rank01{
	margin-left:8px;
	padding-top:42px;
	background:url(/cms_images/images/top/index_ranking_ico_01.png) 0 0 no-repeat;
	background-size:38px 34px;
}
.ranking_gekijyo .rank02{
	padding-top:42px;
	background:url(/cms_images/images/top/index_ranking_ico_02.png) 0 0 no-repeat;
}
.ranking_gekijyo .rank03{
	padding-top:42px;
	background:url(/cms_images/images/top/index_ranking_ico_03.png) 0 0 no-repeat;
}
.ranking_gekijyo .rank04{
	padding-top:42px;
	background:url(/cms_images/images/top/index_ranking_ico_04.png) 0 0 no-repeat;
}
.ranking_gekijyo .rank05{
	padding-top:42px;
	background:url(/cms_images/images/top/index_ranking_ico_05.png) 0 0 no-repeat;
}
.ranking_gekijyo li .title{
	width:80px;
	height:auto;
	min-height:34px;
	margin-top:4px;
	margin-left:6px;
	padding-left:20px;
	word-wrap:break-word;
	word-break:break-all;
}
.ranking_gekijyo li.new .title{
	background:url(/cms_images/images/top/index_ranking_ico_new.gif) 0 0 no-repeat;
}
.ranking_gekijyo li.stay .title{
	background:url(/cms_images/images/top/index_ranking_ico_stay.gif) 0 0 no-repeat;
}
.ranking_gekijyo li.down .title{
	background:url(/cms_images/images/top/index_ranking_ico_down.gif) 0 0 no-repeat;
}
.ranking_gekijyo li.up .title{
	background:url(/cms_images/images/top/index_ranking_ico_up.gif) 0 0 no-repeat;
}

/* ランキングBGカラー修正 2016/06 */
.ranking_gekijyo ol {
	display: table;
	padding: 0 0 3px;
}
.ranking_gekijyo li {
	display: table-cell;
	width: 120px;
	padding: 4px 2px;
	float:none;
	border-right:2px solid #fff;
}
.ranking_gekijyo .rank01 {
	width: 118px;
	margin-left: 3px;
	background-position:3px 3px;
	background-color: #ecead1;
	border-left:3px solid #fff;
}
.ranking_gekijyo .rank02 {
	background-position:3px 3px;
	background-color: #e1e8ed;
}
.ranking_gekijyo .rank03 {
	background-position:3px 3px;
	background-color: #efe2de;
}
.ranking_gekijyo .rank04,
.ranking_gekijyo .rank05 {
	background-position:3px 3px;
	width: 117px;
	background-color: #efefef;
}



/* =================================
	下部のバナーエリア
	.theater_banner_section
================================= */
.theater_bottom_banner_section{
	clear:both;
	width:960px;
	margin:0 auto;
}
.theater_bottom_banner_section ul{
	margin:0;
	padding:0 6px 10px 0;
	letter-spacing:-.3em;
}
.theater_bottom_banner_section li{
	display:inline-block;
	width:285px;
	margin:10px 0 0 25px;
	padding:0;
	list-style:none;
}
.no-display-table .theater_bottom_banner_section li{
	display:inline;
	zoom:1;
}
.theater_bottom_banner_section li:first-child{
/* 	margin-left:21px; */
}
.theater_bottom_banner_section img{
	vertical-align:bottom;
}


/* =================================
	ご案内
	.theater_guid_area
================================= */
.theater_guid_area{
	margin-top:25px;
	padding:20px 0 40px;
	background:#ebebeb;
}
.theater_guid_area_inner{
	width:950px;
	margin:0 auto;
	padding:0 5px;
}
.theater_guid_area .heading01{
	width:60px;
	height:20px;
	margin-bottom:15px;
	background:url(/cms_images/images/top/index_heading_09.png) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;
}
.theater_guid_section{
	padding-bottom:1px;
	background:url(/cms_images/images/top/index_box_bg_08.gif) 0 bottom no-repeat;
}
/*20130430追加*/
.theater_guid_section2{
	padding-bottom:1px;
	background:url(/cms_images/images/top/index_box_bg_08_02.gif) 0 bottom no-repeat;
}
/*20130430追加ここまで*/
.theater_guid_section_inner{
	background:url(/cms_images/images/top/index_box_bg_09.gif) 0 0 repeat-y;
}
/*20130430追加*/
.theater_guid_section_inner2{
	background:url(/cms_images/images/top/index_box_bg_09_02.gif) 0 0 repeat-y;
}
/*20130430追加ここまで*/
.theater_guid_block01{
	width:610px;
	padding:9px;
	float:left;
	border-top:1px solid #e0ded1;
}
.theater_guid_block01 .info{
	width:315px;
	margin:0;
	padding:0 0 0 8px;
	float:left;
}
.theater_guid_block01 .info li{
	margin:8px 0 0;
	padding:0;
	list-style:none;
}
.theater_guid_block01 .info .tel{
	color:#b60081;
	font-weight:bold;
}
.theater_guid_block01 .info .access{
	display:block;
	margin-top:8px;
}
.theater_guid_block01 .info .access a{
	display:inline-block;
	padding-left:15px;
	background: url(/cms_images/images/blt_arrow_02.png) 0 0.1em no-repeat;
}
.theater_guid_block01 .adbox{
	width:236px;
	padding:10px;
	float:right;
	border:5px solid #f4f3eb;
}
.theater_guid_block01 .photo{
	letter-spacing:-.3em;
}
.theater_guid_block01 .photo div{
	width:100px;
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
}
.theater_guid_block01 .photo p{
	width:125px;
	padding-left:9px;
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
}
.theater_guid_block01 .photo p a{
	display:inline-block;
	padding-left:15px;
	background: url(/cms_images/images/blt_arrow_02.png) 0 0.1em no-repeat;
}
.theater_guid_block01 .link{
	margin-top:10px;
}

.theater_guid_block02{
	width:286px;
	padding:10px;
	float:right;
	border-top:1px solid #e0ded1;
}
.theater_guid_block02 dt{
	margin-bottom:10px;
}
.theater_guid_block02 dd{
	width:120px;
	padding-top:5px;
	padding-left:9px;
	display:inline-block;
	vertical-align:top;
}
.theater_guid_block02 dd.text{
	width:150px;
	padding-left:0;
}

/* IE6&7 */
.no-display-table .theater_guid_block01 .info .access a,
.no-display-table .theater_guid_block01 .photo div,
.no-display-table .theater_guid_block01 .photo p,
.no-display-table .theater_guid_block01 .photo p a,
.no-display-table .theater_guid_block02 dd,
.no-display-table .theater_guid_block02 a{
	display:inline;
	zoom:1;
}


/* =================================
	コンテンツ下部の広告
	.theater_pr_01
================================= */
.theater_pr_01{
	width:728px;
	margin:30px auto 0;
}

/* =================================
	コンテンツ下部の広告
	.theater_pr_02
================================= */
.theater_pr_02{
	width:960px;
	margin:40px auto 0;
	text-align:center;
}

/* =================================
	アドセンス
	.adsense_unit_list_area
================================= */
.adsense_unit_list_area {
	margin: 10px 0 20px;
	padding: 10px 0 0;
	background: url(/cms_images/dotline_x.gif) repeat-x 0 0;
}

/* =================================
	Flash
	#flash_top
================================= */
#flash_top{
	width:950px;
	margin:0 auto 28px;
}

/* =================================
	アドセンス
	.bnrAreaIndex
================================= */
/* 背景画像あり */
/*
.bnrAreaIndex{
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:8px 0 9px 58px;
	background: url(/cms_images/images/top/bg_bnarea.gif) no-repeat 8px 2px;
	min-height: 90px;
	height: auto !important;
	height: 90px;
}
*/
.bnrAreaIndex{
	padding:30px 0 0 0;
	text-align:center;
}





/* =================================
	949バナー
================================= */
.bannerImp{
width:949px;
margin:0px auto 10px;

}