/*
 *
 *  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: 287px;
	padding: 13px 0;        /*  height: 40px;  */
	text-align: center;
	font-size: 14px;
	background-color: transparent;
	background-image: url(../images/background_current_y.jpg);
	background-repeat: no-repeat;
}

#Another {
	margin-top: 13px;
	width: 287px;
	padding: 7px 0 6px;     /*  height: 27px;  */
	text-align: center;
	font-size: 14px;
	background-color: transparent;
	background-image: url(../images/background_another_y.jpg);
	background-repeat: no-repeat;
}

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


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


/**************** CONTENT >> MAIN >> OUTER LINE >> SERIES ****************/
.SeriesKind {
	margin: 5px;
	width: 560px;
	position: relative;
}


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


.SeriesInfo { width: 450px;}


.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: 12px;
	line-height: 2em;
	background-color: transparent;
}


.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(/j/concert_ticket/by_series/images/goto_regular_a.jpg); }
a#GotoRegularA:hover    { background-image: url(/j/concert_ticket/by_series/images/goto_regular_a-over.gif); }
a#GotoRegularB          { background-image: url(/j/concert_ticket/by_series/images/goto_regular_b.gif); }
a#GotoRegularB:hover    { background-image: url(/j/concert_ticket/by_series/images/goto_regular_b-over.gif); }
a#GotoPromenade         { background-image: url(/j/concert_ticket/by_series/images/goto_promenade.gif); }
a#GotoPromenade:hover   { background-image: url(/j/concert_ticket/by_series/images/goto_promenade-over.gif); }
a#GotoGeigeki           { background-image: url(/j/concert_ticket/by_series/images/goto_geigeki.gif); }
a#GotoGeigeki:hover     { background-image: url(/j/concert_ticket/by_series/images/goto_geigeki-over.gif); }


img.Separator { width: 100%; }


/**************** CONTENT >> MAIN >> SERIES TITLE ****************/
.SeriesTitle {
	margin-top: 0;
	margin-left: 44px;          /*  800 - 1 (right border) - 570 = 87  */
	width: 572px;
	height: 78px;
	background-repeat: no-repeat;
	position: relative;
}


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

#TitleRegularA p    { color: #2F569A; background-color: transparent; }
#TitleRegularB p    { color: #AB3F6C; background-color: transparent; }
#TitlePromenade p   { color: #21653F; background-color: transparent; }
#TitleGeigeki p     { color: #223061; background-color: transparent; }


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

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

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


/**************** CONTENT >> MAIN >> ON SALE ****************/
#OnSale {
	margin-top: 2px;
	margin-left: 44px;          /*  800 - 1 (right border) - 570 = 87  */
	margin-bottom: 0;
	border: 1px solid #B2B2B2;
	border-bottom: none;
	padding: 10px;
	width: 550px;       /*  total 570px  */
	font-size: 12px;
	font-weight: bold;
	color: #9F1200;
	background-color: transparent;
}


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