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

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

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

  1: atre common
  2: index.html only
  3: report.html only
  4: letter.html only
  5: beginner.html only
  6: access.html only
  7: procedure.html only
  8: atre backnumber htmls
	
==========================================================
*/

/* -------------------------------------------------------
  1: atre common
------------------------------------------------------- */
#rMainBox {
	clear: both;
}

.rContentsBox {
	width  : 650px;
	margin : 0 auto 0 auto;
	padding: 20px 0 30px;
}
#report .rContentsBox {
	padding: 20px 0 5px;
}
.txtCenter p {
	text-align: center;
}

.imgRight {
	float: right;
}

.imgLeft {
	float: left;
}

.mr10 {
	margin-right: 10px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

/* -------------------------------------------------------
  2: index.html only
------------------------------------------------------- */
#support {
	width: 662px;
	margin: 0 auto;
}

#support dt {
	float: left;
	display: inline;
	width: 662px;
}

#support dd {
	float: left;
	display: inline;
	width: 221px;
}

#support dd.end {
	width: 220px;
}

#support img {
	display: block;
}

/* -------------------------------------------------------
  3: report.html only
------------------------------------------------------- */
h3#currentTtl {
	font-size: 113%;
	color: #FFFFFF;
	background-color: #D1B600;
	padding: 8px 0 8px 10px;
}
#current {
	background-color: #F2F3EC;
	padding: 15px 15px 20px;
}
#current .imgLeft {
	width: 250px;
}
h4#innerTtl {
	float: right;
	color: #303030;
	background: #D0CAC1;
	width: 355px;
	margin-bottom: 10px;
	padding: 2px 0;
}
#ttlTbl {
	background-color: #D0CAC1;
	width: 355px;
	float: right;
	margin-bottom: 10px;
}
#ttlTbl th {
	font-weight: bold;
	vertical-align: text-top;
	width: 55px;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 8px;
}
#ttlTbl td {
	padding-top: 3px;
	padding-bottom: 3px;
}


#currentInner {
	float: right;
	width: 335px;
	padding: 0 10px;
}
#currentInner h4 {
	color: #535353;
}
#currentInner dl {
	margin-top: 1em;
}

#currentInner dt {
	color      : #535353;
	margin-top : 1.3em;
	text-align : left;
}
#report  #currentInner .subLeadText{
	font-weight: bold;
	line-height: 1.5;
	padding    : 10px 0 20px;
	text-align : left;
}
#currentInner dt.multi {
	margin-top: 5px;
}

#currentInner .soldOut{
	color       : #DC2800;
	font-weight: bold;
	padding-left: 1em;
	text-indent: -1em;
}

#report #btnArea {
	background: #EFEFD6;
	text-align: center;
	padding: 15px 0;
	border-top: solid 1px #FFFFFF;
	clear: both;
}

#report #btnArea img {
	width: 183px;
	margin: 0 auto;
}

.link {
	background:url(../img/arrow_red08.gif) left center no-repeat;
	padding-left: 8px;
}
#report .reportHeadline{
	margin-top    : 2em;
	padding-bottom: 3px;
}

#report .reportHeadlineSmall{
	margin-top    : 1em;
	padding-bottom: 3px;
}
#report #currentInner .primeText{
	padding-top: 8px;
	text-align : left;
}



/* -------------------------------------------------------
  4: letter.html only
------------------------------------------------------- */
#letter .rContentsBox {
}

#letter .imgRight {
	margin-left: 25px;
}

#letter .importantBox {
	width:650px;
	margin:0 auto;
	clear:both;
}

#letter .importantTxt {
	font-weight:bold;
	color:#F56620;
}

#letter #letterImg {
	width:650px;
	margin:0 auto;
	padding:0;
}

#letter #letterImg .fLeft {
	width:301px;
	float:left;
}

#letter #letterImg .fLeft img {
	width:301px;
	display:block;
}

#letter #letterImg .fRight {
	width:332px;
	float:left;
}

#letter #letterImg .fLeft img {
	float:left;
	display:block;
}

#letter #letterList {
	width:650px;
	margin:0 auto 25px auto;
	padding:0 0 20px 0;
	border-bottom:1px dotted #797979;
}

