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

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

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

	1: base layout
	2: header layout
	3: global navigation layout
	4: main content erea layout
	5: footer layout
	6: space setting
	7: tools

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

/* -------------------------------------------------------
  1: base layout
------------------------------------------------------- */
#layoutWrapper {
	background: url(../img/bg_container.jpg) repeat-y center top;
	width     : 968px;
	margin    : 0px auto;
}
.mac #layoutWrapper {
	font-size: 90%;
}
#layoutWrapper #bgShadowLeft {
	float  : left;
	width  :  4px;
	margin :  0px;
	padding:  0px;
}
#layoutWrapper #bgShadowRight {
	float  : left;
	width  :  4px;
	margin :  0px;
	padding:  0px;
}
#layoutContainer {
	text-align  : left;
	float       : left;
	width       : 960px;
}


/* -------------------------------------------------------
  2: header layout
------------------------------------------------------- */
#layoutHeader {
	background-color: #FFF;
	text-align      : center;
	width           : 960px;
}
#layoutHeader img {
}
#layoutHeader p {
	width       : 960px;
}


/* -------------------------------------------------------
  3: global navigation layout
------------------------------------------------------- */
#layoutGlobalNavi {
	background      : url(../img/bg_gnavi_bottom.jpg) left bottom no-repeat;
	width           : 958px;
	margin          : 0 auto;
	padding-bottom  : 3px;
	border-right    : 1px solid #fff;
	border-left     : 1px solid #fff;
}
#layoutGlobalNavi ul#gNaviList {
	 background: url(../img/bg_gnavi.jpg) top left no-repeat;
}
#layoutGlobalNavi li {
	float: left;
}
#layoutGlobalNavi li img {
	display: block;
	float  : left;
}
#layoutGlobalNavi ul#gNaviListS {
	width  : 361px;
	padding: 26px 6px 0 4px;
}

/* -------------------------------------------------------
  4: main content erea layout
------------------------------------------------------- */
#layoutMain {
	background: url(../img/bg_layout_main.jpg) top left repeat-y;
	width     : 960px;
	margin    : 0 auto;
	padding   : 0;
}

/* -------------------------------------------------------
  5: footer layout
------------------------------------------------------- */


#layoutFooter {
	background      : url(../img/bg_footer_top.jpg) repeat-x left top;
	background-color: #DCDCD7;
	clear           : both;
	width           : 958px;
	padding-top     :  4px;
	border-right    : 1px solid #fff;
	border-left     : 1px solid #fff;
}
#layoutFooter #footerBottomBg {
	background    : url(../img/bg_footer_bottom.jpg) repeat-x left bottom;
	padding-bottom: 10px;
}
#layoutFooter #footerBottomBg div.flortL {
	width       : 420px;
	padding-top : 25px;
	padding-left: 15px;
}
#layoutFooter #footerBottomBg div.flortL p {
	padding-top : 2px;
}
#layoutFooter #footerBottomBg ul {
	padding-top: 18px;
}
#layoutFooter #footerBottomBg ul li {
	float       : left;
	margin-right: 10px;
}
address {
	color      : #4C4C4C;
	line-height: 32px;
	background : transparent url(../img/bg_copyright.gif) repeat-x scroll left top;
	text-align : center;
	height     : 32px;
}
#layoutFooter #footerBottomBg .flortL address {
	font-size  : 84%;
	background : none;
	text-align : left;
	margin     : 3px 0px 0px;
	padding    : 0px;
	height     : 15px;
	line-height: 1.2;
}



/* -------------------------------------------------------
  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;}
.pl5  {	padding-left  :  5px;}
.pl10 {	padding-left  : 10px;}
.pl15 {	padding-left  : 15px;}
.pl20 {	padding-left  : 20px;}
.pl25 {	padding-left  : 25px;}
.pl30 {	padding-left  : 30px;}
.pr5  {	padding-right :  5px;}
.pr10 {	padding-right : 10px;}
.pr15 {	padding-right : 15px;}
.pr20 {	padding-right : 20px;}
.pr25 {	padding-right : 25px;}
.pr30 {	padding-right : 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;}
.pb50 {	padding-bottom: 50px;}

.mt5  {	margin-top   :  5px;}
.mt10 {	margin-top   : 10px;}
.mt15 {	margin-top   : 15px;}
.mt20 {	margin-top   : 20px;}
.mt25 {	margin-top   : 25px;}
.mt30 {	margin-top   : 30px;}
.ml5  {	margin-left  :  5px;}
.ml10 {	margin-left  : 10px;}
.ml15 {	margin-left  : 15px;}
.ml20 {	margin-left  : 20px;}
.ml25 {	margin-left  : 25px;}
.ml30 {	margin-left  : 30px;}
.mr5  {	margin-right :  5px;}
.mr10 {	margin-right : 10px;}
.mr15 {	margin-right : 15px;}
.mr20 {	margin-right : 20px;}
.mr25 {	margin-right : 25px;}
.mr30 {	margin-right : 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;}


/* -------------------------------------------------------
  11: tools
------------------------------------------------------- */
.smallText {font-size     : x-small;}
.boldTxt   {font-weight   : bold;}
.txtMiddle {vertical-align: middle;}

