@charset "utf-8";

/* ---------------------------------------------------------
- Common
----------------------------------------------------------*/

#summer_muza .clear { clear: both;}
#summer_muza .textcenter { text-align: center; }
#summer_muza .textright { text-align: right; }
#summer_muza .bold      { font-weight: bold; }
#summer_muza .t10    { font-size: 84%; }
#summer_muza .t14    { font-size: 114%; }
#summer_muza .t16    { font-size: 133%; }
#summer_muza .t18    { font-size: 150%; }
#summer_muza .b_otext    { font-weight: bold; color:#FF9933; }
#summer_muza .f_col { color:#ff6699; }
#summer_muza .f_col2 { color:#006633; }

/* ---------------------------------------------------------
-  body
----------------------------------------------------------*/
#summer_muza {
	width: 980px;
	margin: 0 auto;
	background: url(http://image.pia.jp/images2/static/pia/feature/classic/summer_muza/summer_muza_bg.gif) repeat-y 0 0;	
	padding-left:50px;
}

/*---------------------------------------------------
 - contents
----------------------------------------------------------*/
#summer_muza h1{
	margin: 0;
	padding: 0 12px;
}
#summer_muza h2{
	margin: 0;
	padding: 0 26px;
}

#summer_muza .contents{
	width: 910px;
	padding: 0 5px 0 5px;
	border:none;
	margin-bottom:20px;
}

#summer_muza .contents .box_l{
	float: left;
	width: 400px;
}
#summer_muza .contents .box_r{
	float: left;
	width: 510px;
	padding-top: 10px;
}
#summer_muza .contents .box_l p{
	margin-top: 20px;
	margin-left: 12px;
}
#summer_muza .contents .box_l p.t14{
	text-indent: -1em;
	padding-left: 1em;
}
#summer_muza .contents .box_r p{
	margin-left: 30px;
}

#summer_muza .ticket-box {
	margin-top: 10px;
    padding: 4px 10px;
	border: 1px dotted #c0df8d;
}
#summer_muza .point{
	margin-top: 12px;
	margin-left: 12px;
	padding: 100px 25px 10px 5px;
	background: url(http://image.pia.jp/images2/static/pia/feature/classic/summer_muza/summer_muza_point_bg.gif) no-repeat;
}
#summer_muza .point span,
#summer_muza .point p:first-line{
	font-size: 13px;
	font-weight: bold;
	color: #ff6699;
}
#summer_muza .point p{
	margin-bottom: 8px;
}

/*---------------------------------------------------
 - Schedule
----------------------------------------------------------*/

#summer_muza #schedule {
	clear: both;
}
#summer_muza #schedule h2{
	margin-top: 0;
	margin-left: 20px;
}
#summer_muza #schedule .infobox {
	width: 894px;
	padding-top:8px;
	padding-bottom:5px;
	margin-left:20px;
	background: #fff;
}

#summer_muza #schedule .contents {
	width: 900px;
	background: #FFF;
	margin-left:5px;
	padding:5px;
	clear:both;
}


/*---------------  table   -------------------------*/

#summer_muza #schedule .contents .programlist {
	background: none;
	border: none;
	margin: 0;
	clear:both;
	}

#summer_muza #schedule .contents .programlist td .line_btm{
	/*border-bottom: 1px solid #999999;
	border-right: none;*/
	height:1px;
	margin:0;
	padding: 0;
	background: #999;
	}


#summer_muza #schedule .contents .programlist td .unline{
	border-bottom: 1px solid #999999;
	}
	
#summer_muza #schedule .contents .programlist th {
	vertical-align: top;
	padding: 0.2em;
	border-right: 1px solid #cbe8bb;
	border-bottom: 1px solid #cbe8bb;
	background-color: #E6E6E6;
	}

#summer_muza #schedule .contents .programlist td {
	vertical-align: top;
	padding: 0.6em;
	line-height: 1.4em;
	background: none;
	border-right: 1px dotted #cbe8bb;
	border-bottom: 1px solid #cbe8bb;
	}
	
#summer_muza #schedule .contents .programlist th.noborder,
#summer_muza #schedule .contents .programlist td.noborder{
	border: 1px solid #FFFFFF;
}

#summer_muza #schedule .contents .programlist .tit_program {
	width:38%;
	}
	
#summer_muza #schedule .contents .programlist .tit_program p{
	font-size:114%;
	color:#ff6699;
	}
#summer_muza #schedule .contents .programlist .tit_program span{
	font-size:84%;
}
	
#summer_muza #schedule .contents .programlist .event {
	width:15%;
		}
#summer_muza #schedule .contents .programlist .hall {
	width:15%;
		}
#summer_muza #schedule .contents .programlist .performer {
	width:20%;
		}
			
#summer_muza #schedule .contents .programlist .time {
	white-space: nowrap;
	}
	
#summer_muza #schedule .contents .programlist .date {
	background: #cbe8bb;
	white-space: nowrap;
	border-right: none;
	}
	
#summer_muza #schedule .contents .programlist .date-h {
	background: #fad1bb;
	white-space: nowrap;
	border-right: none;
	}

#summer_muza #schedule .contents .programlist .date-h span{
	color: #FFD7D7;
	}

#summer_muza #schedule .contents .programlist .ticket {
	border-right: none;
	}
#summer_muza #schedule .contents .programlist .ticket a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}
#summer_muza #schedule .contents .programlist .spacer {
	border-right: none;
	padding-left: 0;
	}
	
#summer_muza #schedule .contents .programlist .spacerall {
	padding-left: 0;
	border-right-style: none;
	border-bottom-style: none;
	}


#summer_muza .favorite{
	width: 890px;
    padding: 5px;
	border: 2px dotted #cbe8bb;
	margin-top: 10px;
	margin-left: 12px;
	background: #cbe8bb;
}
#summer_muza .favorite .box_l,
#summer_muza .favorite .box_r{
	float: left;
	width: 406px;
    padding: 10px;
	border: 1px dotted #ff6699;
	background : #fff;
	margin-top: 10px;
	margin-left: 12px;
}
#summer_muza .favorite p.set{
	border-bottom: 1px solid #ff6699;
	font-weight: bold;
	font-size: 112%;
	padding-bottom: 2px;
	margin-bottom: 12px;
}
#summer_muza .favorite p.tit{
	background: #ff6699;
    padding: 5px 10px;
	color: #fff;
}
#summer_muza .favorite p.cautions{
	float: left;
    padding: 12px 18px;
}

#summer_muza .favorite p.txt{
    padding: 5px 10px;
}
#summer_muza .favorite .btn {
	float: right;
	margin: 10px;
}
