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

/*
	Site Name: New National Theatre, tokyo
	Description: season ticket page setting
	Version: 
	Author: 
*/

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

	1: season index layout

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


/* -------------------------------------------------------
  1: season index layout
------------------------------------------------------- */

#season {
	width: 680px;
	margin: 0 auto;
}

#season h3 {
	margin-bottom: 0px;
}

#season h4 {
}

.sideR {
	float: right;
}

.sideL {
	float: left;
}

.mb10 {
	margin-bottom: 10px;
}
a.line {
	text-decoration: underline;
}


#ad01 li {
	width: 340px;
}
#ad01 li img{
	display:block;
	margin : 0;
	padding: 0;
}
#ad01 li.lastChild {
	width: 680px;
}

#ad01 .lastChild .floatLeft {
	width: 488px;
}
#ad01 li.lastChild .floatRight {
	width: 192px;
}
#ad01 .btnAreaVariation {
	background-color: #D4D0C3;
	text-align      : center;
	clear           : both;
	padding         : 23px 0 16px;
}
#ad01 .btnAreaVariation span {
	text-align: center;
	display   : block;
	padding   : 3px 0 0 0;
}
#ad01 .btnAreaVariation .firstChild {
	display: block;
	width  : 426px;
	margin : 0 auto 10px;
	padding: 0px;
}
#ie6 #ad01 .btnAreaVariation,
#ie7 #ad01 .btnAreaVariation {
	position: relative;
	top     : -2px;
}



.article {
	width: 635px;
	padding-top: 10px;
	padding-right: 23px;
	padding-bottom: 5px;
	padding-left: 22px;
}

#ad02 {
	background-color: #F4F2EE;
}

#ad02 .txt {
	float: left;
	width: 500px;
}

#ad02 .txt p {
	color: #666666;
	margin-bottom: 1em;
}

#ad02 ul {
	float: right;
	width: 120px;
}

#ad02 .btnArea {
}
#ad02 .btnAreaSmall {
	background-color: #DAD6C9;
	text-align      : center;
	width           : 635px;
	margin          : 0 auto 10px auto;
	padding-top     : 8px;
	padding-bottom  : 8px;
}
#ad03 {
	background-color: #F0EFEA;
	margin-bottom   : 0px;
}

#ad03 h2 {
	margin-bottom: 5px;
}

#ad04 {
	padding      : 15px 0;
	border-top   : 1px dotted #808080;
	border-bottom: 1px dotted #808080;
}

#ad04 ul.btn {
	height       : 28px;
	margin-bottom: 5px;
	overflow     : hidden;
}

#ad04 ul.btn li {
	float       : left;
	width       : 211px;
	margin-right: 10px;
}

#ad04 .note {
	color        : #C80000;
	font-size    : 80%;
	clear        : both;
	margin-bottom: 10px;
}

#ad04 ul.txt li {
	font-size: 80%;
}
#ad05 {
	background-color: #E5E1D9;
	text-align      : center;
	margin-top      : 0px;
	margin-bottom   : 5px;
	padding-top     : 10px;
	padding-bottom  : 5px;
	color: #666666;
}
#ad05 .text {
	padding-top: 5px;
	padding-bottom: 5px;
}


.btnArea {
	clear       : both;
	height      : 76px;
	padding-top : 29px;
	width: 500px;
	background-color: #DDDAD1;
	background-image: url(../../season/img/bg_btnarea.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}

.entryArea {
	background-color: #E6E2DA;
	clear           : both;
	width           : 303px;
	height          : 42px;
	padding         : 10px 166px;
}

.btnAreaSason {
	clear       : both;
	height      : 76px;
	padding-top : 29px;
	width: 596px;
	background-color: #DDDAD1;
	background-image: url(../../season/img/bg_btnseason_2012.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}

.btnAreaSason ul li {
	float       : left;
	width       : 300px;
	padding-top  : 7px;
}
.btnAreaSason .opera2012 {
	padding-left: 21px;
}
.btnAreaSason .ballet2012 {
	margin-left: -3px;
}

.step {
	background: #FFFFFF url(../../season/img/bg_step.gif) left bottom no-repeat;
	padding   : 15px 15px 36px;
}

#stepEnd {
	background   : #FFFFFF;
	margin-bottom: 15px;
	padding      : 15px;
}

.step h4 {
	float: left;
	width: 104px;
}

.step .sideR {
	width: 485px;
}

.step .sideR p {
	margin-bottom: 5px;
}



#cntTtl img {
	display: block;
}

#rMainBox {
	background: none;
}

#setTicket .pageTop {
	padding-top: 15px;
}

#season .pageTop {
	margin-bottom: 10px;
	padding-top  : 10px;
	padding-left : 25px;
}

#inner01 {
	width         : 709px;
	padding-bottom: 0px;
	padding-left  : 0px;
	min-height    : 387px;
	height        : auto !important;
	height        : 387px;
}

#inner01 p {
	width      : 380px;
	margin-left: 45px;
}

#inner01 p.headline {
	margin-bottom: 20px;
}

