/*
 *
 *  CSS for TMSO
 *
 *      create: 2006.03.27
 *      modify: 
 *
 */

@import url(/j/css/basic.css);
@import url(/j/css/base.css);
@import url(/j/css/header.css);
@import url(/j/css/footer.css);
@import url(/j/concert_ticket/css/side.css);
@import url(/j/concert_ticket/css/body.css);


/**************** CONTENT >> MAIN >> YEAR SELECTOR ****************/
#YearSelector {
	margin: 0 auto;
	width: 574px;
}


#Current {
	width: 285px;        /*  height: 40px;  */
	text-align: center;
	font-size: 14px;
	background-color: transparent;
	background-image: url(../images/background_current_y.jpg);
	background-repeat: no-repeat;
	margin-right: 1px;
	margin-left: 1px;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 13px;
	padding-left: 0;
}

#Another {
	margin-top: 13px;
	width: 285px;
	_width: 284px;
	text-align: center;
	font-size: 14px;
	background-color: transparent;
	background-image: url(../images/background_another_y.jpg);
	background-repeat: no-repeat;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}

#Another a          { background-color: transparent; }
#Another a.arrow {
	background-position: 0px 5px;
}

.SideL { }
.SideR { background-position: top right; }


/**************** CONTENT >> MAIN >> OUTER LINE ****************/
#OuterLine {
	margin: 2px auto;
	border: 2px solid #e5e4e4;
	width: 570px;
}


/**************** CONTENT >> MAIN >> OUTER LINE >> SERIES ****************/
.SeriesKind {
	margin: 5px;
	width: 560px;
	position: relative;
}
.Own {
	background-color: #FFFFFF;
}


.Icon { margin: 12px 0 0 10px; }


.SeriesInfo {
	width: 496px;
}


.SeriesInfo h5 {
	margin: 12px 0 0 10px;
	font-size: 14px;
}


.GotoSeriesListMore {
	margin: 12px 16px 0;
	text-align: right;
	font-size: 12px;
}


.AboutHall {
	margin: 8px 0 0 0;
	border-top: 1px solid #A8ACAF;
	padding: 10px 0 0 10px;
	font-size: 12px;
	color: #000;
	background-color: transparent;
}


.AboutTicket {
	margin: 4px 0 0 10px;
	font-size: 11px;
	background-color: transparent;
}

.AboutTicket img {
	margin-top: 4px;
}


.AboutSeries {
	margin: 0.75em 12px 1em 10px;
	font-size: 12px;
}


a.GotoSeriesList {
	width: 25px; height: 130px;
	position: absolute;
	top: 0; left: 554px;
}

a#GotoRegularA          { background-image: url(../images/goto_regular_b.jpg); }
a#GotoRegularA:hover    {
	background-image: url(../images/goto_regular_b-over.jpg);
	text-decoration: none;
}
a#GotoRegularB          { background-image: url(../images/goto_regular_a.jpg); }
a#GotoRegularB:hover    {
	background-image: url(../images/goto_regular_a-over.jpg);
	text-decoration: none;
}
a#GotoPromenade         { background-image: url(../images/goto_promenade.jpg); }
a#GotoPromenade:hover   {
	background-image: url(../images/goto_promenade-over.jpg);
	text-decoration: none;
}
a#GotoGeigeki           { background-image: url(../images/goto_geigeki.jpg); }
a#GotoGeigeki:hover     {
	background-image: url(../images/goto_geigeki-over.jpg);
	text-decoration: none;
}


img.Separator { width: 100%; }


/**************** CONTENT >> MAIN >> SERIES TITLE ****************/
.SeriesTitle {
	margin-top: 0;
	width: 572px;
	height: 78px;
	background-repeat: no-repeat;
	position: relative;
}



#TitleRegularA  { background-image: url(../images/title_regular_a.jpg); }
#TitleRegularB  { background-image: url(../images/title_regular_b.jpg); }
#TitlePromenade { background-image: url(../images/title_promenade.gif); }
#TitleGeigeki   { background-image: url(../images/title_geigeki.gif); }

#TitleRegularA p    {
	color: #e70012;
	background-color: transparent;
}
#TitleRegularB p    {
	color: #1d2089;
	background-color: transparent;
}
#TitlePromenade p   { color: #21653F; background-color: transparent; }
#TitleGeigeki p     { color: #be8b55; background-color: transparent; }


.SeriesTitle h4 {
	position: absolute;
	top: -6px;
	left: 60px;     /*  44 + 2 + 14  */
	background-color: transparent;
	color: #FFFFFF;
}

.SeriesTitle p {
	position: absolute;
	top: 54px;
	left: 14px;
	margin: 0;
	font-weight: bold;
}

.SeriesTitle a {
	position: absolute;
	top: 54px;
	left: 452px;
	background-color: transparent;
	color: #FFFFFF;
}


/**************** CONTENT >> MAIN >> ON SALE ****************/
#OnSale {
	margin-top: 2px;
	margin-bottom: 0;
	border: 1px solid #B2B2B2;
	border-bottom: none;
	padding: 10px;
	width: 550px;       /*  total 570px  */
	font-size: 12px;
	font-weight: bold;
	background-color: transparent;
}


/**************** CONTENT >> MAIN >> CONCERT LIST ****************/
table#ConcertList {
	width: 571px;
	margin-top: 0;
}