@charset "utf-8";

/* 特に記述が無い限り日英共通 */

img {
border: 0;
}

/* information */



#main .info_txt{
color:#FFFFFF;
margin: 0 5px 40px;

}

#main h3.dark{
font-size: 14px;
line-height: 1.1;
color:#FFFFFF;
}	





/* ▼レイアウト */



	#schedule_top{
	width:945px;
	height:7px;
	margin: 0 auto;
	background: url(/ja/schedule/imgs/bg_top.gif) top no-repeat;
	}



	#schedule_main{
	width: 905px;
	margin: 0 auto;
	padding: 11px 20px 5px;
	background: url(/ja/schedule/imgs/bg_main.gif) top repeat-y;
	color:#333;
	line-height: 110%;
	position: relative;
	}

	

	#schedule_btm{
	width:945px;
	height:8px;
	background: url(/ja/schedule/imgs/bg_btm.gif) top no-repeat;
	}

	
	
	
	

	#schedule_header{
	margin: 0 0 19px;
	}

	#schedule_header_en{
	margin: 0 0 21px;
	}

	

/*タイトル*/

	#schedule_main h3{
	float:left;
	margin: 6px 0 0 0;
	padding:0;
	}



/*ヘッダー部分ボタン*/



	#schedule_main #head_navi{
	float:right;
	text-align:right;
	}

	#schedule_main #print_pdf{
	position: absolute;
	right: 20px;
	top: 108px;
	}

	#schedule_main #pdf_dl{
	position: absolute;
	right: 20px;
	top: 13px;
	}


/* 日付ナビゲーション */



	#schedule_navi{
	clear:both;
	width: 837px;
	height:37px;
	line-height:0;
	margin: 0 auto 17px;
	}

	#schedule_navi ul{
	list-style: none;
	margin: 0 0 0;
	}

	#schedule_navi li{
	float: left;
	width: 93px;
	height:37px;
	overflow:hidden;
	}


	.favi_note {
	float: right;
	margin-bottom: 4px;
	}

	.ttl_rop {
	float: left;
	margin-bottom: 4px;
	}

	.ttl_nihon, .ttl_kabukiza, .ttl_national_museum {
	margin-top: 28px;
	margin-bottom: 4px;
	}

/* 日付タイトル */

	#ttl_date{
	width: 230px;
	margin:0 auto;
	padding: 20px 0;

	}



