@charset "utf-8";
/* CSS Document */

html{
	overflow-y:scroll;
	color:#333;
	height:auto;
	zoom:1;
}

#main{
	width:750px;
	padding-left:210px;
	padding-top:20px;
	*float:right;
	*padding-left:0px;
}

#content{
	zoom:1;
}

a{
	color:#39548C;
	outline:none;
}

.red{
	color:#CD2630;
}

.bold{
	font-weight:800;
}


/* 背景 */
#wrapper01{
	background:url(/common/common_bg_01.png) repeat-x #fff;
	zoom:1;
}

#wrapper02{
	background:url(/common/common_bg_04.png) repeat-x 0px 132px;
	zoom:1;
}

#wrapper03{
	width:960px;
	margin:0px auto 30px;
}

/* header */
#header{
	width:960px;
	height:67px;
	position:relative;
	margin:0px auto;
	font-size:0px;
}

#header img{
	vertical-align:bottom;
}

#header .logo{
	position:absolute;
	left:0px;
	top:14px;
}

#header .navi01{
	position:absolute;
	right:102px;
	top:12px;
}

#header .navi01 ul li{
	float:left;
}

#header .company_button{
	position:absolute;
	left:870px;
	top:7px;
}

#header .font_size{
	position:absolute;
	left:483px;
	top:34px;
}

#header .font_size dl dt{
	position:absolute;
	left:0px;
	top:5px;
	cursor:pointer;
}

#header .font_size dl dd{
	position:absolute;
	left:58px;
	top:0px;
	width:124px;
}

#header .font_size dl dd ul li{
	float:left;
	margin-right:2px;
	cursor:pointer;
}

#header .search{
	position:absolute;
	left:677px;
	top:34px;
}

#header .search .inp_text{
	font-size:12px;
	line-height:14px;
	height:14px;
	background:#EEECE7 url(/common/header_search_img_01.png) no-repeat 5px 50%;
	border:0px;
	padding:3px;
	padding-left:20px;
	width:210px;
	font-family:inherit;
	color:#666;
	
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2) inset;
	-o-box-shadow:2px 2px 2px rgba(0,0,0,0.2) inset;
	-ms-box-shadow:2px 2px 2px rgba(0,0,0,0.2) inset;
	box-shadow:2px 2px 2px rgba(0,0,0,0.2) inset;
	
	position:absolute;
	left:0px;
	top:0px;
}

#header .search .inp_text.grayfont{
	color:#999;
}

#header .search .btn{
	position:absolute;
	left:236px;
	top:0px;
}

/* グローバルナビゲーション */
#gnavi{
	zoom:1;
	font-size:0px;
	margin-bottom:1px;
	background:url(/common/common_bg_03.png) repeat-x 0px;
}

#gnavi img{
	vertical-align:bottom;
}

#gnavi ul{
	width:960px;
	margin:0px auto;
	overflow:hidden;
	background:url(/common/gnavi_bg_01.png) no-repeat;
}

#gnavi ul li{
	float:left;
}

/* パンくず */
#bread{
	background:url(/common/common_bg_02.png);
	padding:3px 0px;
	margin-bottom:20px;
	zoom:1;
}

#bread img{
	vertical-align:bottom;
}

#bread ul{
	overflow:hidden;
	zoom:1;
}

#bread ul li{
	float:left;
	line-height:19px;
	height:19px;
	font-size:10px;
}

#bread ul li .wrap01{
	background:url(/common/bread_bg_02.png) no-repeat 0px 0px;
	padding-left:9px;
	display:block;
	height:19px;
	margin-left:-7px;
	float:left;
	position:relative;
}

#bread ul li .wrap02{
	background:url(/common/bread_bg_03.png) no-repeat right 0px;
	padding-right:9px;
	display:block;
	height:19px;
	float:left;
	position:relative;
}

#bread ul li .wrap03{
	background:#fff;
	display:block;
	height:19px;
	line-height:19px;
	float:left;
	position:relative;
}

#bread ul li .wrap04{
	padding:0px 6px;
	line-height:19px;
	position:relative;
}