#letter #letterList .fLeft {
	width:185px;
	float:left;
}

#letter #letterList .fLeft img {
	display:block;
}

#letter #letterList .fRight {
	width:445px;
	float:left;
}

#letter #letterList p.txtLine1 {
	padding:5px;
	border:1px solid #EECB8E;
	margin-bottom:8px;
	line-height:1.2;
}

#letter #letterList p.txtLine2{
	padding:5px;
	border:1px solid #E7B1BB;
	line-height:1.2;
}

#entry {
	font-size: small;
	width:650px;
	margin: 0 auto;
	vertical-align: middle;
}

#entry tr.line1 th {
	background: #E8ECFE;
	width:107px;
	border-bottom:1px solid #fff;
}

#entry tr.line2 th {
	background: #FAEDEC;
	width:107px;
}

#entry tr.line1 td {
	background: #E8ECFE;
	border-bottom:1px solid #fff;
}

#entry tr.line2 td {
	background: #FAEDEC;
}

#entry td.sub {
	width: 210px;
}
.textRight {
	text-align:right;
}

p.ind1 {
	text-indent:-35px;
	padding-left:35px;
}

p.ind2 {
	text-indent:-15px;
	padding-left:15px;
}

/* -------------------------------------------------------
  5: beginner.html only
------------------------------------------------------- */

#beginner #btnSet {
	margin: 0 auto 15px auto;
}

#beginner #rMainBox img {
	display: block;
}

#beginner .chapterTxt {
	margin: 20px 0 5px 20px;
}

#beginner h3.caption {
	color: #FFFFFF;
	width: 652px;
	height: 22px;
	padding: 2px 0 0 8px;
	margin: 0 auto 15px;
	clear: both;
}

#beginner h3#cnt01 {
	background-image:url(../../member/img/h_priority_02_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#beginner h3#cnt02 {
	background-image:url(../../member/img/h_priority_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#beginner h3#cnt03 {
	background-image:url(../../member/img/h_priority_04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#beginner h3#cnt04 {
	background-image:url(../../atre/img/h_color_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#beginner h3#cnt05 {
	background: url(../../atre/img/h_color_bg02.gif) left top no-repeat;
}

#beginner .rContentsBox {
	background: #F4F4ED;
	width: 610px;
	margin : 0 auto 15px;
	padding: 15px 20px;
}
#beginner .mb5 {
	margin : 0 auto 5px;
}
#beginner .pbno {
	padding: 15px 20px 0;
	margin : 0 auto;
}
#beginner .pbnone {
	padding: inherit inherit inherit 0 inherit;
}
#beginner .rContentsBox h4 {
	color: #F24F00;
	margin-bottom: 0.5em;
}

#beginner .rContentsBox p {
	margin-bottom: 1em;
}

#beginner .rContentsBox table {
	border: solid 1px #B4B4B4;
	margin-bottom: 1em;
}

#beginner .rContentsBox th {
	color: #FFFFFF;
	font-weight: bold;
	background: #F59720;
	padding: 5px;
	border: solid 1px #B4B4B4;
}

th.w115 {
	width:115px;
}

#beginner .rContentsBox td {
	background: #FFFFFF;
	padding: 5px;
	border: solid 1px #B4B4B4;
}

#beginner .rContentsBoxNormal {
	width: 610px;
	margin : 0 auto 20px;
	padding: 0 20px;
}

#beginner .rContentsBoxHarf {
	width: 650px;
	margin : 0 auto 15px;
	padding: 0;
}

#beginner .rContentsBoxHarf .cntInner {
	float: left;
	background: #F4F4ED;
	width: 610px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}

#beginner .rContentsBoxHarf img {
	width: 183px;
	margin: 0 auto;
}

#beginner .rContentsBoxHarf .end {
	margin-right: 0;
}

#beginner #rMainBox #box12 .cntInnerL #fontSet {
	font-size: 110%;
	font-weight: bold;
}

#service {
	width: 606px;
	border: solid 2px #D0D0D0;
	margin: 0 auto 15px auto;
	padding: 15px 20px 15px 20px;
}

