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

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

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

	1: subNavi layout
	3: group.html layout
	2: ticket top layout
	6: beter_faq.html layout
	6: beter_reserve.html layout


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


/* -------------------------------------------------------
  1: subNavi layout
------------------------------------------------------- */
.smallTextFirst {
	padding-top: 20px;
	padding-left: 1em;
}

.searchBox {
	background:url(../../faq/img/pct_linetop.gif) top left #E7E7D7 no-repeat;
	width:183px;
	margin-top:6px;
	padding:8px 7px 5px 8px;
}

#subNavi form {
	width: 183px;
	margin:4px 0 0 1px;;
}
#subNavi input.txt {
	width: 127px;
	height:18px;
	float: left;
	margin: 0 3px 0 0;
	padding: 0px;
}
#subNavi input.btn {
	width:45px;
	margin: 1px 0 0 0;
}
#subNavi div.searchBox p {
	font-size: 90%;
	clear: both;
	padding:3px 4px 5px 4px;
}
#ie6 #subNavi div.searchBox p {
	font-size: 88%;
}
#ie7 #subNavi div.searchBox p {
	font-size: 88%;
}


/* -------------------------------------------------------
  2: ticket common
------------------------------------------------------- */
.rMainBox {
	clear: both;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

#meethodBoxWrapper {
	padding: 0 19px 0 20px;
}

#meethodBoxWrapper02 {
	padding: 0 19px 20px 20px;
}

.methodBox {
	float: left;
	width: 635px;
	padding: 15px 15px 15px 20px;
	margin-bottom: 1px;
	clear: both;
}

#methodInternet {
	background-color: #E1F0F5;
}

#methodTel {
	background-color: #F5E9DE;
}

#methodOffice {
	background-color: #EBF5DC;
}

.rContentsBox {
	width  : 650px;
	margin : 0 auto 25px auto;
	padding: 20px 0 15px 0;
	clear: both;
}

.rContentsBoxNopad {
	width  : 650px;
	margin : 0 auto 25px auto;
	padding: 0;
	clear: both;
}

#box01 {
	background: #FFE4D7;
}

#box02 {
	background: #FEEED7;
}
#box02 .textindet {
	text-indent   : -1em;
	margin-bottom : 0px;
	padding-left  : 1em;
	padding-bottom: 0px;
}
#box03 {
	background: #DDEBF2;
}
#box03 #piaBox .textindet {
	text-indent   : -1em;
	margin-top    : 1em;
	margin-bottom : 0px;
	padding-left  : 1em;
	padding-bottom: 0px;
}

.nopt {
	padding: 0 auto 15px auto;
}

.nopa {
	padding: 0 auto 0 auto;
}

.nomb {
	margin : 0 auto 0 auto;

}
.mt5 {
	margin-top: 5px;
}

/* -------------------------------------------------------
  3: index.html layout
------------------------------------------------------- */
#ticketM #btnSet {
	margin: 3px auto 15px auto; 
}

.methodBox h3 {
	background: left top no-repeat;
	width: 98px;
	height: 40px;
	padding: 0 0 0 322px;
	margin-bottom: 10px;
}

.methodBox .floatL {
	width: 200px;
}

.methodBox .floatR {
	width: 420px;
}

#methodInternet .floatR h3 {
	background-image: url(../../ticket/img/h_ticket02.gif);
}

#methodTel .floatR h3 {
	background-image: url(../../ticket/img/h_ticket03.gif);
}

#methodOffice .floatR h3 {
	background-image: url(../../ticket/img/h_ticket04.gif);
}

#methodInternet .floatR ul {
	width: 395px;
	padding: 0 10px 0 15px;
}

#methodInternet .floatR ul.first {
	margin-bottom: 10px;
}

#methodInternet .floatR li {
	display: inline;
	float: left;
}

.methodBox .floatR img {
	display: block;
}

#methodInternet .floatR li {
	margin-bottom: 7px;
}

#methodInternet .floatR li.bo {
	margin-right: 26px;
}

#methodInternet .floatR li.boBtn {
	margin-top: 9px;
}

#methodInternet .floatR li.pia {
	margin-right: 9px;
}

#methodInternet .floatR .arwLink {
	background: url(../img/arw_txtlink.gif) left 6px no-repeat;
	padding-left: 15px;
	margin-right: 20px;
}

#methodInternet .floatR .break {
	width: 300px;
	clear: both;
}

.methodBox div.innerBox01 {
	width: 405px;
	margin: 0 0 5px 15px;
}

.methodBox div.innerBox01 img {
	float: right;
	vertical-align: middle;
}

#methodOffice div.innerBox01 .number {
	margin-top: 0.1em;
}

#methodTel .floatR div.innerBox02 p {
	float: left;
	width: 100px;
}

.number {
	color: #303030;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.2;
}

.numberS {
	color: #303030;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 5px;
}

.numberM {
	color: #303030;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 5px;
}

.numberR {
	color: #D41D00;
	font-size: 160%;
	font-weight: bold;
	line-height: 1.2;
}

.numberNote {
	color: #535353;
	font-size: small;
}

.numberNote th {
	padding-right: 1em;
}