/* 上映イベントについて */

	#event{
	background: #F7F7F7;
	border: 1px solid #E8E8E8;
	padding: 14px 14px 5px;
	margin: 30px 0 0;
	}

	

	#event .box{
	margin: 0 0 11px 0;
	}

	#event .box_ttl{
	background: url(../imgs/line_dot_dark.gif) bottom repeat-x;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	padding: 0 0 7px;
	margin: 0 0 7px 0;
	}

	#event .box .left{
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	width: 110px;
	margin: 0 0 0 0;
	line-height: 1.9;
	}

	#event .box .right{
	float: right;
	font-size: 11px;
	color: #333;
	width: 755px;
	margin: 0 0 0 0;
	line-height: 1.9;
	}

	#event .box .right .c1{
	background: url(/ja/schedule/imgs/color_1.gif) left center no-repeat;
	padding: 0 0 0 20px;
	margin: 0 20px 0 0;
	}

	#event .box .right .c2{
	background: url(/ja/schedule/imgs/color_2.gif) left center no-repeat;
	padding: 0 0 0 20px;
	margin: 0 20px 0 0;
	}

	#event .box .right .c3{
	background: url(/ja/schedule/imgs/color_3.gif) left center no-repeat;
	padding: 0 0 0 20px;
	margin: 0 7px 0 0;
	}

	#event .box .right .c3_note{
	font-size: 10px;
	color: #666;
	line-height: 2.1;
	margin: 0 20px 0 0;
	}

	#event .box .right .c4{
	background: url(/ja/schedule/imgs/color_4.gif) left center no-repeat;
	padding: 0 0 0 20px;
	margin: 0 20px 0 0;
	}

	#event .box .right .c5{
	background: url(/ja/schedule/imgs/color_5.gif) left center no-repeat;
	padding: 0 0 0 20px;
	margin: 0 20px 0 0;
	}

	#event .box .right .c6{
	background: url(/ja/schedule/imgs/color_6.gif) left center no-repeat;
	padding: 0 0 0 20px;
	margin: 0 20px 0 0;
	}

	#event .box .right .c7{
	background: url(/ja/schedule/imgs/color_7.gif) left center no-repeat;
	padding: 0 0 0 20px;
	margin: 0 7px 0 0;
	}

	#event .box .right .c8{
	background: url(/ja/schedule/imgs/color_8.gif) left center no-repeat;
	padding: 0 0 0 20px;
	margin: 0 20px 0 0;
	}

	#event .box .right .c9{
	background: url(/ja/schedule/imgs/color_9.gif) left center no-repeat;
	padding: 0 0 0 20px;
	margin: 0 20px 0 0;
	}

	#event .box .right .icon1{
	background: url(/ja/schedule/imgs/icon_ti.gif) left center no-repeat;
	padding: 0 0 0 39px;
	margin: 0 20px 0 0;
	}

	#event .box .right .icon2{
	background: url(/ja/schedule/imgs/icon_sa.gif) left center no-repeat;
	padding: 0 0 0 48px;
	margin: 0 20px 0 0;
	}

	#event .box .right .icon3{
	background: url(/ja/schedule/imgs/icon_ts.gif) left center no-repeat;
	padding: 0 0 0 55px;
	margin: 0 20px 0 0;
	}

	#event .box .right .icon_note{
	color: #aeaeae;
	}

	#event .box .right .icon4{
	background: url(/ja/schedule/imgs/icon_pia.gif) left center no-repeat;
	padding: 0 0 0 21px;
	margin: 0 20px 0 0;
	}

	#event .box .right .icon5{
	background: url(/ja/schedule/imgs/icon_lawson.gif) left center no-repeat;
	padding: 0 0 0 21px;
	margin: 0 20px 0 0;
	}

	#event .box .right .icon6{
	background: url(/ja/schedule/imgs/icon_soldout.gif) left center no-repeat;
	padding: 0 0 0 62px;
	margin: 0 20px 0 0;
	}

	#event .box .right .icon_ticket{
	background: url(/ja/schedule/imgs/icon_ticketboard.gif) left center no-repeat;
	padding: 0 0 0 70px;
	margin: 0 20px 0 0;
	}


	#event .box .right .icon1_en{
	background: url(/en/schedule/imgs/icon_ti.gif) left center no-repeat;
	padding: 0 0 0 39px;
	margin: 0 20px 0 0;
	}

	#event .box .right .icon2_en{
	background: url(/en/schedule/imgs/icon_sa.gif) left center no-repeat;
	padding: 0 0 0 74px;
	margin: 0 20px 0 0;
	}

	#event .box .right .icon3_en{
	background: url(/en/schedule/imgs/icon_ts.gif) left center no-repeat;
	padding: 0 0 0 50px;
	margin: 0 20px 0 0;
	}

	#event .box .right .icon4_en{
	background: url(/en/schedule/imgs/icon_pia.gif) left center no-repeat;
	padding: 0 0 0 21px;
	margin: 0 20px 0 0;
	}

	#event .box .right .icon5_en{
	background: url(/en/schedule/imgs/icon_lawson.gif) left center no-repeat;
	padding: 0 0 0 21px;
	margin: 0 20px 0 0;
	}

	#event .box .right .icon6_en{
	background: url(/en/schedule/imgs/icon_soldout.gif) left center no-repeat;
	padding: 0 0 0 62px;
	margin: 0 20px 0 0;
	}


/*
	#event .box img{
	margin: 0 8px -2px 0;
	padding: 7px 0 0;
	}
*/

