@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: 10px 23px 15px 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: #EAE8E1;
	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%;
}

.btnArea {
	background  : url(../../season/img/bg_btnarea.jpg) left top no-repeat;
	clear       : both;
	width       : 520px;
	height      : 76px;
	padding-top : 30px;
	padding-left: 115px;
	margin-right: auto;
	margin-left: auto;
}

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

.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: #DAD6C9;
	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;
}