#map {
	width: 370px; 
	height: 530px; 
	margin-bottom: 30px;
	}

td.maru {
	background: url(../images/seat-available.gif) no-repeat 10% 50%;
	}

td.sankaku {
	background: url(../images/seat-available2.gif) no-repeat 10% 50%;
	}

td.batsu {
	background: url(../images/seat-not-available.gif) no-repeat 10% 50% #ccc;
	}


.wrapper{
	width: 760px;
	font-size: 12px;
	line-height: 18px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 auto;
}

.RO-logo{
	float: left;
	text-indent: -9999px;
	background: url(../images/RO-logo.jpg) no-repeat left center;
	width: 280px;
	height: 140px;
}

.description{
	float: right;
	width: 420px;
	height: 100px;
	padding: 20px;
}

.description p{
}

.RO-link a{
	background: url(../images/detail.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 140px;
	height: 38px;
	float: right;
	}

.clear{
	clear: both;
}

.topimg{
	text-indent: -9999px;
	width: 760px;
	height: 269px;
	background: #424242 url(../images/top.jpg) no-repeat center center;
	margin-bottom: 30px;
}

.players{
	text-align: center;
	width: 760px;
	margin: -20px auto 0 auto;
	background-color: #424242;
	color: #fff;
	display: block;
	_height:30px;
}

.purchase{
	text-indent: -9999px;
	background-color: #424242;
	width: 760px;
	height: 55px;
	padding-top: 3px;
	margin-top: -15px;
	margin-bottom: 20px;
}

.purchase p{
	color: #fff;
}

.purchase a{
	background: url(../images/purchase.jpg) no-repeat center center;
	display: block;
	width: 400px;
	height: 35px;
	margin: 10px auto;
}

.purchase a:hover{
	background: url(../images/purchase2.jpg) no-repeat center center;
}


.seats{
	width: 760px;
	margin: 20px auto;
	background: url(../images/seat.jpg) no-repeat center top;
	padding-top: 470px;
}

h2{
	color: #fff;
	padding: 5px 40px;
	background: url(../images/line2.jpg) repeat-y left center;
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
}

h3{
	color: #fff;
	padding: 5px 50px;
	background: url(../images/line.jpg) repeat-y left center;
	margin: ;
}

.seats ul{
	margin: 0px 60px 0px 0px;	
}



/* ticket.html */
table.dataTable{
	width: 758px;
	margin: 0 auto;
}

table.dataTable td, table.dataTable th {
border: 1px solid #999;
}

table.dataTable td, table.dataTable th {
padding: 5px 5px;
text-align: center;
vertical-align: middle;
font-weight: normal;
}

#RJOT #ticketPrice,
#RJOT #attention,
#RJOT #seatingPlan {
	margin-bottom:30px;
}

#ticketPrice table.dataTable {
	margin-bottom:10px;
}

#ticketPrice table.dataTable tbody th {/*!override*/
	width:165px;
	background:#666666;
	color:#ffffff;
}

#ticketPrice table.dataTable col.seat {
	background:#efefef;
	width:180px;
}

#ticketPrice table.dataTable col.class {
	background:#efefef;
	width:80px;
}

#ticketPrice table.dataTable col.price {
	width:79px;
}


#ticketPrice table.dataTable td.consecutive {
	text-align:center;
}

#attention dt {
	margin-bottom:6px;
	padding-left:13px;
	font-weight:bold;
}

#attention dd {
	margin:0 0 15px 18px;
}

#attention dd li {
	margin-top:4px;
	padding-left:6px;
}

#seatingPlan p {
	margin:20px 0 30px;
	text-align:center;
}

#ticketStore table.dataTable {
	margin:36px 1px 0px 0;
	color:#000000;
}

#ticketStore table.dataTable th,
#ticketStore table.dataTable td {
	padding:7px;
	line-height:1.6;
}

#ticketStore table.dataTable th {
	background:#666666;
	color:#ffffff;
	font-weight:bold;
	vertical-align:top;
}

#ticketStore table.dataTable dt {
	color:#bf0000;
}

#ticketStore table.dataTable li {
	padding-left:6px;
}

#ticketStore table.dataTable p.note,
#ticketStore table.dataTable ul.note li {
	padding-left:1em;
	text-indent:-1em;
	color:#666666;
	background:none;
	line-height:1.4;
}

#ticketStore table.dataTable td {
	text-align: left;
}

#ticketStore table.dataTable span.logo {
	padding-bottom:7px;
}


#ticketStore table.dataTable dl dt{
	margin-bottom: 7px;
}

#ticketStore table.dataTable dl dd{
	margin-bottom: 7px;
}

#ticketStore table.dataTable .text-right{
	text-align: right;
}

#ticketStore table.dataTable .text-center{
	text-align: center;
}

.text-vmiddle{
	vertical-align: middle;
}

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


.small{
	font-size: 10px;
}

.btm_space{
	margin-bottom: 20px;	
}

#RJOT ul.note li {
	margin-bottom:4px;
	padding-left:1em;
	text-indent:-1em;
}


dl.note {
	width: 724px;
	margin: 0 0 30px 0;
	padding: 0 10px 10px;
	border: 7px #EEEEEE solid;
}

dl.note dt {
	float: left;
	width: 7em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 0;
	line-height: 150%;
}
dl.note dd {
	padding: 10px 0 10px 5em;
	line-height: 150%;
	border-bottom: 1px #CCCCCC solid;
}

dl.note2 {
	width: 340px;
	margin: 0 0 30px 0;
	padding: 0 10px 10px;
	border: 7px #EEEEEE solid;
}

dl.note2 dt {
	float: left;
	width: 7em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 0;
	line-height: 150%;
}
dl.note2 dd {
	padding: 10px 0 10px 5em;
	line-height: 150%;
	border-bottom: 1px #CCCCCC solid;
}


dl.faq {
	width: 724px;
	margin: 0 auto 30px auto;
	padding: 0 10px 10px;
	border: 7px #EEEEEE solid;
}

dl.faq dt {
	line-height: 150%;
	padding: 20px 0;
	font-weight: bold;
	text-indent: 0;
}
dl.faq dd {
	padding: 0px 20px 10px 0;
	line-height: 150%;
	border-bottom: 1px #CCCCCC solid;
}


dl.faq dd ul li{
	margin-bottom: 5px;
}


div.left{
float: left;
}

div.right{
	float: right;
}

.service-link {
  text-align: center;
}

.service-link a {
  display: block;
  color: #000;
  padding: 10px;
  text-decoration: none;
  font-weight: bold;
  font-size: 14pt;
  width: 500px;
  margin: 30px auto;
  white-space: nowrap;
  background: #fceabb; /* Old browsers */
  background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
}

.service-link a:hover {
  background: #feccb1; /* Old browsers */
  background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */
}