@charset "Shift_JIS";
@import url("base.css");

#header {
	position: relative;
	height: 453px;
	width: 960px;
	border-bottom:1px solid #d0d0d0;
}
#containerMain{
	padding: 0 10px 0 0;
	margin: 3px 0 15px 0;
}
#contentsImg{
	height: 300px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin-top: 2px;
	width:960px;
}
#contentsImg #flash{
	float:left;
	width:740px;
	height: 300px;
}

/* Attention Area*/
#contentsImg #AttentionArea{
	float:left;
	width:220px;
	height: 300px;
	position: relative;
}
#contentsImg #AttentionArea ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#contentsImg #AttentionArea ul li{
	position:relative;
	text-indent: -9999px;
	display:block;
	font-size:1px;/* for IE */
}
#contentsImg #AttentionArea ul li a{
    overflow: hidden;
	display:block;
}
#contentsImg #AttentionArea ul li a:hover{
	display:block;
	background-position:-220px 0;
}
/* Individual settings */
#contentsImg #AttentionArea ul li#seasonLineup1112 a{
	height:56px;
	background-image:url(../img_v3/attention_1112.png);
}
#contentsImg #AttentionArea ul li#seasonLineup1213 a{
	height:53px;
	background-image:url(../img_v3/attention_1213.png);
}
#contentsImg #AttentionArea ul li#SetOpera1213 a{
	height:96px;
	background-image:url(../img_v3/attention_opera_1213.png);
}
#contentsImg #AttentionArea ul li#SetBallet1213 a{
	height:95px;
	background-image:url(../img_v3/attention_ballet_1213.png);
}
/* Individual settings END*/
/* Attention Area END*/

#contentsImg #seasonDirector{
	float:left;
	width:220px;
	height: 300px;
	position: relative;
	background:url(../img_v3/season_director.png) no-repeat;
}
#seasonDirector ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#seasonDirector ul li{
	position:relative;
	text-indent: -9999px;
	display:block;
	font-size:1px;/* for IE */
}
#seasonDirector ul li a{
	position:absolute;
	display:block;
}
#seasonDirector ul li#seasonLineup{
	height:56px;
}
li#seasonLineup a{
	left:5px;
	top:5px;
	width:211px;
	height:50px;
}
#seasonDirector ul li#seasonLineup2011{
	height:49px;
}
li#seasonLineup2011 a{
	left:5px;
	top:0px;
	width:211px;
	height:49px;
}
#seasonDirector ul li#onlineTour{
	height:251px;
}
li#onlineTour a{
	left:5px;
	top:2px;
	width:211px;
	height:249px;
}
#seasonDirector ul li#h24highschool{
	height:251px;
}
li#h24highschool a#laboheme {
	left:6px;
	top:127px;
	width:103px;
	height:120px;
}
li#h24highschool a#lelisir {
	left:109px;
	top:127px;
	width:106px;
	height:120px;
}
#seasonDirector ul li#operaSeasonset{
	height:95px;
}
li#operaSeasonset a{
	left:0px;
	top:0px;
	width:220px;
	height:95px;
}
#seasonDirector ul li#balletSeasonset{
	height:94px;
}
li#balletSeasonset a{
	left:0px;
	top:0px;
	width:220px;
	height:94px;
}
#seasonDirector ul li#directorTitle{
	height:30px;
}
li#directorTitle a{
	left:121px;
	top:8px;
	width:99px;
	height:15px;
}
#seasonDirector ul li#directorOpera{
	height:62px;
}
li#directorOpera a{
	left:5px;
	width:211px;
	height:60px;
}
#seasonDirector ul li#directorDance{
	height:62px;
}
li#directorDance a{
	left:5px;
	width:211px;
	height:60px;
}
#seasonDirector ul li#directorPlay{
	height:64px;
}
li#directorPlay a{
	left:5px;
	width:211px;
	height:60px;
}