#service li {
	display: inline;
	margin-right: 1em;
}

.cntInnerR {
	float: right;
}

.cntInnerL {
	float: left;
	background: left bottom no-repeat;
}

.imgCenter {
	text-align: center;
	margin: 0 auto;
	clear: both;
}
.topic {
	color: #F24F00;
	margin-bottom: 0.5em;
}

#box01 .cntInnerL {
	background: url(../../atre/img/ph_beginner01.jpg) left bottom no-repeat;
	width: 390px;
	min-height:120px;
	height: auto !important;
	height: 120px;
	padding-bottom:107px;
}
#box01 .cntInnerR {
	width: 192px;
}
#box01 .cntInnerL {	width: 390px;}
#box02 .cntInnerR {
	background: url(../../atre/img/ph_beginner04.jpg) left bottom no-repeat;
	width: 260px;
	min-height:100px;
	height: auto !important;
	height: 100px;
	padding-bottom:127px;
}
#box02 .cntInnerL {	width: 322px;}
#box03 .cntInnerR {	width: 300px;}
#box03 .cntInnerR table {
	width: 300px;
	margin-top: 1.5em;
}

#box03 .cntInnerL {	width: 290px;}
#box03 .imgCenter {	width: 587px;}
#box04 .cntInnerR {	width: 200px;}
#box04 .cntInnerL {
	background: url(../../atre/img/ph_beginner06.jpg) left bottom no-repeat;
	width: 410px;
	min-height:126px;
	height: auto !important;
	height: 126px;
	padding-bottom:101px;
}
#box05 .imgCenter {	width: 598px;}
#box06 .cntInnerR {
	background: url(../../atre/img/ph_beginner10.jpg) left bottom no-repeat;
	width: 250px;
	min-height:100px;
	height: auto !important;
	height: 100px;
	padding-bottom:127px;
}
#box06 .cntInnerL {	width: 322px;}
#box07 .cntInnerR {	width: 288px;}
#box07 .cntInnerL {
	background: url(../../atre/img/ph_beginner11.jpg) left bottom no-repeat;
	width: 287px;
	min-height:148px;
	height: auto !important;
	height: 148px;
	padding-bottom:89px;
}
#box08 .cntInnerR {
	background: url(../../atre/img/ph_beginner14.jpg) left bottom no-repeat;
	width: 172px;
	min-height:196px;
	height: auto !important;
	height: 196px;
}
#box08 .cntInnerL {	width: 392px;}
#box09 .cntInnerR {
	background: url(../../atre/img/ph_beginner16.jpg) left bottom no-repeat;
	width: 262px;
}
#box09 .cntInnerL {	width: 312px;}
#box10 .cntInnerR {
	width: 165px;
		background: url(../../atre/img/ph_beginner18.jpg) left bottom no-repeat;
}
#box10 .cntInnerL {	width: 412px;}
#box11 .cntInnerR {
	width: 274px;
}
#box11 .cntInnerL {	width: 320px;}
#beginner #box11 .cntInnerL h4 {
	background: url(../../atre/img/icon_doremi.gif) left center no-repeat;
	padding: 10px 0 10px 40px;
}
#box11 dt,
#box12 p.dt {
	font-weight: bold;
}
#box11 dd,
#beginner #box12 li {
	margin: 0 0 1em 1em;
}
#beginner #box12 {
	background: #F4F4ED;
	width: 610px;
	margin : 0 auto 15px;
	padding: 1em 20px 15px;
}
#box12 .cntInnerR {	width: 274px;}
#box12 .cntInnerL {	width: 320px;}
#beginner #has h4 {
	color: #AF376D;
	font-weight: bold;
	margin-bottom: 0;
}
#box12 li {
	margin: 0 0 0.5em 1em;
}

#box12 li.note {
	font-size: small;
	text-indent: -1em;
	margin: 0 0 0 2em;
}
#box13 p {
	margin-bottom: 1em;
}

#box14 {
	background: #F4F4ED;
	width: 610px;
	margin : 0 auto;
	padding: 15px 20px;
}

