@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 {
/*	width : 960px;
	margin: 0 auto;
	border-left: 1px solid  #333333;
	border-right: 1px solid  #333333;*/
}

#layoutContainer {
	text-align: left;
	width: 960px;
}


/* -------------------------------------------------------
  2: header layout
------------------------------------------------------- */
#layoutHeader {
}

#layoutHeader img {
	display: block;
}

/* -------------------------------------------------------
  3: global navigation layout
------------------------------------------------------- */
#layoutGlobalNavi {
}

#layoutGlobalNavi li {
}

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


/* -------------------------------------------------------
  5: main content erea layout
------------------------------------------------------- */
#layoutMain {
	width: 960px;
}

#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;
}

/*   7-2: setTicketS erea setting   */
#setTicketS {
	margin-top   : 10px;
	margin-bottom: 10px;
}

#side {
	width: 180px;
	float: left;
}

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

#content {
	float: left;
	width: 750px;
	padding: 15px;
}

#contentInner {
	width: 700px;
	padding: 0 25px;
}

h1.cnttitle {
/*	background: url(../img/bg_cnttitle.gif) left top no-repeat;
	width: 720px;
	height: 44px;
	font-size: 16px;
	font-weight: bold;
	line-height: 44px;
	padding-left: 20px;*/
	margin-bottom: 20px;
}

.arttitle {
	color: #FFFFFF;
	background: url(../img/bg_arttitle_05.gif) left top no-repeat;
	width: px;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	padding-left: 20px;
	margin-bottom: 20px;
}

.pageTop {
	color:#D41D00;
	text-align:right;
	font-size:90%;
	clear: both;
	margin-bottom: 30px;
}

.pageTop span {
	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 {
	background-color : #DFDFCB;
	padding: 5px 20px 0px 20px;
}
#layoutFooter li {
	float : left;
	margin-right: 15px;
}
#footerLink {
	clear : both;
	background  : url(../img/bg_footer.jpg) repeat-x left top;
	height: 78px;
	padding-right : 20px;
	padding-bottom:  3px;
	padding-left  : 20px;
}
#footerLink dl {
	float: left;
	width: 500px;
}
#footerLink dd {
	float  : left;
	margin-top  : -3px;
	margin-right: 14px;
	padding:  0px;
}
#footerLink ul {
	background:  none;
	text-align: right;
	float  : right;
	margin : 13px 0px 0px 0px;
	padding:  0px;
}
#footerLink li {
	float  : none;
	margin :  0px 0px 3px 0px;
	padding:  0px;
}
address {
	color: #FFFFFF;
	font-size: 85%;
	font-style: normal;
	line-height: 23px;
	background   : url(../img/bg_copyright.jpg) repeat-x left top;
	text-align   : right;
	height       : 23px;
	padding: 2px 16px 0 0;
}


/* -------------------------------------------------------
  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;}

.mt5  {	margin-top : 5px;}
.mt10 {	margin-top : 10px;}
.mt15 {	margin-top : 15px;}
.mt20 {	margin-top : 20px;}
.mt25 {	margin-top : 25px;}
.mt30 {	margin-top : 30px;}
*/
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb50 { margin-bottom: 50px;}




/* -------------------------------------------------------
  11: tools
------------------------------------------------------- */
.sideL {
 float: left;
}

.sideR {
	float: right;
}

.note {
	color: #FF0033;
}

.ind,
li.ind {
	padding-left: 1em;
	text-indent: -1em;
}

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

.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;
}

#amenityTop img {
	display: block;
}

/* -------------------------------------------------------
  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   */
#ie6 #headerNavi, {
	width:353px;
}
#ie6 #headerNavi #innerNavi1 {
	width:353px;
	padding: 11px 0px 13px 0px;
}
#ie6 #headerNavi #innerNavi2 input {
	height: 17px;
	margin-top : -5px;
	padding-top:  5px;
}
/*   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;
}


/* -------------------------------------------------------
  14: for safari
------------------------------------------------------- */
/*safari2*/

html:\66irst-child #headerNavi #innerNavi2 dt, {
    padding-top: 5px;
}
html:\66irst-child #headerNavi #innerNavi2 input {
	margin-top : 2px;
}
html:\66irst-child #headerNavi #innerNavi2 button {
	padding-top: 5px;
}
/*   footer setting   */
html:\66irst-child  #footerLink dd {
	margin-top : 0px;
}
html:\66irst-child #footerLink li {
	margin-bottom: 6px;
}

/*safari3*/
/*   header setting   */
html* #headerNavi #innerNavi1 {
	padding: 11px 0px 15px 0px;
}
/*   footer setting   */
html* #layoutFooter ul {
	padding-top   : 4px;
	padding-bottom: 4px;
}
html* #footerLink dd {
	margin-top: 0px;
}
html* #footerLink li {
	margin-bottom: 6px;
}
html* #footerContact h2 {
	letter-spacing:0em;
}
html* #footerContact p {
	letter-spacing:0em;
}
.positionSet {
/*	position: relative;*/
	left: 15px;
}