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

/*
	Site Name: New National Theatre, tokyo
	Description: common setting
	Version: 
	Author: 
*/

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

	1: base layout
	2: header layout
	    2-1: logo setting
		2-2: header navigation setting
	3: global navigation layout
	4: main image layout
	5: main content erea layout
	6: breadCrumb layout
    7: mainContentsLeft layout
		7-1: mainContentsLeft layout setting
	    7-2: setTicketS erea setting
	    7-3: entry ereaS setting
	    7-4: buy ticketS erea setting 
	8: mainContentsRight layout
	9: footer layout
	10: space setting
	11: tools
	12: for opera
	13: for IE6
	14: for IE7
	15: for safari

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

/* -------------------------------------------------------
  1: base layout
------------------------------------------------------- */
#layoutWrapper {
	background: url(../img/bg_container.gif) repeat-y center top;
	width: 976px;
	margin: 0 auto;
}

#layoutWrapper #bgShadowLeft {
	display: none;
}

#layoutWrapper #bgShadowRight {
	display: none;
}

#layoutContainer {
	text-align : left;
	float:  left;
	width: 960px;
	margin: 0 8px;
}


/* -------------------------------------------------------
  2: header layout
------------------------------------------------------- */
/*   2-1: logo setting   */
#layoutHeader {
	background  : url(../img/bg_header.gif) repeat-x left top;
	height: 89px;
	margin-right: 10px;
	margin-left : 10px;
}

#layoutHeader img {
	display: block;
}

div#logo {
	height:  81px;
	width : 245px;
	float :  left;
}

div#logo p,
div#logo h1 {
	float: left;
}

/*   2-2: header navigation setting   */
#headerNavi {
	text-align: right;
	float: right;
	width: 337px;
	padding-top: 7px;
	padding-right: 11px;
}

#headerNavi #innerNavi1 {
	text-align: right;
	float  : right;
	width: 322px;
	padding: 10px 0px;
}

#ie6 #headerNavi #innerNavi1 {
	overflow: hidden;
}

#linkList {
	float: left;
	width: 198px;
}

#linkList li {
	float: left;
	padding-right: 20px;
}

#linkList img {
	margin: 5px 0 4px;
}

#headerNavi #innerNavi2 {
	text-align  : right;
	float: right;
	width: 330px;
	clear: both;
}

#headerNavi #innerNavi2 img,
#headerNavi #innerNavi2 input {
	display: block;
}
#headerNavi #innerNavi2 dl {
	float: right;
	display: inline;
}

#headerNavi #innerNavi2 dt {
	float:  left;
	display: inline;
	padding-top: 3px;
	padding-right: 5px;
	margin-top: 3px;
}

#headerNavi #innerNavi2 dd {
	float:  left;
	display: inline;
	margin-left : 6px;
}

#headerNavi #innerNavi2 #keyword {
	width : 160px;
	height:  18px;
	padding-top: 1px;
	margin-top: -1px;
	color: #5F5F5F;
}

#headerNavi #innerNavi2 dd input.inptBtn {
	margin-top : 1px;
	margin-left:  0px;
}

/* -------------------------------------------------------
  3: global navigation layout
------------------------------------------------------- */
#layoutGlobalNavi {
	width: 940px;
	margin-right: 10px;
	margin-left : 10px;
}
#layoutGlobalNavi li {
	float: left;
}


/* -------------------------------------------------------
  4: main image layout
------------------------------------------------------- */
#mainImg {
	text-align: center;
	margin : 10px auto;
}


/* -------------------------------------------------------
  5: main content erea layout
------------------------------------------------------- */
#layoutMain {
	background  : url(../img/bg_main_top.jpg) no-repeat left top;
	width: 960px;
	margin-right: auto;
	margin-left : auto;
	padding-top :  7px;
}
#layoutMainMiddle {
	background: url(../img/bg_main_middle.jpg) repeat-y left top;
	width: 960px;
}
#layoutMainBottom {
	background  : url(../img/bg_main_bottom.jpg) no-repeat left bottom;
	text-align  : left;
	width : auto;
	margin-right: auto;
	margin-left : auto;
	padding-bottom: 25px;
}

#layoutFooter {
	clear: both;
}


/* -------------------------------------------------------
  6: breadCrumb layout
------------------------------------------------------- */
/* forWork */
#breadCrumb {
	float: left;
	width: 946px;
	margin: 0 0 15px 0;
	padding: 0 7px;
}

#breadCrumb ol {
	background-color:#EAEAE4;
	padding: 3px 0 4px 11px;
}

#breadCrumb li {
	float:left;
}

/* -------------------------------------------------------
  7: mainContentsLeft layout
------------------------------------------------------- */

/*   7-1: mainContentsLeft layout setting   */
#mainContentsLeft {
	width: 200px;
	padding-left: 18px;
	margin-right:15px;
    text-align:left;
	float: left;
}

#mainContentsLeft a {
	color:#303030;
	text-decoration:none;
} 