/* @group topLeftBlk */
#topleftBlk{
	width: 215px;
	float: left;
	margin-right: 30px;
	background: url(../img_v3/lm_bg.png) repeat-y;
	position:relative;
}
#topTodayEvent{
	width: 215px;
	margin: 0;
}
#topCalender{
	width: 215px;
	margin: 0;
}
#topRent{
	width: 215px;
	margin: 0;
}
#topleftBlk #ieDebugger{
	clear: both;
	width: 0px;
	height: 0px;
}
/* @end */

/* @group topToday */
#topTodayEvent a:link,
#topTodayEvent a:visited{
	color: #05246e;
}
#topTodayEvent a:hover{
	color: #0634a1;
}

/* @group topTodayEvent */
#topTodayEvent{
	color: #333;
}
#topTodayEvent h2{
	margin: 0;
	height: 39px;
	text-indent: -9999px;
	background: url(../img_v3/lm_today.png) no-repeat;
}
#tteDate{
	margin: 0 0 10px;
	background-color: #e9e4dc;
	font-weight: bold;
	color: #00174f;
	line-height: 100%;
	padding: 4px 6px;
}
#topTodayEvent dl{
	margin: 8px 15px 15px;
}
#topTodayEvent dl dt{
	margin:0;
	padding:0;
	font-weight: bold;
	height: 16px;
	text-indent: -9999px;
	line-height: 100%;
}
#topTodayEvent #ttett-01{
	background: url(../img_v3/lm_tett_01.png) no-repeat;
}
#topTodayEvent #ttett-02{
	background: url(../img_v3/lm_tett_02.png) no-repeat;
}
#topTodayEvent #ttett-03{
	background: url(../img_v3/lm_tett_03.png) no-repeat;
}
#topTodayEvent #ttett-04{
	background: url(../img_v2/lm_tett_04.png) no-repeat;
}
#topTodayEvent dl dd{
	margin: 0 0 2px;
	padding: 4px;
	border: solid 1px #ccc;
	background-color: #fff;
	font-weight: bold;
}
span#ctteTime{
	font-weight: normal;
	color: #666666;
}
/* @end */

/* @group topCalender */
#topCalender{
	margin: 0 0 5px;
	_margin: 0 0 -10px;/*IE6*/
	position: relative;
}
#topCalender h2{
	margin: 0 0 9px;
	height: 39px;
	text-indent: -9999px;
	background: url(../img_v3/lm_calendar.png) no-repeat;
}
/*#topCalender ul#seasonCal{
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 8px;
	right: 15px;
}
#topCalender ul#seasonCal a{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 36px;
	width: 70px;
}*/
#topCalender table{
	border-collapse: collapse;
	width: 166px;
	margin: auto;
}
#topCalender table th{
	text-align: left;
	color: #00174f;
}
#topCalender table td{
	border: solid 1px #fff;
	padding: 0;
	color: #333;
	width: 14%;
	background-color: #dee3f6;
	text-align: center;
}
#topCalender table td a{
	display: block;
	background-color: #bbc6ef;
}
#topCalender a:link,
#topCalender a:visited{
	color: #333;
}
#topCalender a:hover{
	color: #000;
}
/*topCalPullMenu*/
#topCalPullMenu{
	margin: 15px 10px;
	padding:10px;
	text-align:center;
	border:1px solid #cccccc;
}
#topCalPullMenu select{
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
#topCalPullMenu input{
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
/* @end */

/* @group topRent */
#topRent{
	height: 40px;
	text-indent: -9999px;
	background: url(../img_v3/lm_rent.png) no-repeat;
}
#topRent a{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 40px;
	width: 215px;
}
/* @end */

/* @end */

/* @group contentsNewsTop */
#contentsNewsTop{
	width: 495px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