#box14 p {
	float: left;
	width: 340px;
}

#box14 a {
	display: block;
	float: right;
	width: 247px;
}

#beginner #box13 .topic {
	display: inline;
	color: #B12517;
	margin-right: 1em;
}

#beginner #rMainBox #box13 img {
	display: inline;
	vertical-align: middle;
}

#beginner #corner {
	background: #F4F4ED;
	width: 610px;
	margin : 0 auto 25px;
	padding: 15px 20px;
}

#beginner #btnArea {
	background: #F4F4ED;
	width: 610px;
	margin : 0 auto 25px;
	padding: 15px 20px;
}

#beginner #btnArea li {
	float: left;
	display: inline;
	margin-right: 20px;
}

#beginner #rMainBox .pageTop {
	padding: 0;
	margin-bottom: 15px;
}
#beginner #rMainBox .cntInner a 
#beginner #rMainBox .cntInner img {
	display: inline;
	float: left;

}
#beginner #rMainBox .rContentsBoxHarf #imgFlort img {
	float: left;
	margin-right: 10px;
}
#beginner #rMainBox .rContentsBoxHarf #imgFlort img#lastChild{
	margin-right: 0px;
}#beginner .rContentsBoxHarf .cntInner #noMargin {
	margin-right: 0px;
	margin-left: 0px;
	display: inline;
}

/* -------------------------------------------------------
  6: access.html only
------------------------------------------------------- */
#access h4 {
	width: 681px;
	margin: 20px auto 0;
}

#access .rContentsBox {
	width  : 650px;
	margin : 0 auto 0 auto;
	padding:20px 0 30px;
}
#access .end {
	padding:20px 0 0;
}

#access .rContentsBox .btn {
	float: left;
}

#access .rContentsBox .imgRight {
	float: right;
	width: 188px;
}

#access .rContentsBox ul {
	float: left;
	width: 410px;
}

#access .rContentsBox li {
	padding: 8px 10px;
	border-top: dashed 1px #535353;
}

#access .rContentsBox li.end {
	border-bottom: dashed 1px #535353;
}

/* -------------------------------------------------------
  7: procedure.html only
------------------------------------------------------- */

#procedure #btnSet {
	margin: 0 auto 15px auto;
}
#procedure .primeText {
	margin : 0 auto;
	padding: 25px 0 0;
	width  : 681px;
}
#procedure .leadText {
	margin : 15px auto 23px;
	padding: 0 0 0 3px;
	width  : 678px;
}
#procedure #rMainBox h3 {
	margin : 0 auto;
	padding: 0 0 20px;
	width  : 681px;
}
#procedure .inner {
	margin        : 0 auto;
	padding-bottom: 25px;
	width         : 681px;
}
#procedure #secondary{
	padding-bottom: 10px;
}

#procedure #primePagetop{
	font-size: 12px;
	padding  : 10px 10px 25px 0;
}
#procedure .imageWrap{
	float  : left;
	padding: 5px 10px 0px 15px;
	width  : 90px;
}
#procedure .procedureTextBox {
	float: left;
	width: 565px;
}
#procedure .hBgRed{
	margin-bottom: 12px;
	padding-top  : 3px;
}
.ie #procedure .hBgRed,
.mac #procedure .hBgRed{
	padding-top  : 0px;
}
.mac.safari #procedure .hBgRed{
	padding-top  : 3px;
}
#procedure #rMainBox dl,
#procedure #rMainBox ul,
#procedure #rMainBox h5 {
	padding-left: 23px;
}
#procedure #rMainBox dl{
	padding-bottom: 10px;
}
#procedure #rMainBox dt{
	font-weight: bold;
	font-size  : 113%;
	line-height: 1.2;
}
#procedure #rMainBox .largeText{
	font-weight   : bold;
	font-size     : 143%;
	line-height   : 1.2;
	padding-bottom: 5px;
}
#procedure #rMainBox .largeText span{
	font-size  : 73%;
}
#procedure #rMainBox h5 {
	background    : url(../../atre/img/icon_squere.gif) no-repeat 3px 2px;
	border-bottom : 1px solid #CDCDCD;
	color         : #5A3D1C;
	margin-bottom : 12px;
	margin-left   : 17px;
	padding-bottom: 5px;
	padding-left  : 20px;
}
#procedure #rMainBox .contact {
	border-collapse: collapse;
	clear          : both;
	margin         : 00px auto 0;
	width          : 610px;
}