#bread ul li a{
	display:block;
	line-height:19px;
	height:19px;
	font-size:10px;
	padding:0px 6px;
	float:left;
	position:relative;
	white-space: nowrap;
}

#bread ul .home a{
	background:none;
	padding:0px;
}

/* コンテンツ */

#content .heading{
	position:relative;
	height:40px;
}

#content .heading img{
	position:absolute;
	left:0px;
	bottom:0px;
}

#content .heading01{
}

#content .heading01 .wrap01{
	background:url(/common/heading01_bg_02.png) repeat-x bottom left;
}

#content .heading01 .wrap01 .title{
	padding-left:14px;
	background:url(/common/heading01_bg_01.png) no-repeat 1px 50%;
	font-size:1.5em;
	font-weight:800;
}

#content .heading02{
}

#content .heading02 .wrap01{
	background:url(/common/heading02_bg_02.png) repeat-x bottom left;
}

#content .heading02 .wrap01 .title{
	padding-bottom:2px;
	/*
	padding-left:14px;
	background:url(/common/heading02_bg_01.png) no-repeat 5px 50%;
	*/
	font-size:1.333em;
	font-weight:800;
}

#content .specialnewscast{
	background:#EEEEEE;
	padding:5px 10px;
}

#content .specialnewscast ul li{
	padding-left:10px;
	background:url(/common/arrow02.png) no-repeat 0px .5em;
}

#flash_area {
	height:317px;
}
#flash_area p {
	padding-top:150px;
	text-align:center;
}

/* サイドバー */
#sidebar{
	width:190px;
	float:left;
}

#sidebar .sidebar_block01{
	font-size:0px;
	margin-bottom:20px;
}


#sidebar .sidebar_block01 img{
	vertical-align:bottom;
}

#sidebar .sidebar_block01.company .sidenavi01{
	border-bottom:1px solid #D5D6CB;
}

/* サイドバー共通 */

#sidebar .sidebar_block01 .sidenavi01 li{zoom:1;}
#sidebar .sidebar_block01 .sidenavi01 .li01{background-position:0px 0px;}
#sidebar .sidebar_block01 .sidenavi01 .li02{background-position:0px -38px;}
#sidebar .sidebar_block01 .sidenavi01 .li03{background-position:0px -76px;}
#sidebar .sidebar_block01 .sidenavi01 .li04{background-position:0px -114px;}
#sidebar .sidebar_block01 .sidenavi01 .li05{background-position:0px -152px;}
#sidebar .sidebar_block01 .sidenavi01 .li06{background-position:0px -190px;}
#sidebar .sidebar_block01 .sidenavi01 .li07{background-position:0px -228px;}
#sidebar .sidebar_block01 .sidenavi01 .li08{background-position:0px -266px;}
#sidebar .sidebar_block01 .sidenavi01 .li09{background-position:0px -304px;}
#sidebar .sidebar_block01 .sidenavi01 .li10{background-position:0px -342px;}
#sidebar .sidebar_block01 .sidenavi01 li ul li{background:none !important;}

/* サイドバー企業情報 */
#sidebar .sidebar_block01.company{
	border-bottom:#A78A2B 2px solid;
}

#sidebar .sidebar_block01.company .image{
	background:url(/common/sidenavi/company/sidebar_company_bg_01.png);
}

#sidebar .sidebar_block01.company .sidenavi01 li{
	background-image:url(/common/sidenavi/company/sidebar_company_bg_02.png);
}

#sidebar .sidebar_block01.company .sidenavi01 li .subnavi01{
	background-image:url(/common/sidenavi/company/sidebar_company_bg_03.png);
	background-repeat:no-repeat;
}

#sidebar .sidebar_block01.company .sidenavi01 li .subnavi01 li ul {
	background:url(/common/sidenavi/company/sidebar_company_bg_06.png) no-repeat bottom;
}

#sidebar .sidebar_block01.company .sidenavi01 li .subnavi02{
	background-image:url(/common/sidenavi/company/sidebar_company_bg_04.png);
}

#sidebar .sidebar_block01.company .sidenavi01 .wrap01{
	background:url(/common/sidenavi/company/sidebar_company_bg_05.png) no-repeat bottom;
}