/* イベントスケジュール */

	#event2{
	margin: 0 0 0;
	background: url(/ja/schedule/imgs/bg_event2.gif) bottom no-repeat;
	padding: 32px 15px 0px;
	}

	#event2 .ttl{
	margin: 0 0 20px;
	}

	#event2 .es{
	margin: 0 0 22px;
	width: 875px;
	line-height: 1.5;
	}

	#event2 .es .time{
	width: 120px;
	float: left;
	font-weight: bold;
	color: #4b4b4b;
	font-size: 12px;
	margin-top: 1px;
	}

	#event2 .es .desc{
	width: 755px;
	float: right;
	}

	#event2 .es .desc .title{
	font-weight: bold;
	color: #222;
	font-size: 13px;
	font-weight: bold;
	}

	#event2 .es .desc .title .update{
	padding-left: 5px;
	font-size: 11px;
	color: #FF9B36;
	}

	#event2 .es .desc .place{
	font-weight: normal;
	padding-left: 15px;
	font-size: 11px;
	color: #666;
	}

	#event2 .es .desc .info{
	font-size: 12px;
	line-height: 16px;
	color: #4b4b4b;
	padding: 10px 0 10px;
	}

	#event2 .es .desc .related_link{
	padding-left: 69px;
	background:url(/ja/schedule/imgs/icon_related_link.gif) left center no-repeat;
	}

	#event2 .es .desc .works_detail{
	padding-left: 69px;
	margin-top: 4px;
	background:url(/ja/schedule/imgs/icon_works_detail.gif) left center no-repeat;
	}

	#event2 .es .desc .out_link{
	padding-left: 18px;
	background:url(../imgs/icon_link_out.gif) left no-repeat;
	margin-top: 4px;
	}

	#event2 .es .desc .notice{
	font-size: 11px;
	line-height: 16px;
	color: #aeaeae;
	margin-top: 8px;
	}

	#event2 .es .desc .g_title{
	font-weight: bold;
	color: #222;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
	}

	#event2 .es .desc .g_title .cat{
	padding-left: 3px;
	font-size: 11px;
	}

	#event2 .es .desc .g_title .update{
	padding-left: 5px;
	font-size: 11px;
	color: #FF9B36;
	}

	#event2 .es .desc .sa_h,
	#event2 .es .desc .qa_h{
	color: #4b4b4b;
	font-size: 11px;
	padding-bottom: 4px;
	}

	#event2 .es .desc .sa_name,
	#event2 .es .desc .qa_name{
	font-weight: bold;
	color: #4b4b4b;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 9px;
	}


	#event2 #es_note{
	font-size: 11px;
	line-height: 16px;
	color: #aeaeae;
	padding: 20px 0 40px;
	}



/* ▼スケジュールテーブル */