#inner01 p.note {
	font-size    : 10px;
	text-align   : center;
	margin-bottom: 1.5em;
}

#inner01 p.article {
	background   : url(../../season/img/icon_new.gif) left top no-repeat;
	margin-top   : 20px;
	margin-bottom: 1em;
	padding-top  : 30px;
}

#inner01 .btnArea {
	width      : 440px;
	margin-left: 45px;
}

#inner02 {
	width        : 664px;
	padding-top  : 15px;
	margin-bottom: 30px;
	margin-left  : 45px;
}

#inner02 .sideR {
	width: 440px;
}

#inner02 h3 {
	clear        : both;
	margin-bottom: 5px;
}

#inner02 .btnArea {
	padding-right: 15px;
}

#inner02 .btn {
	float        : right;
	margin-bottom: 15px;
}

#inner02 .sideR table {
	width : 360px;
	margin: 0 auto;
}

#inner02 .sideL {
	width      : 201px;
	padding-top: 30px;
}

#inner03 {
	clear        : both;
	width        : 641px;
	margin-bottom: 10px;
	margin-left  : 45px;
}

#inner03 .sideR {
	width      : 201px;
	padding-top: 20px;
}

#inner03 .sideL {
	width: 430px;
}

#inner03 p {
	width: 410px;
}

#inner03 .btn {
	float: right;
}

#inner04 {
	background   : url(../../season/img/bg_inner_04.jpg) left top no-repeat;
	width        : 641px;
	margin-bottom: 20px;
	margin-left  : 45px;
}

#inner04 .btn {
	display    : block;
	width      : 400px;
	margin-left: 121px;
}
#season .imgset {
	background-color: #E5E1D9;
	text-align      : center;
	margin-top      : 15px;
	margin-bottom   : 5px;
	padding-top     : 10px;
	padding-bottom  : 12px;
}

#ad01Ballet .floatLeft {
	float: left;
	width: 470px;
}
#ad01Ballet #photo img {
	float: right;
	width: 210px;
}
.articleBallet {
	width  : 645px;
	padding: 10px 18px 15px 17px;
}
.articleBallet .innerWrap {
	width : 635px;
	margin: 16px auto 10px auto;
}

.articleBallet .innerBox {
	float       : left;
	width       : 208px;
	margin-right: 5px;
}
.innerBox img {
	display: block;
}

.articleBallet #lastChildDiv{
	margin-right: 0px;
}
.articleBallet .innerBox p {
	background-color: #FFF;
	padding         : 10px 13px 15px 13px;
	border-right    : 4px solid #DAD6C9;
	border-bottom   : 3px solid #DAD6C9;
	border-left     : 4px solid #DAD6C9;
}
#rMainBox .extraBlock {
	background    : url(../../season/img/bg_line_image.jpg) repeat-x left bottom;
	margin-bottom : 20px;
	padding-bottom: 28px;
}
#rMainBox #bottomSet {
	background    : url(../../season/img/bg_line_image.jpg) repeat-x left top;
	margin-top    : 20px;
	margin-bottom : 0;
	padding-top   : 40px;
	padding-bottom: 0;
}

#rMainBox .extraBlock h2 {
	text-align  : center;
	width       : 680px;
	margin-right: auto;
	margin-left : auto;
}
#rMainBox .extraBlock p {
	background-color: #F4F2EE;
	text-align      : center;
	width           : 530px;
	border          : solid 1px #DAD6C9;
	margin          : 10px auto 0;
	padding         : 10px 0 12px 150px;
}
#rMainBox .extraBlock p a {
	display     : block;
	float       : left;
	width       : 253px;
	margin-right: 14px;
}
#rMainBox .extraBlock p span {
	display: block;
	float  : left;
	width  : 150px;
	text-align: left;
	padding-top: 6px;
}
#rMainBox .extraBlock ul {
	background  : url(../../season/img/bg_season_2010.jpg) no-repeat left top;
	height      : 95px;
	width       : 643px;
	margin-right: auto;
	margin-left : auto;
	padding-left: 37px;
}
#rMainBox .extraBlock ul li {
	float       : left;
	width       : 291px;
	margin-right: 25px;
}
#rMainBox .extraBlock ul li.ballet2010 {
	margin-right: 0px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}





#season .balletTopic {
	margin : 0px auto 15px;
	padding: 0px;
	width  : 680px;
}
#season .balletTopic img {
	display: block;
}
#season .balletTopic .pdfLinkArea {
	background  : url(../../season/img/bg_season_topic_01.jpg) no-repeat left top;
	height      : 81px;
	padding-left: 18px;
	width       : 662px;
}
#season .balletTopic .pdfLinkArea a{
	display: block;
	height : 67px;
	width  : 289px;
}
#season .operaTopic {
	margin : 0px auto 15px;
	padding: 0px;
	width  : 680px;
}
#season .operaTopic img {
	display: block;
	float  : left;
	margin : 0px;
	padding: 0px;
}
#season .operaTopic .pdfLinkArea {
	background: url(../../season/img/bg_season_topic_01_opera.jpg) no-repeat left top;
	float     : left;
	height    : 77px;
	padding   : 20px 0 0;
	width     : 314px;
}
#season .operaTopic .innerBox02 {
	clear: both;
}