/* サイドバー映画 */
#sidebar .sidebar_block01.cinema{
	border-bottom:#729D15 2px solid;
}

#sidebar .sidebar_block01.cinema .image{
	background:url(/common/sidenavi/cinema/sidebar_cinema_bg_01.png);
}

#sidebar .sidebar_block01.cinema .sidenavi01 li{
	background-image:url(/common/sidenavi/cinema/sidebar_cinema_bg_02.png);
}

/* サイドバーアニメ・特撮 */
#sidebar .sidebar_block01.anime{
	border-bottom:#438ECC 2px solid;
}

#sidebar .sidebar_block01.anime .image{
	background:url(/common/sidenavi/anime/sidebar_anime_bg_01.png);
}

#sidebar .sidebar_block01.anime .sidenavi01 li{
	background-image:url(/common/sidenavi/anime/sidebar_anime_bg_02.png);
}

/* サイドバーDVD・ブルーレイ */
#sidebar .sidebar_block01.dvd{
	border-bottom:#A3638F 2px solid;
}

#sidebar .sidebar_block01.dvd .image{
	background:url(/common/sidenavi/dvd/sidebar_dvd_bg_01.png);
}

#sidebar .sidebar_block01.dvd .sidenavi01 li{
	background-image:url(/common/sidenavi/dvd/sidebar_dvd_bg_02.png);
}

/* サイドバーお知らせ */
#sidebar .sidebar_block01.notice{
	border-bottom:#A78A2B 2px solid;
}

#sidebar .sidebar_block01.notice .image{
	background:url(/common/sidenavi/notice/sidebar_notice_bg_01.png);
}


#sidebar .sidebar_block01.notice .sidenavi01{
	background:#111;
	padding-left:7px;
	border-bottom:1px solid #D5D6CB;
}

#sidebar .sidebar_block01.notice .sidenavi01 li a{
	zoom:1;
	display:block;
	font-size:12px;
	background:url(/common/arrow01.png) no-repeat 10px 50% #fff;
	padding:5px;
	padding-left:20px;
	border:1px solid #D5D6CB;
	border-bottom:none;
}

#sidebar .sidebar_block01.notice .sidenavi01 li .parentsLink,
#sidebar .sidebar_block01.notice .sidenavi01 li .current{
	color:#fff;
	background:url(/common/arrow06.png) no-repeat 10px 50% #B9A548;
}

/* サイドバー歌舞伎 */
#sidebar .sidebar_block01.play{
	border-bottom:#2C8745 2px solid;
}

#sidebar .sidebar_block01.play .image{
	background:url(/common/sidenavi/play/sidebar_play_bg_01.png);
}

#sidebar .sidebar_block01.play .sidenavi01 li{
	background-image:url(/common/sidenavi/play/sidebar_play_bg_02.png);
}

#sidebar .sidebar_block01.play .sidenavi01 li .subnavi01{
	background-image:url(/common/sidenavi/play/sidebar_play_snavi_bg_01.png);
	background-position-y: -28px;/*20150729 修正*/
}

#sidebar .sidebar_block01.play .sidenavi01 li .subnavi02{
	background:url(/common/sidenavi/play/sidebar_play_subnavi02_bg_01.png) !important;
}

#sidebar .sidebar_block01.play .sidenavi01 li .subnavi02 .schedule{
	background:url(/common/sidenavi/play/sidebar_play_subnavi02_bg_02.png) no-repeat bottom;
}

#sidebar .sidebar_block01.play .sidenavi01 li .subnavi02 .schedule li{
}

#sidebar .sidebar_block01.play .sidenavi01 li .subnavi02 .schedule li .entry{
	font-size:12px;
	margin-left:14px;
	padding:2px 0px 2px 10px;
	border-bottom:1px solid #D5D6CB;
}

#sidebar .sidebar_block01.play .sidenavi01 li .subnavi02 .schedule li .entry.active{
	background-color:#DDDED5;
}

#sidebar .sidebar_block01.play .sidenavi01 li .subnavi02 .schedule li .entry .name{
	padding-left:1em;
}