#contentsNewsTop h2{
	margin: 0;
	padding:0;
	height: 43px;
	text-indent: -9999px;
	background: url(../img_v3/news.png);
	border-bottom:1px solid #9e9e9e;
}
#contentsNewsTop h2#tt_update{
	margin-top: 8px;
	background-image: url(../img_v3/update.png);
}
#contentsNewsTop ul#pastWn {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	right: 0;
}
#contentsNewsTop ul#pastWn a{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 32px;
	width: 124px;
}
#contentsNewsTop table{
	border-collapse: collapse;
	width: 495px;
	margin:0px;
}
#contentsNewsTop table th{
	background: #ebebeb;
	vertical-align: top;
	margin:0px;
	padding: 7px;
	font-weight: normal;
	width: 74px;
	text-align: center;
	border-bottom:1px solid #9e9e9e;
}
#contentsNewsTop table td{
	margin:0px;
	padding: 7px;
	border-bottom:1px solid #9e9e9e;
}
#contentsNewsTop td a{
	background-color: #fff;
	position: relative;
}
#contentsNewsTop td a:link,
#contentsNewsTop td a:visited{
	color: #666;
}
#contentsNewsTop td a:hover{
	color: #333;
}
/*
#contentsNewsTop dl{
	margin: 5px 0 -2px 0;
	padding: 0;
}
#contentsNewsTop dl dt{
	float: left;
	padding: 5px 7px;
}
#contentsNewsTop dl dd a{
	display: block;
	background-color: #fff;
	padding:5px ;
	position: relative;
}
#contentsNewsTop dl dd a:link,
#contentsNewsTop dl dd a:visited{
	color: #666;
}
#contentsNewsTop dl dd a:hover{
	color: #333;
}
*/
/* @end */


/* @group toprightBlk */
#toprightBlk{
	width: 180px;
	float: right;
	position:relative;
	padding-top:12px;
}
#toprightBlk a{
	display:block;
	margin-bottom:4px;
}
#toprightBlk a img{
	border:none;
}
#toprightBlk #movie{
	background:url(../img_v3/rm_movie.png) no-repeat bottom;
	padding-bottom:2px;
	margin-bottom:4px;
}
#toprightBlk #movie h2{
	background:url(../img_v3/rm_movie-title.png) no-repeat;
	display: block;
	text-indent: -9999px;
	height:31px;
	margin:0px;
	padding:0px;
}
#toprightBlk #movie #player{
	margin:0 3px;
	padding:0px;
}
#toprightBlk #movie #more{
	text-align:right;
	margin:0 5px;
	padding:0px;
}
#toprightBlk #movie a{
	margin:0;
	padding:0;
}
#toprightBlk #movie #more a:link,
#toprightBlk #movie #more a:visited{
	color: #666;
}
#toprightBlk #movie #more a:hover{
	color: #333;
}
#toprightBlk #operacity{
	background:url(../img_v3/rm_operacity.png) no-repeat bottom;
	padding-bottom:10px;
}
#toprightBlk #operacity h2{
	background:url(../img_v3/rm_operacity-title.png) no-repeat;
	display: block;
	text-indent: -9999px;
	height:35px;
	margin:0px;
	padding:0px;
}
#toprightBlk #operacity h3{
	background:url(../img_v3/rm_operacity-sub.png) no-repeat;
	display: block;
	text-indent: -9999px;
	height:26px;
	margin:0px;
	padding:0px;
}
#toprightBlk #operacity ul{
	margin:7px 10px 0 0;
	padding:0;
	list-style:none;
}
#toprightBlk #operacity ul#operacity-2nd{
	border-top:1px solid #b9b9b9;
	padding-top:10px;
}
#toprightBlk #operacity ul li{
	margin:0 0 3px 10px;
	padding:0 0 0 10px;
	background:url(../img_v3/rm_arrow.gif) 0px 3px no-repeat;
	line-height:130%;
}
#toprightBlk #operacity ul li a{
	margin:0;
	padding:0;
}
#toprightBlk #operacity ul li a:link,
#toprightBlk #operacity ul li a:visited{
	color: #666;
}
#toprightBlk #operacity ul li a:hover{
	color: #333;
}
/* @end */

/* @group topCalender */
#topCalender table tr.youbi th{
	background: #e3e3e3;
	border-bottom: 3px double #fff;
	border-top: 1px double #fff;
	border-right: 1px double #fff;
	border-left: 1px double #fff;
	font-weight: normal;
	color: #898989;
	text-align: center;
}
/* @end */