@charset "utf-8";

/*
	Site Name: NEW NATIONAL THEATRE, TOKYO
	Description: top page setting
	Version: 1.0
*/

/*
===== CONTENTS ===========================================

	1: HEADER LAYOUT
	2: UPPER BLOCK LAYOUT
	  2-1: PROGRAM LIST LAYOUT
	  2-2: SET LIST LAYOUT
	  2-3: ABOUT SET LAYOUT
	3: BOTTOM BLOCK LAYOUT
	  3-1: SCHEDULE TABLE LAYOUT
	  3-2: SCHEDULE LIST LAYOUT
	  3-3: BOTTOM BLOCK ABOUT SET LAYOUT

==========================================================
*/



/*
===== 1: HEADER LAYOUT =====================================
*/
#layoutHeader {
	width : 960px;
	height: 290px;
}

#layoutHeader img {
	display: block;
	float  : none;
}

/*
===== 2: UPPER BLOCK LAYOUT =====================================
*/

#upperBlock {
	background: url(../../opera/img/bg_upperblock.gif) left bottom no-repeat;
}
#contents{
	width: 900px;
	padding: 20px 0;
	margin: 0 30px;
}

#upperBlock #pgList{
	float:left;
	width:424px;
}

#upperBlock .aboutSet {
	float: right;
	background-color:#F4E9DF;
	width: 456px;
	text-align: left;
}
#upperBlock .toTop{
	margin:10px 0px 0px 0px;
	text-align:right;
	font-size:85%;
}
#upperBlock .toTop span{
	color:#BC2526;
	font-size:85%;
}
/*
===== 2-1: PROGRAM LIST LAYOUT =====================================
*/

#upperBlock #pgList h2{
}

#upperBlock #pgList .inner{
	text-align   : center;
	width        : 422px;
	min-height   : 502px;
	height       : auto !important;
	height       : 502px;
	border-right : 1px solid #B2B2B2;
	border-left  : 1px solid #B2B2B2;
}

#ie7 #upperBlock #pgList .inner,
#ie6 #upperBlock #pgList .inner{
	min-height: 499px;
	height    : auto !important;
	height    : 499px;
}

#b_top #upperBlock #pgList .inner{
	min-height: 459px;
	height: auto !important;
	height: 459px;
}

#b_top #ie7 #upperBlock #pgList .inner,
#b_top #ie6 #upperBlock #pgList .inner{
	min-height: 457px;
	height    : auto !important;
	height    : 457px;
}
#upperBlock #pgList .inner table{
	width          : 412px;
	margin         : 9px auto 6px;
	border-collapse: separate;
}
#upperBlock #pgList .inner tr{
	padding-bottom:1px;
}
#upperBlock #pgList .inner tr.colored td{
	background-color: #F4E9DF;
}
#upperBlock #pgList .inner td{
	font-weight  : bold;
	text-align   : center;
	padding      : 9px 7px;
}
#upperBlock #pgList .inner td.year{
	width     : 60px;
	text-align: right;
}
#upperBlock #pgList .inner td.month{
	width     : 50px;
	text-align: right;
	padding   : 9px 7px;
}
#upperBlock #pgList .inner td.programLink{
	text-align: left;
}
#upperBlock #pgList .inner td.whiteBg{
	background   : url(../../opera/img/bg_border_dotto.gif) repeat-x center left ;
	height       : 3px;
	padding      : 0;
	border-top   : none;
	border-bottom: none;
	line-height  : 0;
	font-size    :0%;
}
#contents #pdfLinkS .padding-left {
	padding-left: 8px;
}



/*
===== 2-2: SET LIST LAYOUT =====================================
*/
#upperBlock #setList {
	float        : right;
	width        : 456px;
	margin-bottom: 17px;
}
#upperBlock #setList p{
	margin-bottom: 6px;
}
#upperBlock #setList .inner{
	background-color: #F4E9DF;
	width           : 426px;
	padding         : 8px 15px 8px 15px;
}

#upperBlock #setList .inner li{
	float       : left;
	width       : 133px;
	margin-right: 12px;
}
#upperBlock #setList .inner li.lastChild{
	margin-right: 0px;
}

/*
===== 2-3: ABOUT SET LAYOUT =====================================
*/
#upperBlock .aboutSet h2{
}
#upperBlock .aboutSet .inner{
	background-color: #F4E9DF;
	padding         : 10px 20px 5px 20px;
}
#upperBlock .aboutSet p{
	margin-bottom: 10px;
}
#upperBlock .aboutSet .btnArea{
	background : url(../img/pct_2nd_line_short.gif) left top repeat-x;
	padding:10px 0px 10px 0px;
	text-align:center;
}
#pdfLinkS,
.pdfLinkS{
	background : url(../img/pct_2nd_line_short.gif) left top repeat-x;
	text-align: center;
	padding: 15px 27px 15px 28px;
}
.aboutSet #pdfLinkS {
	padding: 10px 5px 10px 15px;
}
#pdfLinkS p {
	text-align: left;
	margin-bottom: 5px;
}
#pdfLinkS a,
.pdfLinkS a{
	background  : url(../img/icn_circle2.gif) no-repeat left center;
	padding-left:16px;
}
#bottomBlock .scheduleTbl td.nurseryLink, #bottomBlock .scheduleTbl_half td.nurseryLink{
	padding : 10px 0 0 15px;
}
.nurseryLink a{
	background  : url(../img/icn_circle2.gif) no-repeat left center;
	padding-left:15px;
}
/*
===== 3: BOTTOM BLOCK LAYOUT =====================================
*/
#bottomBlock{
	margin-top:10px;
}