/* 表組みレイアウト */



	#timetable{
	width: 905px;
	}


	#schedule_toho{
	width: 905px;
	background: url(/ja/schedule/imgs/bg_toho.gif) no-repeat;
	height: 630px;
	position: relative;
	}

	#schedule_cinemart{
	width: 905px;
	background: url(/ja/schedule/imgs/bg_cinemart.gif) no-repeat;
	height: 90px;
	position: relative;
	}
	#schedule_cinemart_en{
	width: 905px;
	background: url(/ja/schedule/imgs/bg_cinemart.gif) no-repeat;
	height: 90px;
	position: relative;
	}

	/*#schedule_chanter{
	width: 905px;
	background: url(/ja/schedule/imgs/bg_chanter.gif) no-repeat;
	height: 90px;
	position: relative;
	}
	#schedule_chanter.en{
	background: url(/en/schedule/imgs/bg_chanter.gif) no-repeat;
	}*/

	#schedule_nihombashi{
	width: 905px;
	background: url(/ja/schedule/imgs/bg_nihombashi.gif) no-repeat;
	height: 360px;
	position: relative;
	}

	#schedule_kabukiza{
	width: 905px;
	background: url(/ja/schedule/imgs/bg_kabukiza.gif) no-repeat;
	height: 90px;
	position: relative;
	}

	#schedule_national_museum{
	width: 905px;
	background: url(/ja/schedule/imgs/bg_national_museum.gif) no-repeat;
	height: 90px;
	position: relative;
	}

	.toho_screen1-1{ top: 0; left: 30px; position: absolute;}
	.toho_screen1-2{ top: 0; left: 205px; position: absolute;}
	.toho_screen1-3{ top: 0; left: 380px; position: absolute;}
	.toho_screen1-4{ top: 0; left: 555px; position: absolute;}
	.toho_screen1-5{ top: 0; left: 730px; position: absolute;}
	.toho_screen2-1{ top: 90px; left: 30px; position: absolute;}
	.toho_screen2-2{ top: 90px; left: 205px; position: absolute;}
	.toho_screen2-3{ top: 90px; left: 380px; position: absolute;}
	.toho_screen2-4{ top: 90px; left: 555px; position: absolute;}
	.toho_screen2-5{ top: 90px; left: 730px; position: absolute;}
	.toho_screen3-1{ top: 180px; left: 30px; position: absolute;}
	.toho_screen3-2{ top: 180px; left: 205px; position: absolute;}
	.toho_screen3-3{ top: 180px; left: 380px; position: absolute;}
	.toho_screen3-4{ top: 180px; left: 555px; position: absolute;}
	.toho_screen3-5{ top: 180px; left: 730px; position: absolute;}
	.toho_screen4-1{ top: 270px; left: 30px; position: absolute;}
	.toho_screen4-2{ top: 270px; left: 205px; position: absolute;}
	.toho_screen4-3{ top: 270px; left: 380px; position: absolute;}
	.toho_screen4-4{ top: 270px; left: 555px; position: absolute;}
	.toho_screen4-5{ top: 270px; left: 730px; position: absolute;}
	.toho_screen5-1{ top: 360px; left: 30px; position: absolute;}
	.toho_screen5-2{ top: 360px; left: 205px; position: absolute;}
	.toho_screen5-3{ top: 360px; left: 380px; position: absolute;}
	.toho_screen5-4{ top: 360px; left: 555px; position: absolute;}
	.toho_screen5-5{ top: 360px; left: 730px; position: absolute;}
	.toho_screen6-1{ top: 450px; left: 30px; position: absolute;}
	.toho_screen6-2{ top: 450px; left: 205px; position: absolute;}
	.toho_screen6-3{ top: 450px; left: 380px; position: absolute;}
	.toho_screen6-4{ top: 450px; left: 555px; position: absolute;}
	.toho_screen6-5{ top: 450px; left: 730px; position: absolute;}
	.toho_screen7-1{ top: 540px; left: 30px; position: absolute;}
	.toho_screen7-2{ top: 540px; left: 205px; position: absolute;}
	.toho_screen7-3{ top: 540px; left: 380px; position: absolute;}
	.toho_screen7-4{ top: 540px; left: 555px; position: absolute;}
	.toho_screen7-5{ top: 540px; left: 730px; position: absolute;}

	.toho_screen1-0,
	.toho_screen2-0,
	.toho_screen3-0,
	.toho_screen4-0,
	.toho_screen5-0,
	.toho_screen6-0,
	.toho_screen7-0、
	.cinemart_screen1-0,
	.cinemart_screen2-0,
	.cinemart_screen4-0,
	.chanter_screen1-0
	 { display:none;}


	/*.cinemart_screen1-1{ top: 0; left: 30px; position: absolute;}
	.cinemart_screen1-2{ top: 0; left: 205px; position: absolute;}
	.cinemart_screen1-3{ top: 0; left: 380px; position: absolute;}
	.cinemart_screen1-4{ top: 0; left: 555px; position: absolute;}
	.cinemart_screen1-5{ top: 0; left: 730px; position: absolute;}*/
	.cinemart_screen4-1{ top: 0; left: 30px; position: absolute;}
	.cinemart_screen4-2{ top: 0; left: 205px; position: absolute;}
	.cinemart_screen4-3{ top: 0; left: 380px; position: absolute;}
	.cinemart_screen4-4{ top: 0; left: 555px; position: absolute;}
	.cinemart_screen4-5{ top: 0; left: 730px; position: absolute;}

	/*.chanter_screen1-1{ top: 0; left: 30px; position: absolute;}
	.chanter_screen1-2{ top: 0; left: 205px; position: absolute;}
	.chanter_screen1-3{ top: 0; left: 380px; position: absolute;}
	.chanter_screen1-4{ top: 0; left: 555px; position: absolute;}
	.chanter_screen1-5{ top: 0; left: 730px; position: absolute;}
	.chanter_screen2-1{ top: 90px; left: 30px; position: absolute;}
	.chanter_screen2-2{ top: 90px; left: 205px; position: absolute;}
	.chanter_screen2-3{ top: 90px; left: 380px; position: absolute;}
	.chanter_screen2-4{ top: 90px; left: 555px; position: absolute;}
	.chanter_screen2-5{ top: 90px; left: 730px; position: absolute;}*/

	.nihombashi_screen2-1{ top: 0; left: 30px; position: absolute;}
	.nihombashi_screen2-2{ top: 0; left: 205px; position: absolute;}
	.nihombashi_screen2-3{ top: 0; left: 380px; position: absolute;}
	.nihombashi_screen2-4{ top: 0; left: 555px; position: absolute;}
	.nihombashi_screen2-5{ top: 0; left: 730px; position: absolute;}
	.nihombashi_screen3-1{ top: 90px; left: 30px; position: absolute;}
	.nihombashi_screen3-2{ top: 90px; left: 205px; position: absolute;}
	.nihombashi_screen3-3{ top: 90px; left: 380px; position: absolute;}
	.nihombashi_screen3-4{ top: 90px; left: 555px; position: absolute;}
	.nihombashi_screen3-5{ top: 90px; left: 730px; position: absolute;}
	.nihombashi_screen4-1{ top: 180px; left: 30px; position: absolute;}
	.nihombashi_screen4-2{ top: 180px; left: 205px; position: absolute;}
	.nihombashi_screen4-3{ top: 180px; left: 380px; position: absolute;}
	.nihombashi_screen4-4{ top: 180px; left: 555px; position: absolute;}
	.nihombashi_screen4-5{ top: 180px; left: 730px; position: absolute;}
	.nihombashi_screen5-1{ top: 270px; left: 30px; position: absolute;}
	.nihombashi_screen5-2{ top: 270px; left: 205px; position: absolute;}
	.nihombashi_screen5-3{ top: 270px; left: 380px; position: absolute;}
	.nihombashi_screen5-4{ top: 270px; left: 555px; position: absolute;}
	.nihombashi_screen5-5{ top: 270px; left: 730px; position: absolute;}

	.kabukiza_screen1-1{ top: 0; left: 30px; position: absolute;}
	.kabukiza_screen1-2{ top: 0; left: 205px; position: absolute;}
	.kabukiza_screen1-3{ top: 0; left: 380px; position: absolute;}
	.kabukiza_screen1-4{ top: 0; left: 555px; position: absolute;}
	.kabukiza_screen1-5{ top: 0; left: 730px; position: absolute;}

	.national_museum_screen1-1{ top: 0; left: 30px; position: absolute;}
	.national_museum_screen1-2{ top: 0; left: 205px; position: absolute;}
	.national_museum_screen1-3{ top: 0; left: 380px; position: absolute;}
	.national_museum_screen1-4{ top: 0; left: 555px; position: absolute;}
	.national_museum_screen1-5{ top: 0; left: 730px; position: absolute;}