#season .seasonNews {
	margin : 0px auto;
	padding: 0px;
	width  : 680px;
}
#season .seasonNews img {
	display: block;
	margin : 0px;
	padding: 0px;
}
#season #innerBox {
	width: 635px;
}
#setTicket #rMainBox .attention {
	color       : #C33;
	margin      : 8px auto 0px;
	padding-left: 1em;
	text-indent : -1em;
	width       : 662px;
}

#rMainBox .extraBlock2011 {
	margin-bottom : 10px;
}

#rMainBox .extraBlock2011 h2 {
	text-align  : center;
	width       : 680px;
	margin-right: auto;
	margin-left : auto;
}
#rMainBox .extraBlock2011 ul {
	background  : url(../../season/img/bg_season_2011.jpg) no-repeat left top;
	height      : 91px;
	width       : 680px;
	margin-right: auto;
	margin-left : auto;
}
#rMainBox .extraBlock2011 ul li {
	float       : left;
	width       : 313px;
	margin-top  : 12px;
}
#rMainBox .extraBlock2011 .opera2011 {
	margin-left: 20px;
}
#rMainBox .extraBlock2011 .ballet2011 {
	margin-left: 15px;
}
.ie6 #rMainBox .extraBlock2011 .opera2011 {
	margin-left: 10px;
}

#rMainBox .extraBlock2012 {
	margin-bottom : 10px;
}

#rMainBox .extraBlock2012 h2 {
	text-align  : center;
	width       : 680px;
	margin-right: auto;
	margin-left : auto;
}
#rMainBox .extraBlock2012 ul {
	background  : url(../../season/img/bg_season_2012.jpg) no-repeat left top;
	height      : 98px;
	width       : 680px;
	margin-right: auto;
	margin-left : auto;
}
#rMainBox .extraBlock2012 ul li {
	float       : left;
	width       : 313px;
	margin-top  : 12px;
}
#rMainBox .extraBlock2012 .opera2012 {
	margin-left: 20px;
}
#rMainBox .extraBlock2012 .ballet2012 {
	margin-left: 15px;
}
.ie6 #rMainBox .extraBlock2012 .opera2012 {
	margin-left: 10px;
}






/* -------------------------------------------------------
  2: 2012/2013 season add content style
------------------------------------------------------- */
.sectionTopicWrap{
	padding: 0 0 7px;
}
.sectionTopicWrap h3 {
	float: left;
	width: 351px;
}
.sectionTopicWrap .topicLinkBtn {
	background: url(../../season/img/bg_1213opera_top.jpg) no-repeat left top;
	float     : left;
	height    : 72px;
	padding   : 12px 0 0;
	width     : 329px;
}
#balletTopics .topicLinkBtn {
	background: url(../../season/img/bg_1213ballet_top.jpg) no-repeat left top;
}
.sectionTopicWrap .topicDetail {
	clear: both;
}
.sectionTopicWrap .topicDetail img {
	display: block;
	float  : left;
}


/*   opera movie area   */
.sectionTopicMovie .movieBlock {
	background: url(../../season/img/bg_1213opera_movie.jpg) no-repeat left top;
	height    : 445px;
	padding   : 12px 0 0;
	width     : 680px;
}
.sectionTopicMovie .movieBlock #topicMovie {
	margin: 0px auto;
	width : 560px;
}
.sectionTopicMovie .movieBlock p {
	color      : #D7A200;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size  : 103%;
	padding    : 3px 0 0 65px;
}
.ie .sectionTopicMovie .movieBlock p {
	font-size: 93%;
}
.sectionTopicMovie .movieBlock span{
	padding-left: 174px;
}
.sectionTopicMovie img{
	display: block;
}


/*  how to get ticket  */
.sectionGetTicketTop {
	background : url(../../season/img/bg_season_box_top.jpg) no-repeat left top;
	margin     : 8px   auto 0;
	padding-top: 6px;
	width      : 636px;
}
.sectionGetTicketBottom {
	background    : url(../../season/img/bg_season_box_bottom.jpg) no-repeat left bottom;
	padding-bottom: 6px;
}
.sectionGetTicket {
	background :  url(../../season/img/bg_season_box_middle.jpg) repeat-y left top;
	padding    : 15px 18px;
}
.sectionGetTicketInner {
	background   : url(../../season/img/ph_season_01_01.jpg) no-repeat right top;
	padding-right: 150px;
} 
#step02 .sectionGetTicketInner {
	background   : url(../../season/img/ph_season_01_02.jpg) no-repeat right top;
}
.sectionGetTicketInner h4 {
	padding-bottom: 13px;
}
.sectionGetTicketInner p span {
	color      : #A32126;
	display    : block;
	font-weight: bold;
	padding-top: 10px;
}
#season .attentionText {
	color       : #AF0000;
	padding-left: 1em;
	text-indent : -1em;
}
.btnArea.wideVersion {
	background-color: #D9D5C9;
	width           : 680px;
}