/*
 *
 *  CSS for TMSO
 *
 *      create: 2006.04.03
 *      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  ****************/
.ItemBlock {
	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: 25px;
	width: 536px;
	border-top-width: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1d2088;
	border-right-color: #bfbfbf;
	border-bottom-color: #bfbfbf;
	border-left-color: #bfbfbf;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 24px;
	padding-left: 16px;
}


.ItemBlock h5 {
	padding-left: 20px;
	background-image: url(../images/trim_header.jpg);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-size: 14px;
	color: #000;
	background-color: transparent;
}


.ItemBlock h6 {
	margin: 1em 14px;
	padding-left: 6px;
	padding-top: 1em;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background-color: transparent;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #1d2088;
}


.ItemBlock h6.First {
	border-top: none;
}


.ItemBlock p {
	margin: 0.5em 34px;
	font-size: 12px;
}
.ItemBlock p.Note       { margin-top: 0.75em; margin-bottom: 0.75em; }
.ItemBlock p.NoIndent   { margin-left: 20px; margin-right: 20px; }
.ItemBlock p.NoHeader   { margin-top: 28px; }


/**************** CONTENT >> MAIN >> PERFORMANCE TITLE ****************/
#PerformanceTitle {
	margin-top: 0;
	position: relative;
	padding-top: 6px;
	height: 85px;           /*  total 115px  */
	background-image: url(../images/background_title.gif);
}


#PerformanceTitle p {
	margin: 0;
}


#SeatLayout {
	vertical-align: -0.25em;
}

#PerformanceTitle h4 {
	margin-top: 16px;
	font-size: 14px;
	line-height: 1.4em;
	color: #000;
	background-color: transparent;
	position: absolute;
	top: 28px;
	left: 16px;
	font-weight: normal;
}


#PerformanceTitle a {
	font-size: 12px;
}


#PerformanceTitle p#SeriesImg {
	margin: 0;
	position: absolute;
	top: 48px;
	right: 10px ;
}


#PerformanceTitle p#InfoImg {
	margin: 0;
	position: absolute;
	top: 94px;
	left: 16px;
}


/**************** CONTENT >> MAIN >> ABOUT PERFORMANCE ****************/
#AboutPerformance {
	margin-top: 24px;
	margin-left: 0px;
	width: 570px;
}

#AboutPerformance p { margin: 0; }
/*----------------------------------------------------------- 2010.02.10*/
#LeftBlock { width: 158px; }

#LeftBlock p.Button     { margin-top: 1em; }
#LeftBlock p.Button a   { width: 162px; height: 15px; }

#LeftBlock p.Button a#GotoRegularA          { background-image: url(../images/goto_regular_a.jpg); }
#LeftBlock p.Button a#GotoRegularA:hover    { background-image: url(../images/goto_regular_a-over.jpg); }
#LeftBlock p.Button a#GotoRegularB          { background-image: url(../images/goto_regular_b.jpg); }
#LeftBlock p.Button a#GotoRegularB:hover    { background-image: url(../images/goto_regular_b-over.jpg); }
#LeftBlock p.Button a#GotoPromenade         { background-image: url(../images/goto_promenade.jpg); }
#LeftBlock p.Button a#GotoPromenade:hover   { background-image: url(../images/goto_promenade-over.jpg); }
#LeftBlock p.Button a#GotoGeigeki           { background-image: url(../images/goto_geigeki.gif); }
#LeftBlock p.Button a#GotoGeigeki:hover     { background-image: url(../images/goto_geigeki-over.gif); }


#RightBlock {
	width: 400px;       /*  (74 (image width) + 6 (image left margin)) * 5  */
}

#RightBlock p#PhotoPerformer    { margin-bottom: 22px; }
#RightBlock div#Performer       { margin-bottom: 16px; }

#RightBlock p#PhotoPerformer img { margin-left: 6px; }

#RightBlock div#Performer,
#RightBlock div#Program {
	margin-left: 6px;
	border-left: 6px solid #B2B2B2;
	padding: 4px 0 4px 10px;
}


#RightBlock div#Program table {
	border: none;
}

#RightBlock div#Program table tr td {
	border: none;
}

 
#RightBlock h5  {
/*
	padding-bottom: 3px;
	border-bottom: 1px solid #CCC;
*/
	font-size: 14px;
	color: #000;
	background-color: transparent;
}
#RightBlock p   { font-size: 12px; }


/**************** CONTENT >> MAIN >> COMMENT ****************/
#Comment {
	margin-top: 20px;
	margin-bottom: 0;
	margin-left: 0px;
	color: #333;
	background-color: #F2EFE2;
	font-size: 12px;
	padding-top: 1em;
	padding-right: 20px;
	padding-bottom: 1em;
	padding-left: 20px;
}


/**************** CONTENT >> MAIN >> PERFORMANCE INFORMATION ****************/
#PerformanceInfromation {
}


.Attention { font-size: 14px; }
.ItemBlock p.Attention { font-size: 14px; }


#PerformanceInfromation form { margin: 0; }


#PerformanceInfromation table { font-size: 12px; }

table#SeatInfo {
	margin-top: 0.5em;
	margin-left: 34px;
	border-collapse: collapse;
	border: 2px solid #D9D9D9;
}

table#SeatInfo th,
table#SeatInfo td {
	padding: 0.5em 1em;
	text-align: center;
	border: 1px solid #D9D9D9;
}

table#SeatInfo th {
	border: 1px solid #fff;
	color: #333;
	background-color: #D9D9D9;
}

.Mark       {}
.Bit        { color: #00c; background-color: transparent; }
.SoldOut    { color: #c00; background-color: transparent; }


table#TicketAgency {
	margin-top: 0.5em;
	margin-left: 34px;
	border: none;
}

table#TicketAgency th,
table#TicketAgency td { border: none; }

table#TicketAgency td { padding-left: 1em; }


/**************** CONTENT >> MAIN >> PROMISE ****************/
#Promise {
}

/*----------------------------------------------------------- 2010.02.10*/
/**************** link txt *******************/
.txtLink {
	background: url(/j/images/common/arrow_sub.jpg) no-repeat 0 6px;
	padding: 3px 0 0 7px;
	font-size: 80%;
	_font-size: 85%;
	line-height: 140%;
}

.txtLink a:link { color: #282679; text-decoration: none; }
.txtLink a:visited { color: #282679; text-decoration: none; }
.txtLink a:hover { color: #6a68bf; text-decoration: none; }
.txtLink a:active { color: #6a68bf; text-decoration: none; }