/* 表組み部分のリンク */
	#timetable a:link{color: #000;text-decoration: none;}
	#timetable a:visited{color: #000;text-decoration: none;}
	#timetable a:active{color: #000;text-decoration: none;}
	#timetable a:hover{color: #000;text-decoration: underline;}





/* 表組み詳細 */

	#timetable .box{
	width: 174px;
	height: 89px;
	}

	#timetable .cat_1{ background: url(/common/imgs/color_1.gif) left 8px no-repeat; }
	#timetable .cat_2{ background: url(/common/imgs/color_2.gif) left 8px no-repeat; }
	#timetable .cat_3{ background: url(/common/imgs/color_3.gif) left 8px no-repeat; }
	#timetable .cat_4{ background: url(/common/imgs/color_4.gif) left 8px no-repeat; }
	#timetable .cat_5{ background: url(/common/imgs/color_5.gif) left 8px no-repeat; }
	#timetable .cat_6{ background: url(/common/imgs/color_6.gif) left 8px no-repeat; }
	#timetable .cat_7{ background: url(/common/imgs/color_7.gif) left 8px no-repeat; }
  #timetable .cat_8{ background: url(/common/imgs/color_8.gif) left 8px no-repeat; }
  #timetable .cat_9{ background: url(/common/imgs/color_9.gif) left 8px no-repeat; }
	#timetable .cat_10{ background: url(/common/imgs/color_10.gif) left 8px no-repeat; }
	#timetable .cat_11{ background: url(/common/imgs/color_11.gif) left 8px no-repeat; }
	#timetable .cat_12{ background: url(/common/imgs/color_12.gif) left 8px no-repeat; }
	#timetable .cat_13{ background: url(/common/imgs/color_13.gif) left 8px no-repeat; }
  #timetable .cat_14{ background: url(/common/imgs/color_14.gif) left 8px no-repeat; }
	#timetable .cat_20{ background: url(/common/imgs/color_20.gif) left 8px no-repeat; }
	#timetable .cat_21{ background: url(/common/imgs/color_21.gif) left 8px no-repeat; }
	#timetable .cat_22{ background: url(/common/imgs/color_22.gif) left 8px no-repeat; }
  #timetable .cat_23{ background: url(/common/imgs/color_22.gif) left 8px no-repeat; }
  #timetable .cat_24{ background: url(/common/imgs/color_22.gif) left 8px no-repeat; }

	#timetable .ticket_1 {
	background: url(/ja/schedule/imgs/icon_ticket_1.gif) 153px 1px no-repeat;
	}

	#timetable .ticket_2 {
	background: #fffbe3 url(/ja/schedule/imgs/icon_ticket_2.gif) 153px 1px no-repeat;
	}

	#timetable .ticket_3 {
	background: #f0efef url(/ja/schedule/imgs/icon_ticket_3.gif) 153px 1px no-repeat;
	}

	#timetable .box .time{
	height: 19px;
	font-size: 11px;
	line-height: 1.5;
	padding: 3px 7px 0 15px;
	color: #333;
	background: url(/ja/schedule/imgs/time_bar.gif) left bottom no-repeat;
	}

	#timetable .box .time .start{
	font-weight: bold;
	}

	#timetable .box .time .length{
	color: #666;
	margin-left: 5px;
	font-size: 10px;
	}

	#timetable .box .title{
	font-size: 11px;
	line-height: 1.27;
	color: #000;
	padding: 6px 25px 5px 7px;
	}

	#timetable .box .check{
	position: absolute;
	top: 24px;
	left: 149px;
	}

	#timetable .box .check img{
	cursor: pointer;
	}

	#timetable .box .check_on{
	display: none;
	}

	#timetable .box .check_on img{
	cursor: pointer;
	}

	#timetable .box .icon{
	position: absolute;
	top: 71px;
	left: 7px;
	}
	
	#timetable .box .status {
	position: absolute;
	right: 9px;
	top: 4px;
	}

	#timetable .box .icon img{
	margin-right: 4px;
	}

	#timetable .box .fav_bg_on {
	background-color: #fffeef;
	}











	