#procedure #rMainBox .contact th {
	background-color: #E3E1D8;
	border          : solid 1px #CBCBCB;
	font-weight     : bold;
	padding         : 2px 0; 
	text-align      : center;
}
#procedure #rMainBox .contact td {
	border    : solid 1px #CBCBCB;
	padding   : 15px 10px 5px;
	text-align: center;
}
#procedure #rMainBox .contact dl{
	padding: 0px 0px 6px;
}
#procedure #rMainBox .contact ul{
	padding: 0px 10px;
}
#procedure #rMainBox .contact li{
	padding-left: 1em;
	text-align  : left;
	text-indent : -1em;
}









.note {
	font-size: x-small;
	margin-left: 1em;
	text-indent: -1em;
}

#inquiryList {
	border: solid 1px #B4B4B4;	
}

#inquiryList th {
	color: #FFFFFF;
	font-weight: bold;
	background: #6D6D6D;
	text-align: left;
	vertical-align: top;
	border: solid 1px #B4B4B4;
}

#inquiryList th.caption {
	background: #354695;
	padding: 10px 30px;
}

#inquiryList th.item {
	background: #3F6AB6;
	width: 150px;
	padding: 5px 10px;
}

#inquiryList .atreCard {
	float: left;
}

#inquiryList .credit {
	float: right;
}

#inquiryList td {
	padding: 5px 10px;
	border: solid 1px #B4B4B4;
}

#inquiryList li {
	line-height: 1.2;
	text-indent: -1em;
	margin: 0 0 0.5em 1em;
	list-style-type: disc;
	list-style-position: inside;
}

.hBgRedM {
	font-size: 103%;
	background: url(../img/h_common_red.gif) no-repeat left top;
	height: 27px;
	padding-top: 3px;
	padding-left: 10px;
}


/* -------------------------------------------------------
  8: atre backnumber htmls
------------------------------------------------------- */
#backnumber #leadText {	
	background  : url(../../atre/img/backnumber/bg_backnumber_lead.gif) no-repeat right top;
	width       : 651px;
	margin-right: auto;
	margin-left : auto;
	padding-top : 35px;
}
#backnumber #leadText p {
	width        : 340px;
	margin-top   : 15px;
	margin-bottom: 15px;
}
.inline{
	display: inline;
}
.none{
	display: none;
}
#backnumber .selectArea {
	background : url(../../atre/img/backnumber/bg_select_top.gif) no-repeat left top;	
	width      : 650px;
	margin     : 15px auto;
	padding-top: 5px;
}
#backnumber .selectArea .inner {
	background      : url(../../atre/img/backnumber/bg_select_bottom.gif) no-repeat left bottom;	
	background-color: #E0DDC3;
	width           : 626px;
	padding         : 5px 12px 10px 12px;	
}
#backnumber .selectArea .selectYear {
	float: left;
	width: 215px;
}
#backnumber .selectArea ul {
	float: right;
}
#backnumber .selectArea li {
	display     : inline;
	background  : url(../../atre/img/backnumber/icon_gold_back.gif) no-repeat left 3px;
	margin-right: 16px;
	padding     : 3px 0 2px 20px;
}
#backnumber .selectArea li.lastChild{
	background   : url(../../atre/img/backnumber/icon_gold_next.gif) no-repeat right 3px;
	margin-right : 0px;
	padding      : 3px 20px 2px 0;
}
#backnumber .rContentsBox {
	width  : 650px;
	margin : 0 auto 0 auto;
	padding: 0px 0 0px;
}
#backnumber #currentTtl {
	font-size       : 115%;
	font-weight     : bold;
	background-color: #A69661;
}
#backnumber .block {
	background-color: #EBE9DE;
	padding         : 13px 33px 18px 33px;
	border-top      : 1px solid #FFFFFF;
	border-bottom   : 1px solid #BEBFA2;
}
#backnumber .block .left {
	text-align : left;
	float      : left;
	width      : 160px;
	padding-top: 0px;
} 
#backnumber .block .left dl {
	width      : 160px;
} 
#backnumber .rContentsBox .block .left dt {
	width      : 160px;
	margin-top : 0px;
}
#backnumber .rContentsBox .block .left dt.short {
	padding-left: 20px;
}
#backnumber .rContentsBox .block .left dd.short {
	padding-left: 30px;
}

