@import url("./base.css");

#Content {
 line-height: 1.5em;
}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
sub_menu
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

body#ticket #Content #Primary {
	width: 580px ;
	float:left;
	margin: 0 0 10px 35px;
	_margin:0 0 10px 17px;
	
}

body#ticket #Content #Primary p.menu {
    margin: 0 0 0px 0px;
}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
class:left
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

#Content .left {
	float: left;
	width: 638px;
	margin-left: 30px;
}

* html #Content .left {
	display: inline;
}

#Content .left .caption ,
#Content .left h3 {
	color: #a30037;
}

#Content .left h3 {
	margin-bottom: 15px;
	font-size: 120%;
}

#Content .left #Rules {
	margin-top: 15px;
	border: 1px solid #e1e1e5;
	padding: 15px;
	background: #f7f7fc;
}

#Content .left #Rules iframe {
	width: 328px;
	border: 1px solid #e1e1e5;
	background: #fff;
}

* html #Content .left #Rules iframe {
	width: 330px;
}

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
class:right
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

#Content .right {
	float: right;
	width: 264px;
	margin: 18px 10px 0 0 ;
	_margin-left:5px;
}

#Content .right h2 {
	margin: 10px 0 20px 20px ;
}

#Content .right #Banner {
    margin: -15px 0 0 18px ;

}

#Content .right #BannerBody {
    height:180px;
	padding: 0 18px;
	font-size: 80%;
	line-height: 1.4em;
	background: url(../images/top/right-back-bottom.gif) no-repeat left bottom;

}

#Content .right #Banner img#Logo {
	float: left;
	width: 77px;
	margin-left: -5px;
}

* html #Content .right #Banner img#Logo {
	display: inline;
}

#Content .right #Banner p {
	margin: 5px;
}

* html #Content .right #Banner img#Logo {
	display: inline;
}

#Content .right #Banner dl {
	clear: both;
	border-top: 1px dotted #dadada;
	padding: 5px 0 20px;
}

#Content .right #Banner dt {
	color: #a30037;
	font-weight: bolder;
}

#Content .right #Banner dd {
	margin: 2px 0;
}

/*
===============================================================================
id:Pagetop
===============================================================================
*/

#pagetop {
	clear: both;
	text-align: right;
	margin: 0 40px 10px 0;
	font-weight: bold;

}


/* --840 sitemap -- */

#ticket #Content .left h3.news {
	text-indent: -9999px;
	width: 148px;
	height: 27px;
	background: transparent url(../images/ticket/title-news.gif) ;
	margin: 10px 0 0 0;
	padding: 0;
}

#ticket #Content .left .latest {
	border-top: 1px dotted #ddd;
	margin:0 0 20px 5px;
}

#ticket #Content .left dl {
	border-bottom: 1px dotted #ddd;
}

#ticket #Content .left dt {
	float: left;
	padding: 5px 10px;
}

#ticket #Content .left dd {
	float: left;
	padding: 5px 10px;
}



#ticket #Content ul.local-menu {
	margin: 15px 0 0 0;
	list-style-type: none;
}

#ticket #Content ul.local-menu li {
	float: left;
	margin: 10px 5px 15px 0;
	padding: 0 2px 0 0;
	width: 205px ;
	height: 110px;
}

#ticket #Content ul.local-menu li.area {
	background: transparent url(../images/ticket/btn-01.gif) ;
	text-indent: -9999px;
}

#ticket #Content ul.local-menu li.area a {
	display: block;
	width: 205px ;
	height: 110px;
}

#ticket #Content ul.local-menu li.area a:hover {
	background: transparent url(../images/ticket/btn-01.gif) 0 -110px;
}

#ticket #Content ul.local-menu li.company {
	background: transparent url(../images/ticket/btn-02.gif) ;
	text-indent: -9999px;
}

#ticket #Content ul.local-menu li.company a {
	display: block;
	width: 205px ;
	height: 110px;
	
}

#ticket #Content ul.local-menu li.company a:hover {
	background: transparent url(../images/ticket/btn-02.gif) 0 -110px;
}

#ticket #Content ul.local-menu li.category {
	background: transparent url(../images/ticket/btn-03.gif) ;
	text-indent: -9999px;
}

#ticket #Content ul.local-menu li.category a {
	display: block;
	width: 205px ;
	height: 110px;
}

#ticket #Content ul.local-menu li.category a:hover {
	background: transparent url(../images/ticket/btn-03.gif) 0 -110px;
}

#ticket #Content .left h3.select-area {
	text-indent: -9999px;
	width: 205px;
	height: 49px;
	background: transparent url(../images/ticket/title-area.gif) no-repeat;
	margin: 0px 0 20px 0;
	
}

#ticket #Content .left h3.select-company {
	text-indent: -9999px;
	width: 293px;
	height: 49px;
	background: transparent url(../images/ticket/title-company.gif) ;
	margin: 10px 0 10px 0;
	padding: 0;
}