/* 注意書き */	



	

	#schedule_main .subttl{
	margin: 0 0 12px;
	padding: 0 0 6px 2px;
	border-bottom: 1px solid #C4C4C4;
	}



	.orag{
	color: #F4AC00;
	}


/* リンクアイコン */

	p.w_in {

			background: url(/common/imgs/icon_link_in.gif) left 4px no-repeat;

			padding: 0 0 0 18px;

			margin: 0 0 4px 1px;

	}	

	p.w_out {

			background: url(/common/imgs/icon_link_out.gif) left 4px no-repeat;

			padding: 0 0 0 18px;

			margin: 0 0 4px 1px;

	}	

	

	.caution{

	line-height: 150%;

	

	}

	

	.caution .small{

  font-size: 11px;

	}

	

/* 白背景用pagetop */



	.pagetop_w{

	width:51px;

	height:9px;

	margin:15px 10px 40px 0;

	background: url(/ja/schedule/imgs/btn_pagetop_w_on.gif) no-repeat;

	text-indent: 9999px;/*テキスト非表示*/

	overflow: hidden;

	}

	.pagetop_w a{

	width:51px;

	height:9px;

	background: url(/ja/schedule/imgs/btn_pagetop_w.gif) no-repeat;

	display: block;

	text-indent: 9999px;/*テキスト非表示*/

	overflow: hidden;

	}

	

	.pagetop_w a:hover{

	background-image:none;

	}