@charset "UTF-8";

/* ********************************

 style.css for espectaculo 

******************************** */

/* //////////////////////////////////////////////////////////////// title */

div#titleArea{
	background:url(img/bg_head.jpg) no-repeat left top;
}

	div#titleArea h1{
		top:90px;
		right:20px;
	}

		dl#topicpath dt,
		dl#topicpath dd{
			/*color:#b6b5b5;*/
			color:#FFF;
		}

/* //////////////////////////////////////////////////////////////// copyArea */

div#copyArea{
	background:url(img/bg_main.jpg) no-repeat left top;
}

	div#copyArea h2,
	div#copyArea p{
		position:relative;
		margin-left:327px;
	}
	div#copyArea h2 img{
		margin-top:139px;
	}
	
	div#copyArea p{
		width:296px;
		margin-top:7px;
	}

/* //////////////////////////////////////////////////////////////// main */

div#mainIn{
	/*padding-bottom:140px;
	padding-bottom:85px;*/
	color:#70706b;
}

/* //////////////////// タブ */

ul#month{
	position:absolute;
	right:30px;
	bottom:1px;
}

	ul#month li{
		color:#e8d1d2;
		margin-left:2px;
	}
	
	ul#month li#location{ padding:3px 18px; }
	ul#month li.first{ background:url(img/tab01_on.gif) repeat left top;}
	ul#month li.second{ background:url(img/tab02_on.gif) repeat left top;}
	ul#month li.third{ background:url(img/tab03_on.gif) repeat left top;}
		
		ul#month li.first a{ background:url(img/tab01.gif) repeat left top;}
		ul#month li.second a{ background:url(img/tab02.gif) repeat left top;}
		ul#month li.third a{ background:url(img/tab03.gif) repeat left top;}
	
		ul#month li a{ display:block; color:#171717; padding:3px 18px; }
		ul#month li a:hover{ background:none; color:#e8d1d2; }


/* //////////////////// カレンダー */

h3.titleMonth{
	font-family:'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'メイリオ', Meiryo, 'HG明朝B', 'ＭＳ Ｐゴシック', sans-serif;
	font-size:182%;
	color:#171717 !important;
	margin-bottom:20px;
	margin-top:0;
}

ul#calendar{
}

	ul#calendar li{
		color:#666666;
		font-size:100%;
		background:url(img/bg_calendar_dot.gif) no-repeat right bottom !important;
		position:relative;
		margin-top:1px;
		line-height:normal;
		vertical-align:bottom;
	}
		
	ul#calendar li p.date {
		background:url(img/bg_gray.gif) repeat left bottom;
		font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
		width:56px;
		text-align:center;
		zoom:1;
	}
		ul#calendar li p.date span{ margin-right:7px; }
	
/* 背景イメージ */

	ul#calendar li.holiday p.date,
	ul#calendar li.sunday p.date{ background:url(img/bg_red.gif) repeat left bottom; }
	ul#calendar li.saturday p.date{ background:url(img/bg_blue.gif) repeat left bottom;}
	
	ul#calendar li.event p.date span{
		font-size:182%;
		text-align:center;
		display:block;
		margin-right:7px;
		margin-left:7px;
		padding-top:17px;
		border-bottom:1px solid #999992;
	}
	
/* 日付と詳細を横並び */

	ul#calendar li p.date{
		float:left;
	}

/* 詳細ボックスの指定 */
	
	ul#calendar li div.detail{
		float:right;
		width:503px;
		padding-left:31px;
		padding-top:22px;
		background:url(img/bg_calendar_dot.gif) no-repeat right bottom;
	}

		ul#calendar li div.detail p.imgEvent,
		ul#calendar li div.detail dl{
			display:table-cell;
			vertical-align:top;
			/float:left;
		}
		
			ul#calendar li div.detail dl dt{
				color:#171717;
				font-weight:bold;
				font-size:107%;
				line-height:1.2;
			}
			ul#calendar li div.detail dl dd{
				line-height:1.5;
				margin-top:5px;
				margin-bottom:20px;
				color:#666666;
			}
			
			ul#calendar li div.detail dl dd p{
				font-size:100%;
				margin-top:10px;
			}
			
			ul#calendar li div.detail dl dd p.pdf,
			ul#calendar li div.detail dl dd p.want{
				float:left;
				margin-top:10px;
				background-color:#ffcd00;
				padding-top:1px;

			}
			
			ul#calendar li div.detail dl dd p.pdf{
				margin-right:5px;
			}
			
			ul#calendar li div.detail dl dd p.want a{
				padding-top:2px;
				padding-right:2px;
				padding-bottom:2px;
			}
				
		ul#calendar li div.detail p.imgEvent img{
			margin-bottom:20px; margin-right:17px;
		}
			
/* //////////////////// イベントがある日の設定 */	