/*
===== 3-1: SCHEDULE TABLE LAYOUT =====================================
*/

.scheduleTbl {
	width: 880px;
	padding-left: 20px;
}
/*
#b_top .scheduleTbl {
	width: 880px;
	padding-left: 20px;
}
*/
.scheduleTbl .inner {
	width: 880px;
}

.scheduleTbl li,
.scheduleTbl_half li {
	display: inline;
}

.scheduleTbl img,
.scheduleTbl_half img {
	display: block;
}

#bottomBlock .scheduleTbl td{
	margin:0px;
	padding:0px;
	vertical-align:top;
}
#bottomBlock .scheduleTbl td.headline{
	padding:0px;
	width:26px;
	text-align:right;

}#bottomBlock .scheduleTbl td.headline img{
	display:block;

}

#bottomBlock .scheduleTbl td.bgDancers {
	background: url(../../ballet/img/pct_dansers_txt.gif) left top no-repeat;
}

#bottomBlock .scheduleTbl_half{
	width:441px;
	float:left;
}

#bottomBlock .scheduleTbl_half td{
	margin:0px;
	padding:0px;
	vertical-align:top;
	
}
/*
===== 3-2: SCHEDULE LIST LAYOUT =====================================
*/
#bottomBlock .scheduleTbl .sheduleList_1,
#bottomBlock .scheduleTbl .sheduleList_2,
#bottomBlock .scheduleTbl_half .sheduleList_3{
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#bottomBlock .scheduleTbl .sheduleList_1,
#bottomBlock .scheduleTbl .sheduleList_2 {
	width: 834px;
	text-align:left;
	padding:0;
}

#b_top #bottomBlock .scheduleTbl .sheduleList_1,
#b_top #bottomBlock .scheduleTbl .sheduleList_2 {
	width: 828px;
}

/*
===== 3-3: BOTTOM BLOCK ABOUT SET LAYOUT =====================================
*/
#bottomBlock div.aboutSet{
	background-color: #F4E9DF;
	float           : right;
	width           : 403px;
	padding-bottom  : 12px;
}
#bottomBlock .aboutSet h2{
}
#bottomBlock .aboutSet .inner{	
	background      : url(../img/pct_2nd_line_short.gif) left bottom repeat-x;
	background-color: #F4E9DF;
	text-align      : center;
	padding         : 10px 0px 0px;
}
#bottomBlock .aboutSet .inner .pamphlet {
	padding-top   : 10px;
	padding-bottom: 10px;
}
#bottomBlock .aboutSet .inner2 {
	padding   : 12px 110px 10px 10px;
	background-image: url(../../opera/img/ph_restaurant.jpg);
	background-repeat: no-repeat;
	background-position: 293px 12px;
}
#bottomBlock .aboutSet .inner2 h3 {
	margin-bottom: 10px;
}
#bottomBlock .contentWrapBox {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}



div#contents #dlBlock,
div#contents #dlBlock p,
div#contents #dlBlock .btnArea{
	background-color: #EFEFE5;
	text-align      : center;
	margin-bottom   : 15px;
}
div#contents #dlBlock{
	text-align: center;
	width     : 860px;
	margin    : 0 auto;
	padding   : 15px 0px 15px 0px;
	border    : 2px solid #95967F;
}
div#contents #dlBlock .btnArea{
	background : url(../../opera/full/img/pct_2nd_line_short.gif) repeat-x top;
	margin     : 15px 0px 0px 0px;
	padding-top: 15px;
}


#infomationText {
	text-align: center;
}
#infomationText h2 {
	font-size     : 120%;
	font-weight   : bold;
	padding-bottom: 12px;
}
#infomationText p {
	padding-bottom: 10px;
}
#infomationText .addressInfo {
	width     : 85%;
	margin    : 0 auto;
	padding   : 10px 10px 0px 10px;
	border-top: 1px solid #D9D9D9;
}
#infomationText .addressInfo span {
	padding-right: 15px;
}






div#contents .dotLine{
	background: url(../../opera/full/img/pct_dot.gif) repeat-x top;
}

.pageTopEnd {
	text-align    : right;
	font-size     : 90%;
	background    : url(../../opera/img/bg_pagetop.gif) left top repeat-x;
	width         : 920px;
	clear         : both;
	margin        : 0 20px;
	padding-top   : 10px;
	padding-bottom: 30px;
}

.pageTopEnd span {
	color        : #bc2526;
	padding-right: 5px;
}

#toFormSet {
	background-color: #F1E7DC;
	border          : 2px solid #A4A48F;
	clear           : both;
	width           : 860px;
	margin          : 20px auto 30px;
	padding-top     : 13px;
}