#sidebar .sidebar_block01.play .sidenavi01 li .subnavi02 .common{
	background-image:url(/common/sidenavi/play/sidebar_play_subnavi02_bg_03.png);
}

#sidebar .sidebar_block01.play .sidenavi01 li .subnavi03{
	background-image:url(/common/sidenavi/play/sidebar_play_snavi_bg_06.png);
}

#sidebar .sidebar_block01.play .sidenavi01 li .subnavi04{
	background-image:url(/common/sidenavi/play/sidebar_play_snavi_bg_07.png);
}


#sidebar .sidebar_block01.play .sidenavi01 .li01{background-position:0px 0px;}
#sidebar .sidebar_block01.play .sidenavi01 .li02{background-position:0px -33px;}
#sidebar .sidebar_block01.play .sidenavi01 .li03{background-position:0px -65px;}
#sidebar .sidebar_block01.play .sidenavi01 .li04{background-position:0px -97px;}
#sidebar .sidebar_block01.play .sidenavi01 .li05-2{background-position:0px -129px;}
#sidebar .sidebar_block01.play .sidenavi01 .li05{background-position:0px -161px;}
#sidebar .sidebar_block01.play .sidenavi01 .li06{background-position:0px -193px;}
#sidebar .sidebar_block01.play .sidenavi01 .li07{background-position:0px -229px;}
#sidebar .sidebar_block01.play .sidenavi01 .li08{background-position:0px -261px;}
#sidebar .sidebar_block01.play .sidenavi01 .li09{background-position:0px -290px;}

/*#sidebar .sidebar_block01.play .sidenavi01 .li01{background-position:0px 0px;}
#sidebar .sidebar_block01.play .sidenavi01 .li02{background-position:0px -33px;}
#sidebar .sidebar_block01.play .sidenavi01 .li03{background-position:0px -65px;}
#sidebar .sidebar_block01.play .sidenavi01 .li04{background-position:0px -97px;}
#sidebar .sidebar_block01.play .sidenavi01 .li05{background-position:0px -129px;}
#sidebar .sidebar_block01.play .sidenavi01 .li06{background-position:0px -161px;}
#sidebar .sidebar_block01.play .sidenavi01 .li07{background-position:0px -197px;}
#sidebar .sidebar_block01.play .sidenavi01 .li08{background-position:0px -233px;}
#sidebar .sidebar_block01.play .sidenavi01 .li09{background-position:0px -261px;}
#sidebar .sidebar_block01.play .sidenavi01 .li10{background-position:0px -290px;}*/

/* サイドバー関連リンク */
#sidebar .relatedlink img{
	vertical-align:bottom;
}

#sidebar .relatedlink .title{
	margin-bottom:10px;
}

#sidebar .relatedlink ul{
	margin-bottom:20px;
}

#sidebar .relatedlink ul li{
	margin-bottom:5px;
}

#sidebar .relatedlink .adobepdf{
	background:url(/common/relatedlink_bg_01.png) repeat-x 0px 0px #EFECD7;
	padding:15px;
}

#sidebar .relatedlink .adobepdf p{
	line-height:1.3em;
	font-size:10px;
}

/* 日程から公演を探す */
#sidebar .seach_schedule{
	font-size:12px;
}

#sidebar .seach_schedule dl dt img{
	vertical-align:bottom;
}

#sidebar .seach_schedule dl dd{
	padding:8px;
	border:1px solid #D5D6CB;
	border-top:none;
}

#sidebar .seach_schedule dl dd img{
	float:left;
}

#sidebar .seach_schedule dl dd .text{
	width:120px;
	float:right;
}

#sidebar .seach_schedule dl dd .text .title a{
	padding-left:15px;
	background:url(/common/arrow03.png) no-repeat 0px 0px;
}

#sidebar .seach_schedule dl dd .text p{
	font-size:10px;
	line-height:1.3em;
}

/* チケットのご購入 */
#sidebar .ticket img{
	vertical-align:bottom;
}

