@charset "UTF-8";

/* -----------------------------------------------
FileName:side.css
----------------------------------------------- */
/* 共通 */
.clearfix {
	height         :auto !important;
	height         :0px;
	min-height     :0%;  /* for IE 7*/
	/*\*//*/display:inline-table;/**/
}
.clearfix:after {
	content        :".";
	display        :block;
	clear          :both;
	height         :0;
	font-size      :0%;
	line-height    :0%;
	visibility     :hidden;
}

/* サイドメニュー
------------------------------------------------*/
/* h2タイトル */
div.side div h2 {
	height:35px;
	margin-bottom: 8px;
	text-indent:-9999px;
	overflow:hidden;
}
/* ランキング：全国 */
div.side div.ranking h2 { background:transparent url(/common/images/h2_side_ranking.gif) no-repeat; }
/* ランキング：劇場数分 */
div.side div.kohoku h2 { background:transparent url(/common/images/h2_side_ranking_gekijyo_kohoku.gif) no-repeat; }
div.side div.moriya h2 { background:transparent url(/cms_images/images/rank_moriya.gif) no-repeat; }
/* /ランキング：劇場数分 */

div.side div.reco_ser h2 { background:transparent url(/common/images/h2_side_reco_ser.gif) no-repeat; }
div.side div.mobile_club h2 { background:transparent url(../images/h2_side_mobile_club.gif) no-repeat; }
div.side div.webmag h2 { background:transparent url(../images/h2_side_webmag.gif) no-repeat; }
div.side div.ticket h2 { background:transparent url(../images/h2_side_ticket.gif) no-repeat; }
div.side div.goods h2 { background:transparent url(../images/h2_side_goods.gif) no-repeat; }
div.side div.advance h2 { background:transparent url(../images/h2_side_advance.gif) no-repeat; }
div.side div.present h2 { background:transparent url(../images/h2_side_present.gif) no-repeat; }
div.side div.store h2 { background:transparent url(../images/h2_side_store.gif) no-repeat; }
div.side div.news h2 { background:transparent url(../images/h2_side_news.gif) no-repeat; }
div.side div.gift h2 { background:transparent url(../images/h2_side_gift.gif) no-repeat; }
div.side div.gallery h2 { height:99px; background:transparent url(../images/h2_side_gallery.gif) no-repeat; }
div.side div.gallery_gekijyo h2 { height:99px; background:transparent url(/index_rsc/otanoshimiCont/h2_side_gallery_gekijyo.gif) no-repeat; width:309px;}
div.side div.recruit h2 { background:transparent url(../images/h2_side_recruit.gif) no-repeat; }
div.side div.enterprise h2 { background:transparent url(../images/h2_side_enterprise.gif) no-repeat; }
div.side div.mobile h2 { background:transparent url(../images/h2_side_mobile.gif) no-repeat; }
div.side div.none h2 { height:11px; background:transparent url(../images/bg_side_top.gif) no-repeat; }
div.side div.social h2 { height:51px; background:transparent url(../images/h2_side_social.jpg) no-repeat; }

div.side div.facility h2 { background:transparent url(/common/images/h2_side_facility.gif) no-repeat; }

/* More */
div.side div p.more {
	position:absolute;
	top:20px;
	right:12px;
	text-indent:-9999px;
	overflow:hidden;
}
div.side div p.more a {
	width:40px;
	height:13px;
	display:block;
}

/* プライムディスプレイ */
div.side div.prime {
	padding:10px 0 8px;
	background-color:#fff;
}
/* 劇場案内 */
div.side div.theater {
	width:302px;
	background:transparent url(../images/bg_theater.gif) repeat-y;
	zoom: 1;
}
div.side div.theater div.bot {
	padding-bottom:12px;
	background:transparent url(../images/bg_theater_bot.gif) no-repeat 0 100%;
}
div.side div.theater ul {
	margin:0 13px 4px 11px;
	>margin:0 13px 0px 11px;
	padding:5px 5px;
	background-color:#e2fffd;
	border:1px solid #fff;
}



div.side div.theater ul li {
	padding-bottom:5px;
	width:265px;
}
div.side div.theater ul li.end {
	padding-bottom:0;
}
div.side div.theater ul li div.photo {
	float:left;
	margin-right:10px;
	width:100px;
}
div.side div.theater ul li dl.lead {
	float:right;
	width:155px;
}
div.side div.theater ul li dl.lead dt {
	margin-bottom:5px;
}



/* お得で便利なチケットサービス */
div.side div.ticket {
	padding-bottom:15px;
	width:302px;
	background:transparent url(../images/bg_side_bot.gif) no-repeat 0 100%;
	position:relative;
}