#mainContentsLeft a:hover,
#mainContentsLeft a:active,
#mainContentsLeft a:focus {
	color:#D41D00;
	text-decoration: underline;
}

#subNavi {
	width:200px;
	margin-bottom:30px;
}

#subNavi ul {
	width:198px;
}

#subNavi li {
	padding:0 0 7px 7px;
	border-bottom:solid 1px #BBB2A5;
	margin:7px 0 0 0;
}

#subNavi li.arwLink {
	background: url(../img/arw_txtlink.gif) no-repeat 7px 5px;
	padding:0 0 7px 22px;
	margin:7px 0 0 0;
}

#subNavi li.select {
	color:#D41D00;
}

/*   7-2: setTicketS erea setting   */
#setTicketS1 {
	margin-top   : 10px;
	margin-bottom: 5px;
}
#setTicketS2 {
	margin-top   : 0px;
	margin-bottom: 5px;
}
.setticket2010{
	margin-bottom: 13px;
}
#entryRequest2nd ul {
	margin-bottom: 10px;
	padding-left: 3px;
}
#entryRequest2nd ul li {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #898989;
}
#entryRequest2nd ul li a {
	background-image: url(../img/arw_txtlink.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}




/*   7-3: entryS erea setting   */
#entryS {
	background-color: #E0DDD5;
	width: 180px;
	padding: 11px 9px;
	border: 1px solid #C7C3BF;
	margin-bottom: 12px;
}

#entryS  li {
    width:180px;
	height:45px;
	margin-bottom: 8px;
}
#entryS .lastChild {
	margin-bottom: 0px;
}

/*   7-4: buyS ticket erea setting   */
#buyS {
	background-color: #E0DDD5;
	width: 180px;
	padding: 8px 9px 9px 9px;
	border: 1px solid #C7C3BF;
}

#buyS p {
	padding-top:9px;
}

#buyS dl {
	background-color: #FFFFFF;
	padding:2px 10px 8px 10px;
}

#buyS dt {
	line-height:0;
	padding-top:10px;
	}

#buyS ul {
	padding-top: 6px;
}
#buyS li {
	width:160px;
	height:37px;
	margin-bottom: 6px;
	display:block;
}
#buyS li.break{
	height:70px;
	margin-bottom: 0;
}
#buyS li.lastChild {
	margin-bottom: 0;
}
#buyS li.mb4 {
	margin-bottom: 4px;
}

/* -------------------------------------------------------
  8: mainContentsRight layout
------------------------------------------------------- */

#mainContentsRight {
	width:709px;
	float: left;
	text-align:left;
}
#rightTitle {
	padding-top:9px;
	}

#rightTitle h2 {
	width:404px;
	float:left;
}
#rightTitle h2.ttlTxt {
	font-size: large;
	font-weight: bold;
	line-height: 1.2;
	background:url(../../faq/img/h_faq03.jpg) top left no-repeat;
	width:380px;
	height:49px;
	padding:0 0 0 24px;
}

#rightTitle ul {
	width:305px;
	height:35px;
	padding-top:14px;
	float:left;
	background:url(../img/bk_ttl_bottom.jpg) left top no-repeat;
}

#rightTitle li.left {
	width:147px;
	float:left;
}
#rightTitle li.right {
	width:146px;
	float:left;
}
#rMainBox {
	width:709px;
	margin:0px;
	padding:0px;
}


#btnSet {
	width:681px;
	margin-top:3px;
}

#btnSet ul.chapter01 {
	background:url(../img/bg_chapter01.gif) left top no-repeat;
	height:42px;
	padding:10px 0 0 11px;
}

#btnSet ul.chapter02 {
	background:url(../img/bg_chapter02.gif) left top no-repeat;
	height:78px;
	padding:10px 0 0 11px;
}

#btnSet ul.chapter03 {
	background:url(../img/bg_chapter03.gif) left top no-repeat;
	height:115px;
	padding:10px 0 0 11px;
}

#btnSet li {
	float: left;
	margin-right:6px;
	margin-bottom:6px;
	display: inline;
}

#btnSet li img {
	display: block;
}

.pageTop {
	text-align:right;
	font-size:90%;
	clear: both;
	margin-right: 0;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}
.pageTop span {
	font-size:90%;
	padding-right:5px;
	color:#D41D00;
}

/* -------------------------------------------------------
  9: footer layout
------------------------------------------------------- */
#footerContact {
	padding: 5px 20px 8px 20px;
	font-size: 14px;
}

#footerContact #innerFooterBtn {
	float:  left;
	width: 710px;
}

#footerContact h2 {
	float : left;
	margin-right: 10px;
}

#footerContact img {
	float: right;
	padding-top : 4px;
}

#footerContact p {
	float: left;
}

#layoutFooter ul {
	padding: 5px 20px;
	border-top: 1px solid #D7D3C4;
	border-bottom: 1px solid #D7D3C4;
}