#backnumber .block .left dd {
	color       : #644C22;
	font-weight : bold;
	padding-left: 26px;
	clear: both;
}
#backnumber .block .right {
	float: right;
	width: 420px;
}
#backnumber .block .right h4 {
	font-size       : 100%;
	font-weight     : bold;
	background-color: #CECBC1;
	margin-bottom   : 4px;
	padding         : 7px 10px 5px;
}
#backnumber .block .right h4 .addText{
	display: block;;
	padding: 4px 0 0;
}
#backnumber .block .right .allRead {
	text-align    : right;
	padding-top   : 8px;
	padding-bottom: 3px;
}
#backnumber .block .right p,
#backnumber .block .right li,
#backnumber .block .right dl,
#backnumber .block .right dt,
#backnumber .block .right dd{
	line-height:1.4;
}
#backnumber .block .right dt{
	font-weight: bold;
	padding-bottom: 3px;
}
#backnumber .rContentsBox dt,
#backnumber dl.faqBox dt {
	margin-top   : 10px;
	margin-bottom: 1px;
	padding      : 0 0 0px 0px;
}
#backnumber #number2013 .right  dt,
#backnumber #number2012 .right  dt,
#backnumber #number2011 .right  dt,
#backnumber #number2010 .right  dt,
#backnumber #number2009 .right  dt{
	margin-top   : 2em;
}

#backnumber .block .right h5 {
	font-weight  : normal;
	margin-top   : 8px;
	margin-bottom: 10px;
}
#backnumber .block .right h5.sub {
	margin-bottom: 5px;
}
#backnumber .block .right .marginSet {
	margin-top: 0px;
}
#backnumber .block .right .bold{
	font-weight: bold;
}
#backnumber .block .right .normal{
	font-weight: normal;
}
#backnumber .block .left .soldOut{
	color       : #DC2800;
	padding-left: 28px;
}
#backnumber .toNewest {
	width       : 650px;
	margin      : 14px auto;
	padding-left: 5px;
}
/*#backnumber .toNewest a {
	background  : url(../img/arrow_red09.gif) no-repeat left center;
	padding-left: 10px;
}
*/
.textChangeBtnTop       {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottom    {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnTopOver   {background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottomOver{background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}

.textChangeBtnTop2       {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottom2    {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnTopOver2   {background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottomOver2{background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}

.textChangeBtnTop3       {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottom3    {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnTopOver3   {background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottomOver3{background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}

.textChangeBtnTop4       {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottom4    {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnTopOver4   {background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottomOver4{background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}

.textChangeBtnTop5       {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottom5    {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnTopOver5   {background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottomOver5{background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}

.textChangeBtnTop6       {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottom6    {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnTopOver6   {background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottomOver6{background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}

.textChangeBtnTop7       {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottom7    {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnTopOver7   {background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottomOver7{background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}

.textChangeBtnTop8       {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottom8    {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnTopOver8   {background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottomOver8{background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}

.textChangeBtnTop9       {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottom9    {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnTopOver9   {background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottomOver9{background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}

.textChangeBtnTop10       {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottom10    {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnTopOver10   {background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottomOver10{background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}

.textChangeBtnTop11       {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottom11    {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnTopOver11   {background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottomOver11{background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}

.textChangeBtnTop12       {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottom12    {background: url(../../atre/img/backnumber/icon_gold_down.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnTopOver12   {background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}
.textChangeBtnBottomOver12{background: url(../../atre/img/backnumber/icon_gold_up.gif) no-repeat left 2px;	padding   : 2px 0 4px 20px;}