#methodTel .floatR div.innerBox02 {
	width: 405px;
	margin: 0 0 0 15px;
	clear: both;
}

#methodTel .floatR div.innerBox02 p {
	float: left;
	line-height: 1.2;
	width: 180px;
}

#methodTel .floatR div.innerBox02 p.pia {
	width: 180px;
	margin-bottom: 1em;
}

#methodTel .floatR div.innerBox02 p.piaG {
	width: 380px;
	margin-bottom: 1em;
}

#methodTel .floatR div.innerBox02 p.ts {
	width: 115px;
}

#methodTel .floatR .arwLink {
	background: url(../img/arw_txtlink.gif) left 4px no-repeat;
	padding-left: 15px;
	margin-right: 10px;
}
#methodOffice {
}

#methodOffice ul {
	clear: both;
}
#methodOffice li.arwLink {
	background: url(../img/arw_txtlink.gif) left 6px no-repeat;
	padding-left: 15px;
	margin-left: 15px;
}
#imgMA {
	margin-bottom: 15px;
	clear: both;
}

#methodAcceptance {
	clear: both;
}

#methodAcceptance #table {
	float: left;
	width: 670px;
}

#methodAcceptance .floatL {
	width: 480px;
}

#methodAcceptance .floatR {
	width: 183px;
	padding-left: 7px;
}

*html #methodAcceptance .floatR {
	padding-left: 3px;
}

#methodAcceptance .floatL li {
	float: left;
	margin-right: 20px;
}

*html #methodAcceptance .floatL li {
	margin-right: 10px;
}
#methodAcceptance .floatL li img {
	vertical-align: -2px;
}

#creditTable {
	margin-top: 10px;
	clear: both;
}

#creditTable th {
	vertical-align: top;
	padding-right: 20px;
}

#creditTable td img {
	vertical-align: -4px;
}

.boxTtl {
	width: 620px;
	margin: 0 auto 20px;
}

.boxCnt {
	width: 590px;
	margin: 0 auto 20px;
}

.boxCnt li {
	margin-left: 1em;
	text-indent: -0.5em;
}
.boxCnt img {
	padding-left: 20px;
}

.boxCnt dt {
	font-weight: bold;
}

.boxCnt dd {
	margin-bottom: 1em;
	margin-left: 1.5em;
}
#piaBox li {
	margin-left: 0;
	text-indent: -1.4em;
	padding-left: 1.5em;
}
#piaBox img {
	padding-left: 10px;
}
#box02 p,
#box03 p {
	margin-bottom: 1em;
}

#rMainBox .pageTop {
	margin-bottom: 20px;
}

.pageTopNopt {
	text-align:right;
	font-size:90%;
	clear: both;
	padding: 0;
	margin: 0;
}

.pageTopNopt span {
	font-size:90%;
	padding-right:5px;
	color:#D41D00;
}

h3.topic {
	width: 681px;
	margin: 0 auto 10px;
}


.topicInner {
	width: 450px;
	padding: 15px;
	margin-bottom: 1px;
}

.topicInner02 {
	width: 405px;
	padding:15px 10px 15px 15px;
	margin-bottom: 1px;
}


.topicInner ul,
.topicInner dl {
}

.colorA {
	background: #F1F1EB;
}

.colorB {
	background: #E4E4D6;
}
.topicInner02 .textindent li {
	margin-left: 1.1em;
	text-indent: -1.3em;
}

#internet {
	width: 650px;
}

#internet th {
	padding-right: 20px;
}

#internet td.bottom {
	padding-top: 1em;
}

.iconWebBo {
	margin-right: 10px;
}
.iconWebBo img {
	vertical-align: middle;
	height:60px;
	padding-bottom:1px;
}
#internetLead{
	margin : 0 auto 15px auto;
}
#step{
	width  : 650px;
	margin : 0 auto 25px auto;
	padding: 10px 0 0 0;
	clear: both;
}

#step h3 {
	color: #FFFFFF;
	background: #8C7F6D;
	text-align: center;
	width  : 620px;
	margin: 0 auto;
	padding: 5px 0;
}

.stepInner {
	width  : 620px;
	padding: 15px;
	margin-bottom: 1px;
}

.stepInner dl {
	margin-bottom: 1em;
}
.stepInner dt {
	margin-left: 2em;
	text-indent: -1em;
}

.stepInner dd {
	margin-left: 3em;
	text-indent: -1em;
}

.stepInner img.floatR {
	margin-left: 20px;
}

.stepInner .textindet li {
	margin-left: 2em;
	text-indent: -1.2em;
}

#step #second {
	background-color: #ECECE0;
	border-top: solid 1px #FFFFFF;
}

#step #second .smallText {
	margin-left: 2em;
	text-indent: -1em;
	margin-bottom: 1.5em;
}

#step #second img {
	float: left;
	margin: 0 10px 1.5em 1em;
	vertical-align: top;
}

#step #second ul {
	margin-left: 1em;
}

#step #second h4 {
	margin-bottom: 0.5em;
	clear: both;
}
a.under,
#box03 #piaBox .textindet .under{
	text-decoration: underline;
}
a.under:hover,
#box03 #piaBox .textindet .under:hover{
	text-decoration: none;
}