/* start Tポイント終了対応 */
div.side div.ticket p.info_warning_blue{
	margin:10px 0 10px 12px;
	padding:0 0 0 36px;
	width:244px;
	min-height:28px;
	height:auto!important;
	height:28px;
	font-weight:bold;
	background:transparent url(../images/icon_warning_blue.gif) top left no-repeat;
	}
div.side div.ticket p.info_warning_blue a.info_warning_link,
div.side div.ticket p.info_warning_blue a.info_warning_link:link,
div.side div.ticket p.info_warning_blue a.info_warning_link:visited,
div.side div.ticket p.info_warning_blue a.info_warning_link:hover{
	color:#c50000!important;
	text-decoration:underline!important;
	}
/* end Tポイント終了対応 */

div.side div.ticket ul {
	margin:2px 0 0 11px;
}
div.side div.ticket ul li {
	float:left;
	margin:3px 3px 0 0;
}
/* WEBマガジン　ワーナー・マイカルMOVIES */
div.side div.webmag {
	padding-bottom:15px;
	width:302px;
	background:transparent url(../images/bg_side_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.side div.webmag ul {
	margin:4px 8px 2px 11px;
}
div.side div.webmag ul li {
	padding-bottom:5px;
	width:283px;
}
div.side div.webmag ul li.end {
	padding-bottom:0;
}
div.side div.webmag ul li div.photo {
	float:left;
	margin-right:10px;
	width:100px;
}
div.side div.webmag ul li dl.lead {
	float:right;
	width:173px;
}
div.side div.webmag ul li dl.lead dt {
	margin-bottom:5px;
}

/* モバイル会員 */
div.side div.mobile_club {
	padding-bottom:15px;
	width:302px;
	background:transparent url(../images/bg_side_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.side div.mobile_club ul {
	margin:4px 8px 2px 11px;
}
div.side div.mobile_club ul li {
	padding-bottom:5px;
	width:283px;
}
div.side div.mobile_club ul li.end {
	padding-bottom:0;
}
div.side div.mobile_club ul li div.photo {
	float:left;
	margin-right:10px;
	width:100px;
}
div.side div.mobile_club ul li dl.lead {
	float:right;
	width:173px;
}
div.side div.mobile_club ul li dl.lead dt {
	margin-bottom:5px;
}

/* 映画をもっと楽しむ！イチ押しのサービス */
div.side div.reco_ser {
	padding-bottom:15px;
	width:302px;
	background:transparent url(/common/images/bg_side_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.side div.reco_ser ul {
	margin:4px 8px 2px 11px;
}
div.side div.reco_ser ul li {
	padding-bottom:5px;
	width:283px;
}
div.side div.reco_ser ul li.end {
	padding-bottom:0;
}

/* 商品PickUp！ */
div.side div.goods {
	padding-bottom:15px;
	width:302px;
	background:transparent url(../images/bg_side_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.side div.goods ul {
	margin:4px 8px 2px 11px;
}
div.side div.goods ul li {
	padding-bottom:5px;
	width:283px;
}
div.side div.goods ul li.end {
	padding-bottom:0;
}
div.side div.goods ul li div.photo {
	float:left;
	margin-right:10px;
	width:100px;
}
div.side div.goods ul li dl.lead {
	float:right;
	width:173px;
}
div.side div.goods ul li dl.lead dt {
	margin-bottom:5px;
}

/* 前売券情報 */
div.side div.advance {
	padding-bottom:15px;
	width:302px;
	background:transparent url(../images/bg_side_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.side div.advance ul {
	margin:4px 8px 2px 11px;
}
div.side div.advance ul li {
	padding-bottom:5px;
	width:283px;
}
div.side div.advance ul li.end {
	padding-bottom:0;
}
div.side div.advance ul li div.photo {
	float:left;
	margin-right:10px;
	width:100px;
}
div.side div.advance ul li dl.lead {
	float:right;
	width:173px;
}
div.side div.advance ul li dl.lead dt {
	margin-bottom:5px;
}
div.side div.advance p.detail {
	position:absolute;
	top:19px;
	left:43px;
	text-indent:-9999px;
	overflow:hidden;
}
div.side div.advance p.detail a {
	width:80px;
	height:15px;
	display:block;
}

/* ランキング */
/* 全国 */
div.side div.ranking{
	padding-bottom:15px;
	background:transparent url(../images/bg_side_bot.gif) no-repeat scroll 0 100%;
}
/* 劇場 */
div.side div.ranking_gekijyo{
	background:transparent url(../images/bg_side_302_white_M.gif) repeat-y 0 0;
}
div.side div.ranking_gekijyo_inner{
	padding-bottom:15px;
	background:transparent url(../images/bg_side_302_white_B.gif) no-repeat 0 bottom;
}
div.side div.ranking li,
div.side div.ranking_gekijyo li {
    margin: 8px 0 5px 0;
}
div.side div.ranking li:first-child,
div.side div.ranking_gekijyo li:first-child {
	margin-top:0;
}
div.side div.ranking dl,
div.side div.ranking_gekijyo dl{
	width:277px;
}
div.side div.ranking dt,
div.side div.ranking dd,
div.side div.ranking_gekijyo dt,
div.side div.ranking_gekijyo dd{
	float:left;
}
div.side dt.ranking_order{
	width:23px;
	text-align:left;
}
div.side dd.ranking_status{
	padding-top:6px;
	width:25px;
	text-align:center;
}
div.side dd.ranking_title{
	padding-top: 4px;
	width:229px;
	text-align:left;
}

/* 2012/05/14 修正 */
/* シアタス */
div.side #theatusBnrBtm {
	width: 300px;
	background: url(../images/bg_right_theatus_bottom.gif) no-repeat left bottom;
	padding-bottom: 13px;
	position: relative;
	margin-bottom: 10px;
}
div.side #theatusBnrBtm #theatusBnrTop {
	background: url(../images/bg_right_theatus_top.gif) no-repeat left top;
	/*padding-top: 74px;*/
}
div.side #theatusBnrBtm #theatusBnrTop ul {
	width: 279px;
	margin: 0 10px;
	padding: 74px 0 0;
}
div.side #theatusBnrBtm #theatusBnrTop ul li {
	margin-bottom: 8px;
	list-style-type: none;
}
div.side #theatusBnrBtm #theatusBnrTop .toThaetus {
	text-align: right;
	margin-right: 12px;
}
div.side #theatusBnrBtm #theatusBnrTop .txtOut {
	display: none;
}
/* 2012/05/14 修正 */

/* プレゼント＆キャンペーン */
div.side div.present {
	padding-bottom:15px;
	width:302px;
	background:transparent url(../images/bg_side_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.side div.present ul {
	margin:4px 8px 2px 11px;
}
div.side div.present ul li {
	padding-bottom:5px;
	width:283px;
}
div.side div.present ul li.end {
	padding-bottom:0;
}
div.side div.present ul li div.photo {
	float:left;
	margin-right:10px;
	width:100px;
}
div.side div.present ul li dl.lead {
	float:right;
	width:173px;
}
div.side div.present ul li dl.lead dt {
	margin-bottom:5px;
}

/* 期間限定商品 */
div.side div.store {
	padding-bottom:15px;
	width:302px;
	background:transparent url(../images/bg_side_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.side div.store ul {
	margin:4px 8px 2px 11px;
}
div.side div.store ul li {
	padding-bottom:5px;
	width:283px;
}
div.side div.store ul li.end {
	padding-bottom:0;
}
div.side div.store ul li div.photo {
	float:left;
	margin-right:10px;
	width:100px;
}
div.side div.store ul li dl.lead {
	float:right;
	width:173px;
}
div.side div.store ul li dl.lead dt {
	margin-bottom:5px;
}

/* 新着映画ニュース */
div.side div.news {
	padding-bottom:15px;
	width:302px;
	background:transparent url(../images/bg_side_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.side div.news ul {
	margin:4px 8px 2px 11px;
}
div.side div.news ul li {
	padding-bottom:5px;
	width:283px;
}
div.side div.news ul li.end {
	padding-bottom:0;
}
div.side div.news ul li div.photo {
	float:left;
	margin-right:10px;
	width:100px;
}
div.side div.news ul li dl.lead {
	float:right;
	width:173px;
}
div.side div.news ul li dl.lead dt {
	margin-bottom:5px;
}

/* ギフト券 */
div.side div.gift {
	padding-bottom:15px;
	width:302px;
	background:transparent url(../images/bg_side_bot.gif) no-repeat 0 100%;
}
div.side div.gift ul {
	margin:0 8px 2px 11px;
}
div.side div.gift ul li {
	margin-top:4px;
}
div.side div.gift ul li img {
	margin-right:10px;
	vertical-align:middle;
}

/* おたのしみコンテンツ 全国（背景青） */
div.side div.gallery {
	padding-bottom:15px;
	width:311px;
	background:transparent url(../images/bg_side_bot.gif) no-repeat 0 100%;
}
div.side div.gallery ul {
	margin:-51px 17px 2px 11px;
	position:relative;
}
div.side div.gallery ul li {
	margin-top:4px;
}
div.side div.gallery ul li img {
	margin-right:10px;
	vertical-align:middle;
}

/* おたのしみコンテンツ 劇場版（背景白） */
div.side div.gallery_gekijyo {
	width:309px;
	background:transparent url(/cms_images/bg_sideframe.gif) repeat-y;
}
div.side div.gallery_gekijyo div.title {
	height:100px;
	width:309px;
	background:transparent url(/cms_images/top_sideframe_gallery.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
div.side div.gallery_gekijyo ul {
	margin:-50px 19px 5px 10px;
	padding:0;
	list-style-type:none;
	position:relative;
}
div.side div.gallery_gekijyo ul li {
	margin-top:5px;
}
div.side div.gallery_gekijyo ul li img {
	margin-right:10px;
	vertical-align:middle;
}

/* バナー */
div.side div.frame div.bnr{
	margin:0;
	padding:4px 0 6px 10px;
	width:281px;
}
div.side .banner_gekijyo .bg_top_sideframe{
	font-size:0;
}
div.side .banner_gekijyo .bg_bot_sideframe{
	font-size:0;
}
div.side .banner_gekijyo .bg_top_sideframe img{
	vertical-align:top;
}

/* PR 劇場版（背景白） */
div.side div.PR_gekijyo{
	width:302px;
}
div.side div.PR_gekijyo div.qr {
	float:right;
	margin:4px 13px 2px 10px;
	width:75px;
	display:inline;
}
div.side div.PR_gekijyo p {
	float:left;
	margin:4px 0 2px 11px;
	width:193px;
	display:inline;
}
div.side div.PR_gekijyo p.util {
	margin-top:10px;
	text-align:right;
}


/* 採用情報 */
div.side div.recruit {
	padding-bottom:15px;
	width:302px;
	background:transparent url(../images/bg_side_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.side div.recruit ul {
	margin:4px 8px 2px 11px;
}
div.side div.recruit ul li {
	padding-bottom:5px;
	width:283px;
}
div.side div.recruit ul li.end {
	padding-bottom:0;
}
div.side div.recruit ul li div.photo {
	float:left;
	margin-right:10px;
	width:100px;
}
div.side div.recruit ul li dl.lead {
	float:right;
	width:173px;
}
div.side div.recruit ul li dl.lead dt {
	margin-bottom:5px;
}

/* ソーシャルメディア */
div.side div.social {
	padding-bottom:15px;
	width:302px;
	background:transparent url(../images/bg_side_social_bot.jpg) no-repeat 0 100%;
	position:relative;
}
div.side div.social div.socialTwitter {
	width:302px;
	height:68px;
	background:transparent url(../images/bg_side_social_twitter.jpg) no-repeat 0 100%;
	position:relative;
}
div.side div.social div.socialTwitterInner {
position:absolute;
left:83px;
top:28px;
}
div.side div.social div.socialFacebook {
	width:302px;
	height:104px;
	background:transparent url(../images/bg_side_social_facebook.jpg) no-repeat 0 100%;
	position:relative;
}
div.side div.social div.socialFacebookInner {
position:absolute;
left:13px;
top:18px;
}

div.side div.social div.socialMixi {
	width:302px;
	height:85px;
	background:transparent url(../images/bg_side_social_mixi.jpg) no-repeat 0 100%;
	position:relative;
}
div.side div.social div.socialMixiInner {
	position:absolute;
	left:12px;
	top:0;
}


/* 法人企業のお客さま */
div.side div.enterprise {
	padding-bottom:15px;
	width:302px;
	background:transparent url(../images/bg_side_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.side div.enterprise ul {
	margin:4px 8px 2px 11px;
}
div.side div.enterprise ul li {
	padding-bottom:8px;
	margin-bottom:8px;
	width:283px;
	background:url(../../images/bg_dotline.gif) repeat-x 0 100%;
}
div.side div.enterprise ul li.end {
	padding-bottom:0;
	background: none;
}
div.side div.enterprise ul li div.photo {
	float:left;
	margin-right:10px;
	width:100px;
}
div.side div.enterprise ul li dl.lead {
	float:right;
	width:173px;
}
div.side div.enterprise ul li dl.lead dt {
	margin-bottom:5px;
}


/* WMC モバイルサイト */
div.side div.mobile {
	padding-bottom:15px;
	width:302px;
	background:transparent url(../images/bg_side_bot.gif) no-repeat 0 100%;
}
div.side div.mobile div.qr {
	float:right;
	margin:4px 13px 2px 10px;
	width:75px;
	display:inline;
}
div.side div.mobile p {
	float:left;
	margin:4px 0 2px 11px;
	width:193px;
	display:inline;
}
div.side div.mobile p.util {
	margin-top:10px;
	text-align:right;
}

/* WMC モバイルサイト */
div.side div.mobile2 {
	padding-bottom:15px;
	width:302px;
}
div.side div.mobile2 div.qr {
	float:right;
	margin:4px 13px 2px 10px;
	width:75px;
	display:inline;
}
div.side div.mobile2 p {
	float:left;
	margin:4px 0 2px 11px;
	width:193px;
	display:inline;
}
div.side div.mobile2 p.util {
	margin-top:10px;
	text-align:right;
}

/* h2タイトルなし */
div.side div.none {
	padding-bottom:15px;
	width:302px;
	background:transparent url(../images/bg_side_bot.gif) no-repeat 0 100%;
}
div.side div.none ul {
	margin:0 8px 2px 11px;
}
div.side div.none ul li {
	margin-top:5px;
}
/* レクタングルボックス */
div.side div.frame {
	width:302px;
	background:#fff url(../images/bg_sideframe.gif) repeat-y;
}
div.side div.frame h3{
	margin:6px 10px 4px 10px;
	padding:0 0 3px 7px;
	border-bottom:1px solid #838383;
	background:transparent url(/index_rsc/baiten/mark_idx.gif) no-repeat;
}
div.side div.frame div.item {
	margin:4px 8px 6px 11px;
	width:283px;
}

#CONTENTS .side div.frame div.item img {
	margin-right:0px;
}


div.side div.frame div.item div {
	float:left;
	margin-right:10px;
	width:100px;
}
div.side div.frame div.item p {
	float:right;
	width:173px;
}
div.side div.frame div.cleared {
	height:0;
	overflow:hidden;
}
div.side div.frame div.mt3 {
	background-color:#fff;
}
div.side div.frame div.mt3 img {
	padding-bottom:6px;
	vertical-align:top;
}
div.side div.frame div.item:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	overflow:hidden;
}
div.side div.frame div.item {
	display:inline-block;
}
/* \*/
* html div.side div.frame div.item {
	height:1%;
}
div.side div.frame div.item {
	display:block;
}

/* 売店情報 劇場版（背景白） */
.baitenInfo .item a{
	font-weight:bold;
}


/* PR */
/* /cinema/地域/ */
.block_PR{
	margin:4px 0 4px 10px;
	padding:0;
	width:281px;
}


/* サービス 劇場版（背景白） */

/* Tポイント終了対応 */
div.side div.service_gekijyo p.info_warning_white{
	margin:10px 0 10px 12px;
	padding:0 0 0 36px;
	width:244px;
	min-height:28px;
	height:auto!important;
	height:28px;
	font-weight:bold;
	background:transparent url(../../common/images/icon_warning_white.gif) top left no-repeat;
	}
div.side div.service_gekijyo p.info_warning_white a.info_warning_link,
div.side div.service_gekijyo p.info_warning_white a.info_warning_link:link,
div.side div.service_gekijyo p.info_warning_white a.info_warning_link:visited,
div.side div.service_gekijyo p.info_warning_white a.info_warning_link:hover{
	color:#c50000!important;
	text-decoration:underline!important;
	}

/* レイアウト */
div.side div.service_gekijyo a{
	font-weight:bold;
}

/* /サービス 劇場版（背景白） */



div.side div.gallery2{
	background:url("/cms_images/bg_sideframe.gif") repeat-y scroll 0 0 transparent;
	margin-bottom:6px;
	width:309px;
}
div.side div.gallery2 div.title {
	background:url("/cms_images/top_sideframe_gallery.gif") no-repeat scroll 0 0 transparent;
	height:100px;
	overflow:hidden;
	text-indent:-9999px;
}
div.side div.gallery2 ul {
	position:relative;
	margin-top:-51px;
	margin:-51px 17px 2px 11px;
	padding-left:0px;
	list-style:none;
}
div.side div.gallery2 ul li {
	margin-top:4px;
}
div.side div.gallery2 ul li img {
	margin-right:10px;
	vertical-align:middle;
}


/* 設備情報 */
#CONTENTS div.facility_outer {
	background:transparent url(/common/images/bg_side.gif) repeat-y;
}
div.side div.facility {
	padding-bottom:15px;
	width:302px;
	background:transparent url(/common/images/bg_side_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.side div.facility h2 {
	height:61px;
	margin-bottom: 5px;
}
div.side div.facility ul {
	margin:4px 8px 2px 11px;
}
div.side div.facility ul li {
	padding-bottom:5px;
	width:283px;
}
div.sp_facility {
	display:none;
}