#sidebar .ticket .howto {
	border-left:1px solid #D5D6CB;
	border-right:1px solid #D5D6CB;
	padding-bottom:10px;
	width: 188px;
	text-align: center;
}

#sidebar .ticket .block01{
	border:1px solid #D5D6CB;
	padding:9px;
}

#sidebar .ticket .block01 ul{
	margin-bottom:10px;
}

#sidebar .ticket .block01 ul li{
	margin-bottom:5px;
}

/*#sidebar .ticket .block01 .howto a{
	padding-left:15px;
	background:url(/common/arrow03.png) no-repeat 0px 0px;
}*/



/* 関連情報 */
#sidebar .relatedinfo .title{
	margin-bottom:10px;
}

#sidebar .relatedinfo .block01{
	padding-bottom:10px;
	border-bottom:1px dotted #666;
	margin-bottom:10px;
}

#sidebar .relatedinfo .block01 .image{
	float:left;
	width:60px;
}

#sidebar .relatedinfo .block01 .block02{
	width:120px;
	float:right;
}

#sidebar .relatedinfo .block01 .block02 .banner{
	margin-bottom:5px;
}

#sidebar .relatedinfo .block01 .block02 .lead{
	font-size:10px;
}

#sidebar .relatedinfo .block01 .block02 .link{
	font-size:14px;
	font-weight:800;
}

#sidebar .relatedinfo .block03{
}

#sidebar .relatedinfo .block03 ul{
	padding-bottom:10px;
	border-bottom:1px dotted #666;
	margin-bottom:15px;
}

#sidebar .relatedinfo .block03 ul li{
	margin-bottom:5px;
}

#sidebar .relatedinfo .block03 ul li img{
	vertical-align:bottom;
}

/* 関連バナー */
#sidebar .relatedbanner ul li{
	margin-bottom:5px;
}

/* QRコード */
#sidebar .sidebar_qrcode{
}

#sidebar .sidebar_qrcode .title{
}

#sidebar .sidebar_qrcode .block01{
	border:1px solid #D5D6CB;
	border-top:none;
	padding:0px 10px 10px;
}

#sidebar .sidebar_qrcode .block01 .qrcode{
	padding-top:5px;
	margin-bottom:10px;
}

#sidebar .sidebar_qrcode .block01 p{
	font-size:10px;
	line-height:1.4em;
}

/* youtube */
#sidebar .youtube{
}

#sidebar .youtube a{
	padding:5px 0px;
	padding-left:20px;
	background:url(/common/arrow05.png) no-repeat 0px 4px;
	line-height:1.4em;
	font-size:12px;
}

/* サイドバーTwitter */
#sidebar .twtr-widget .twtr-hd{
	/*
	padding-left:50px;
	background:url(/common/sidenavi/sidebar_twitter_logo.png) no-repeat 10px 10px;
	min-height:31px;
	_height:31px;
	*/
}

#sidebar .twtr-widget .twtr-tweet-text{
	word-wrap:break-word;
}

/* サイドバーアンケート */
#sidebar .sidebar_enquete img{
	vertical-align:bottom;
}

#sidebar .sidebar_enquete .block01{
	border:1px solid #D5D6CB;
	border-top:none;
	padding:10px;
	font-size:12px;
}

#sidebar .sidebar_enquete .block01 a{
	padding-left:20px;
	background:url(/common/arrow03.png) no-repeat 0px 50%;
}

/* サイドバーお問合わせ */
#sidebar .sidebar_inquiry{
}

#sidebar .sidebar_inquiry img{
	vertical-align:bottom;
}

#sidebar .sidebar_inquiry .button{
	border:1px solid #D5D6CB;
	border-top:none;
	border-bottom:none;
	text-align:center;
}

#sidebar .sidebar_inquiry .button.bottom{
	border-bottom:1px solid #D5D6CB;
	padding-bottom:10px;
}



/* カルーセルバナー */
#carousel_box{
	width:924px;
	height:70px;
	padding:0px 18px;
	margin:0px auto 30px;
	position:relative;
	background:url(/common/carousel_img_bg_01.png);
}

#carousel_box .block01{
	height:50px;
	padding:10px 0px;
	width:924px !important;
}