#layoutFooter li {
	float : left;
	height: 18px;
	margin-right: 15px;
}

#footerLink {
	clear : both;
	background  : url(../img/bg_footer.jpg) repeat-x left top;
	height: 80px;
	padding: 0 20px;
}

#footerLink dl {
	float: left;
	width: 290px;
	margin-top: 20px;
}

#footerLink dd {
	float: left;
	margin-right: 18px;
	padding: 0;
}

#footerLink ul {
	float: right;
	text-align: right;
	width: 255px;
	padding: 0;
	margin-top: 10px;
	border: none;
}

#footerLink li {
	float: none;
	display: inline;
	margin : 0;
	overflow: hidden;
}

#footerLink li img {
	float: right;
	display: block;
}

address {
	color: #FFFFFF;
	font-size: 85%;
	font-style: normal;
	line-height: 25px;
	background: url(../img/bg_copyright.gif) repeat-x left top;
	text-align: right;
	height: 25px;
	padding-right: 15px;
}


/* -------------------------------------------------------
  10: space setting
------------------------------------------------------- */
.pt5  {	padding-top: 5px;}
.pt10 {	padding-top: 10px;}
.pt15 {	padding-top: 15px;}
.pt20 {	padding-top: 20px;}
.pt25 {	padding-top: 25px;}
.pt30 {	padding-top: 30px;}

.pb5  {	padding-bottom: 5px;}
.pb10 {	padding-bottom: 10px;}
.pb15 {	padding-bottom: 15px;}
.pb20 {	padding-bottom: 20px;}
.pb25 {	padding-bottom: 25px;}
.pb30 {	padding-bottom: 30px;}

.pl3  {	padding-left: 3px;}
.pl5  {	padding-left: 5px;}
.pl10 {	padding-left: 10px;}
.pl15 {	padding-left: 15px;}
.pl20 {	padding-left: 20px;}
.pl25 {	padding-left: 25px;}
.pl30 {	padding-left: 30px;}

.pr15 {	padding-right: 15px;}

.mt5  {	margin-top : 5px;}
.mt10 {	margin-top : 10px;}
.mt15 {	margin-top : 15px;}
.mt20 {	margin-top : 20px;}
.mt25 {	margin-top : 25px;}
.mt30 {	margin-top : 30px;}
.mt35 {	margin-top : 35px;}
.mt40 {	margin-top : 40px;}

.mb5  {	margin-bottom: 5px;}
.mb10 {	margin-bottom: 10px;}
.mb15 {	margin-bottom: 15px;}
.mb20 {	margin-bottom: 20px;}
.mb25 {	margin-bottom: 25px;}
.mb30 {	margin-bottom: 30px;}

/* -------------------------------------------------------
  11: tools
------------------------------------------------------- */
.hBgRed {
	line-height: 25px;
	font-size: 103%;
	background: url(../img/h_common_red.gif) no-repeat left top;
	height: 25px;
	padding-left: 12px;
}
.smallText {
	font-size: x-small;
}

#amenityTop {
	display: inline;
	font-size: 0px;
	line-height: 0;
	margin-bottom: 10px;
}

#amenityTop img {
	display: block;
}

.arwLink {
	background: url(../img/arw_txtlink.gif) no-repeat left center;
	padding-left: 15px;
}

/* -------------------------------------------------------
  11: for opera
------------------------------------------------------- */
/*   header setting   */
/*#headerNavi #innerNavi1 {
　padding: 11px 0px 15px 0px;
}
*/
/*   footer setting   */
/*
#layoutFooter li {
　padding-top:2px;
　padding-bottom:6px;
}
*/
/*
#footerLink dd {
　margin-top: 0px;
}
#footerLink ul {
　margin-top: 11px;
}
#footerLink li {
　margin-bottom: -2px;
}
*/
/* -------------------------------------------------------
  12: for IE6
------------------------------------------------------- */
/*   header setting   */

/*   footer setting   */
#ie6 #layoutFooter li {
	margin-bottom : 0px;
	padding-top   : 4px;
	padding-bottom: 0px;
}
#ie6 #footerLink dd {
	margin-top: -1px;
}
#ie6 #footerLink ul {
	margin-top: 8px;
}
#ie6 #footerLink li {
	margin-bottom: -1px;
}
/* -------------------------------------------------------
  13: for IE7
------------------------------------------------------- */
/*   header setting   */
#ie7 #headerNavi #innerNavi1 {
	padding: 11px 0px 13px 0px;
}
/*   footer setting   */
#ie7 #layoutFooter ul {
	padding-top   : 3px;
	padding-bottom: 0px;
}
#ie7 #layoutFooter li {
	padding-top   : 0px;
	padding-bottom: 0px;
}
#ie7 #footerLink dd {
	margin-top: -2px;
}
#ie7 #footerLink ul {
	margin-top:  9px;
}
#ie7 #footerLink li {
	margin-bottom: 2px;
}