ul#calendar li.event p.date{
	background:none;
}

/* 平日 */

ul#calendar li.event{
	background:url(img/bg_gray.gif) repeat-y left bottom !important;
}

/* 土曜日 */

ul#calendar li.event.saturday{
	background:url(img/bg_blue.gif) repeat-y left bottom !important;
}

/* 日曜日、祝日 */

ul#calendar li.event.sunday,
ul#calendar li.event.holiday{
	background:url(img/bg_red.gif) repeat-y left bottom !important;
}


/* =================================================================================

 aboutArea 

================================================================================= */

div#aboutArea{
	/*min-height:1px;
	padding-bottom:40px;*/
}

	div#aboutArea h2,
	div#aboutArea p{
		/*width:590px;
		margin-left:30px;
		margin-left:320px;*/
	}
	
	div#aboutArea p{
		/*font-size:85%;
		color:#bebebe;
		margin-top:15px;
		line-height:2;*/
	}
	/*div#aboutArea p.imgAbout{
		margin:0;
		width:auto;
		position:absolute;
		top:20px;
		left:30px;
	}
*/	
/* =================================================================================

 live_plan 

================================================================================= */

div#mainIn.plan{
	padding-top:20px;
}

div#mainIn.plan h3{
	/*padding-bottom:6px;
	padding-left:9px;
	margin-bottom:19px;*/
	margin-top:40px;
}

div#requestIn{
	margin-top:25px;
}

div#mainIn.plan table.tableStyle02 th{
	width:100px;
}

div#mainIn.plan table.tableStyle02 td p{
	font-size:100%;
}

/* =================================================================================

 support 

================================================================================= */

div#boxSupport{
	position:relative;
	/*min-height:270px;
	height:auto !important;
	height:270px;
	padding-bottom:30px;*/
}

	div#boxSupport h3,
	div#boxSupport p,
	ul#chronology{
		width:360px;
	}
	
/* 年表リスト */

	ul#chronology{
		/*margin-bottom:25px;*/
		margin-bottom:0px;
	}
	
		ul#chronology li{
			/*margin-right:19px;*/
			padding-bottom:20px;
			width:33%;
		}

/* イメージリスト */
	
	div#boxSupport ul.imgList{
		position:absolute;
		right:0;
		top:0;
	}
	
		div#boxSupport ul.imgList li{
			margin-bottom:20px;
		}

/* popup */

div.support{
	position:relative;
}

table.support th{
	width:150px;
}

div.support h2{
	background:url(../../common/css/img/line_dot02.gif) repeat-x left bottom;
	line-height:1.0;
	margin-top:50px;
	margin-bottom:11px;
	padding-bottom:1px;
}
	
	div.support h2 span.txtAlpha{
		font-size:260%; /* 34px */
		line-height:0;
		/line-height:0.75;
		color:#221815;
	}
	
	div.support h2 span.txtMin03{
		font-size:100%;
		margin-left:3px;
	}

	div.support h3{
			margin-top:40px;
	}
	div.support h4{
			margin-top:30px;
			margin-bottom:0;
	}
	
	#popup div.support ul#chronology,
	#popup div.support ul#chronology li,
	#popup div.support ul#chronology_btm,
	#popup div.support ul#chronology_btm li{
		margin-bottom:0;
		width:auto;
	}
	
	#popup div.support ul#chronology{
		/*margin-top:30px;
		margin-left:auto;
		margin-right:auto;*/
		/*position:absolute;
		right:50px;
		top:43px;*/
		position:absolute;
		right:50px;
	}
	
	#popup div.support ul#chronology_btm{
		float:right;
	}
	
		#popup div.support ul#chronology li,
		#popup div.support ul#chronology_btm li{
			margin-left:15px;
		}
	

/* =================================================================================

 bailaor 

================================================================================= */

div#mainIn.bailaor{
	padding-top:15px;
}

* html div.bailaor{
	padding-top:0 !important;
}

div#mainIn h3.txtAlpha{
	font-size:330.7%;
	color:#171717;
	line-height:1.0;
	margin-top:40px;
}

div#mainIn h4.name{
	font-size:85%;
	color:#171717;
	line-height:1.0;
}
div#mainIn h4.name span{
	font-size:260%;
	display:block;
	margin-bottom:3px;
}

div.boxBailaor{
}

	div.boxBailaor div.fl,
	div.boxBailaor div.fr{
		width:280px;
	}

div.boxBailaor h4{
	margin-top:28px;
	margin-bottom:15px;
}

div.boxBailaor p{
	text-align:justify;
	text-justify:distribute;
	line-height:1.6;
	background:url(/common/css/img/line_dot02.gif) repeat-x left bottom;
	padding-bottom:18px;
}

div.boxBailaor img.fl{
	margin-right:14px;
}