.align-center{ text-align: center;}
.align-right { text-align: right;}
.align-left  { text-align: left;}

.float-left{ float: left;}
.float-right{ float: right;}

.pageTop {
	font-size    : 90%;
	text-align   : right;
	clear        : both;
	margin-bottom: 25px;
	padding-top  : 10px;
}
.pageTop span {
	color        : #bc2526;
	padding-right: 5px;
}
.Red       {color     : #bc2526;}
.incidentalRed {color : #bc2526;font-size: 86%;}
.txtCenter {text-align: center;}
.flortR    {float     : right;}
.flortL    {float     :  left;}

.pageTop2 {
	font-size : 90%;
	text-align: right;
	clear     : both;
	margin    : 0 0 25px 0;
	padding   : 10px 0 0 0;
}
.pageTop2 span {
	color        : #bc2526;
	padding-right: 5px;
}
.pageTop3 {
	font-size : 90%;
	text-align: right;
	clear     : both;
	margin    : 10px 0 25px 0;
	padding   : 8px 0 0 0;
	border-top: dotted 1px #666;
}
.pageTop3 span {
	color        : #bc2526;
	padding-right: 5px;
}

/*from 09setTicketSite*/

#contents{
	width  : 862px;
	margin : 0 auto;
	padding: 20px 30px 20px 30px;
}
.pamphlet{
	text-align: center;
}
.pamphlet a{
	background  : url(../img/icn_circle2.gif) no-repeat left;
	padding-left: 15px;
}
p.caution{
	font-size : 85%;
	text-align: center;
	margin    : 10px 0px 15px 0px;
}
p.caution span{
	color       : #0054A6;
	font-weight : bold;
	margin-right: 5px;
}
p.caution .acceptance{
	background  : url(../img/icn_circle2.gif) no-repeat left;
	margin-left : 5px;
	padding-left: 15px;
}
div#contents #pdfLink{
	background : url(../img/pct_2nd_line_short.gif) repeat-x top;
	margin     : 15px 0px 0px 0px;
	padding-top: 15px;
}
div#contents #pdfLink p{
	text-align   : center;
	margin-bottom: 5px;
}

div#contents #pdfLink a{	
	background  : url(../img/icn_circle2.gif) no-repeat left center;
	padding-left: 16px;
}
#border {
	background : url(../../opera/full/img/pct_dot.gif) repeat-x top;
	text-align : right;
	clear      : both;
	margin-top : 10px;
	padding-top: 10px;
}
/*
===== 7: DL BLOCK LAYOUT =====================================
*/

div#contents #dlBlock {
	background-color: #F4E9DF;
	text-align      : center;
	padding         : 15px 0px 0px 0px;
	border          : 2px solid #95967F;
}

div#contents #dlBlock p,
div#contents #dlBlock .btnArea{
	background-color: #F4E9DF;
	text-align      : center;
	margin-bottom   : 15px;
}

div#contents #dlBlock .btnArea{
	background : url(../../opera/program/img/pct_2nd_line_short.gif) repeat-x top left;
	margin     : 15px 0px 0px 0px;
	padding-top: 15px;
}
div#contents #dlBlock .btnArea{
	background : url(../../opera/full/img/pct_2nd_line_short.gif) repeat-x top left;
	text-align : center;
	padding    : 10px;
}
div#contents .pgInner {
	clear      : both;
	padding-top: 20px;
	border-top : dotted 1px #6D6D6D;
}

#toFormSet {
	background-color: #F4E9DF;
	border          : 2px solid #A4A48F;
	clear           : both;
	margin-top      : 20px;
	margin-bottom   : 5px;
	padding-top     : 13px;
}
#toFormSet .inner {
	padding-bottom: 3px;
}
#toFormSet .inner p {
	text-align    : center;
	padding-bottom: 7px;
}
#toFormSet .pdfLinkS {
	background : url(../../opera/full/img/pct_2nd_line_short.gif) repeat-x top left;
	text-align:center;
}
#toFormSet .pdfLinkS p {
	text-align    : center;
	padding-bottom: 3px;
}
#toFormSet .btnArea{
	background : url(../../opera/full/img/pct_2nd_line_short.gif) repeat-x top left;
	text-align : center;
	padding    : 10px;
}
#toFormSet #pdfLinkS a,
#toFormSet .pdfLinkS a{
	text-align:center;
	background  : url(../img/icn_circle2.gif) no-repeat left center;
	padding-left:16px;
}
#toFormSet #pdfLinkS,
#toFormSet .pdfLinkS{
	background : url(../img/pct_2nd_line_short.gif) left top repeat-x;
	text-align: center;
	padding: 15px 0px 15px 0px;
}