#ticket #Content .left .bg-area {
	position: relative;
	width: 640px;
	height: 397px;
}

#ticket #Content .left .bg-area ul.area-list {
	position: absolute;
	top: 146px;
	left: 371px;
}

#ticket #Content .left .bg-area ul.area-list li {
	padding: 3px 10px 3px 18px;
	margin-left: 25px;
	width: 205px;
	list-style-type: none;
	color: #88BAB9;
	font-weight: bold;
	font-size:15px;
	line-height:20px;
}

#ticket #Content .left .bg-area ul.area-list li a {
	color: #5C9F9E;
	text-decoration: underline;
}

#ticket #Content .left .bg-area ul.area-list li.b-01 {
	background: #e5e5e5 url(../images/ticket/area-no1.gif) no-repeat 3px 8px;
}

#ticket #Content .left .bg-area ul.area-list li.b-02 {
	background: #fff url(../images/ticket/area-no2.gif) no-repeat 3px 8px;
}

#ticket #Content .left .bg-area ul.area-list li.b-03 {
	background: #e5e5e5 url(../images/ticket/area-no3.gif) no-repeat 3px 8px;
}

#ticket #Content .left .bg-area ul.area-list li.b-04 {
	background: #fff url(../images/ticket/area-no4.gif) no-repeat 3px 8px;
}

#ticket #Content .left .bg-area ul.area-list li.b-05 {
	background: #e5e5e5 url(../images/ticket/area-no5.gif) no-repeat 3px 8px;
}

#ticket #Content .left .bg-area ul.area-list li.b-06 {
	background: #fff url(../images/ticket/area-no6.gif) no-repeat 3px 8px;
}

#ticket #Content .left .bg-area ul.area-list li.b-07 {
	background: #e5e5e5 url(../images/ticket/area-no7.gif) no-repeat 3px 8px;
}

#ticket #Content .left .bg-area ul.area-list li.b-08 {
	background: #fff url(../images/ticket/area-no8.gif) no-repeat 3px 8px;
}

#ticket #Content .left .bg-area ul.area-list li.b-09 {
	background: #e5e5e5 url(../images/ticket/area-no9.gif) no-repeat 3px 8px;
}

#ticket #Content .left .bg-area ul.area-list li.b-10 {
	background: #fff url(../images/ticket/area-no10.gif) no-repeat 3px 8px;
}


#ticket #Content .left .bg-company {
	background:url(../images/ticket/company-bg-bottom.gif) no-repeat left bottom;
	height:150px;
}


#ticket #Content .left .bg-company .logo {
	margin: 0 8px 0 11px;
}

#ticket #Content .left dl.tour-list dt {
    margin-left:11px;
	_margin-left:5px;
	padding: 5px 0 5px 20px;
	width: 70px;
}

#ticket #Content .left dl.tour-list dt.b-01 {
	background: #e5e5e5 url(../images/ticket/tour-no1.gif) no-repeat 6px 10px;
	list-style-type: none;

}

#ticket #Content .left dl.tour-list dt.b-02 {
	background: #fff url(../images/ticket/tour-no2.gif) no-repeat 6px 10px;
}

#ticket #Content .left dl.tour-list dt.b-03 {
	background: #e5e5e5 url(../images/ticket/tour-no3.gif) no-repeat 6px 10px;
}

#ticket #Content .left dl.tour-list dt.b-04 {
	background: #fff url(../images/ticket/tour-no4.gif) no-repeat 6px 10px;
}

#ticket #Content .left dl.tour-list dt.b-05 {
	background: #e5e5e5 url(../images/ticket/tour-no5.gif) no-repeat 6px 10px;
}

#ticket #Content .left dl.tour-list dt.b-06 {
	background: #fff url(../images/ticket/tour-no6.gif) no-repeat 6px 10px;
}

#ticket #Content .left dl.tour-list dt.b-07 {
	background: #e5e5e5 url(../images/ticket/tour-no7.gif) no-repeat 6px 10px;
}

#ticket #Content .left dl.tour-list dt.b-08 {
	background: #fff url(../images/ticket/tour-no8.gif) no-repeat 6px 10px;
}

#ticket #Content .left dl.tour-list dt.b-09 {
	background: #e5e5e5 url(../images/ticket/tour-no9.gif) no-repeat 6px 10px;
}

#ticket #Content .left dl.tour-list dt.b-10 {
	background: #fff url(../images/ticket/tour-no10.gif) no-repeat 6px 10px;
}

#ticket #Content .left dl.tour-list dd.gray {
	padding: 5px 25px 5px 10px;
	width: 494px;
	_width: 496px;
	background: #e5e5e5;
}

#ticket #Content .left dl.tour-list dd.white {
	padding: 5px 25px 5px 10px;
	width: 494px;

	background: #fff;
}

#ticket #Content .left dl.tour-list dd a {
	font-weight: bold;
	color: #894C8A;
	text-decoration: underline;
}

.clear {
        clear: both;
}