#carousel_box ul li{
	margin-right:10px;
}

#carousel_box .prev{
	position:absolute;
	left:0px;
	top:0px;
	cursor:pointer;
}

#carousel_box .next{
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
}

/* フッター */
#footer{
	clear:both;
	zoom:1;
}

#footer .gotop{
	border-bottom:1px dotted #666;
}

#footer .gotop div{
	width:960px;
	margin:0px auto;
	text-align:right;
	font-size:0px;
}

#footer .gotop img{
	vertical-align:bottom;
}

#footer .section01{
	width:960px;
	margin:0px auto;
}

#footer .section01 ul{
	overflow:hidden;
	width:960px;
}

#footer .section01 ul li{
	float:left;
	font-size:0px;
}

#footer .section01 ul li img{
	vertical-align:bottom;
}

#footer .section02{
	font-size:12px;
}

#footer .section02 .wrap01{
	background:url(/common/footer_bg_02.png) repeat-x #FBF7F1;
}

#footer .section02 .wrap02{
	width:960px;
	overflow:hidden;
	padding:0px 1px;
	margin:0px auto;
	background:url(/common/footer_bg_01.png);
}

#footer .section02 a{
	color:#666;
}

#footer .section02 dl{
	width:159px;
	padding:0px 1px 0px 0px;
	float:left;
}

#footer .section02 dl dt{
	height:41px;
	line-height:41px;
	background:#EDE9DD;
	margin-bottom:10px;
	padding-left:10px;
}

#footer .section02 dl dt a{
	padding-left:10px;
	background:url(/common/arrow01.png) no-repeat 0px 50%;
	font-weight:800;
	line-height:41px;
}

#footer .section02 dl dd ul{
	margin-top:-5px;
	padding-left:20px;
}

#footer .section02 dl dd ul li{
	margin-bottom:5px;
	font-size:10px;
}

#footer .section03{
	height:40px;
	background:#153312;
	font-size:10px;
	line-height:14px;
}

#footer .section03 .wrap01{
	width:960px;
	margin:0px auto;
	overflow:hidden;
	position:relative;
}

#footer .section03 .wrap01 ul{
	margin-top:13px;
	margin-left:-21px;
}

#footer .section03 .wrap01 ul li{
	float:left;
	padding-left:21px;
	background:url(/common/footer_bg_03.png) no-repeat 10px 50%
}

#footer .section03 .wrap01 ul li a{
	color:#fff;
}

#footer .section03 .wrap01 .copy{
	position:absolute;
	right:1px;
	top:16px;
}

/**
 * Cinema box
 */
#content .cinema_box02 .wrap01{
	margin-bottom:15px;
	border-left:1px dotted #ccc;
}

#content .cinema_box02 .block01{
	width:184px;
	float:left;
	padding:0 1px;
	border-right:1px dotted #ccc;
}

#content .cinema_box02 .image{
	width:142px;
	height:142px;
	margin:0 auto 10px;
	vertical-align:middle;
}

#content .cinema_box02 .image td{
	vertical-align:middle;
}

#content .cinema_box02 .image img{
	max-width:140px;
	max-height:140px;
	border:1px solid #ddd;
	-ms-interpolation-mode:bicubic;
}

/* Apply max-width & max-height in IE6. */
* html body #content .cinema_box02 .image img{
	behavior: expression((function(el) {
		el.style.width = el.clientWidth > 140 ? '140px' : 'auto';
		el.style.height = el.clientHeight > 140 ? '140px' : 'auto';
		el.runtimeStyle.behavior = 'none';
	})(this));
}

#content .cinema_box02 .height{
  *zoom:1;
  margin-top:10px;
}

#content .cinema_box02 .height .icon{
	text-align:center;
}

#content .cinema_box02 .height .title{
	padding:0 12px;
	font-size:1.133em;
	font-weight:bold;
}

#content .cinema_box02 .height .date{
	padding:0 12px;
	font-size:0.833em;
}

#content .cinema_box02 .lead{
  *zoom:1;
	padding:5px 10px;
}

#content .cinema_box02 .lead .price{
	font-weight:bold;
}
