@charset "utf-8";

/* EVENT SCHEDULE CSS
========================================== */
@import url(common.css);

/* 1.event-index
========================================== */
	/* pickup-sec
	---------------------------------------- */
#event-index div#pickup-sec {
	background-color: #f4f4f4;
	padding: 19px 0 18px 18px;
}

	#event-index div#pickup-sec div.pict {
		float: left;
		background: transparent url(../images/common/bg_pict_334px_02.gif) 0 0 no-repeat;
		width: 362px;
	}
	
		#event-index div#pickup-sec div.pict p {
			background: transparent url(../images/common/bg_pict_334px_02.gif) 0 100% no-repeat;
			line-height: 0;
		}
		#event-index div#pickup-sec div.pict p img {
			line-height: 0;
			margin: 2px;
		}
			/* safari only \*/
			html:\66irst-child body#event-index div#pickup-sec div.pict a { padding-bottom: 0; }
			
		
		#event-index div#pickup-sec div.summary {
			float: left;
			width: 515px;
		}
		#event-index div#pickup-sec div.summary h4 {
			font-size: 134%;
			line-height: 1.3em;
			font-weight: bold;
			margin: 0 0 5px 0;
		}

		#event-index div#pickup-sec div.summary h4 a:link		{ font-weight: bold; text-decoration: none; }
		#event-index div#pickup-sec div.summary h4 a:visited	{ font-weight: bold; text-decoration: none; }
		#event-index div#pickup-sec div.summary h4 a:hover		{ font-weight: bold; text-decoration: underline; }
		#event-index div#pickup-sec div.summary h4 a:active 	{ font-weight: bold; text-decoration: none; }


		#event-index div#pickup-sec div.summary dl {
			font-size: 84%;
			line-height: 1.4em;
			margin: 0 0 20px 0;
		}
		#event-index div#pickup-sec div.summary dl dd {
			margin: -1.4em 0 0 3em;		
		}
		#event-index div#pickup-sec div.summary p.lead {
			font-size: 117%;
			line-height: 1.3em; 
			font-weight: bold;
			margin: 0 0 10px 0;
		}

		#event-index div#pickup-sec div.summary div.text {
			min-height: 118px;
			height: auto !important;
			height: 118px;
		}



		#event-index div#pickup-sec div.summary div.text p { margin-bottom: 1em; }
		#event-index div#pickup-sec div.summary p.link a {
			background: transparent url(../images/common/icon_link.gif) 0 0.4em no-repeat;
			padding: 0 0 3px 10px;
		}
		#event-index div#pickup-sec div.summary p.link a:link		{ text-decoration: none; }
		#event-index div#pickup-sec div.summary p.link a:visited	{ text-decoration: none; }
		#event-index div#pickup-sec div.summary p.link a:hover		{ text-decoration: underline; }
		#event-index div#pickup-sec div.summary p.link a:active 	{ text-decoration: none; }
		
	/* safari only \*/
	html[xmlns*=""] body:last-child div#pickup-sec div.summary p.link { margin: -10px 0 0 0; }
	
	/* event-sec, campaign-sec
	---------------------------------------- */

	#event-index div#this-month-wrap {
		background: transparent url(../images/common/bg_dotline_h.gif) 458px 0 repeat-y;
		margin: 30px 0 30px 0;
	}
	#event-index div.second-wrap {
		background: transparent url(../images/common/bg_dotline_w.gif) 0 0 repeat-x;
		padding: 30px 0 0 0;
	}
	#event-index div#next-month-wrap {
		background: transparent url(../images/common/bg_dotline_h.gif) 458px 0 repeat-y;
	}

	#event-index div.event-sec {
		float: left;
		width: 430px;
	}
	#event-index div.campaign-sec {
		float: right;
		width: 430px;
	}

	#event-index div.event-sec h3,
	#event-index div.campaign-sec h3 {
		margin: 0 0 25px 2px;
	}

	#event-index div.event-sec img.icon,
	#event-index div.campaign-sec img.icon {
		margin: 0 0 2px 5px;
	}
	
	/* ----- clearfix -----*/
	.info-unit:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		overflow: hidden;
		color: #fff; 
	}
	/* Hides from IE-mac \*/
	*html body .info-unit { height: 1%; overflow: visible; }
	*+html body .info-unit { height: 1%; overflow: visible; }
	/* End hide from IE-mac */

	#event-index div.info-unit div.pict {
		float: left;
		background: transparent url(../images/common/bg_pict_80px.gif) 0 0 no-repeat;
		width: 88px;
		height: 72px;
	}	
		#event-index div.info-unit div.pict p {
			margin: 1px;
		}	
		#event-index div.info-unit div.pict a { 
				width: 76px; 
				height: 57px; 
				display: block; 
				border: 1px solid #fff; 
				line-height: 0;
			}
			/* safari only \*/
			html:\66irst-child body#event-index div.info-unit div.pict a { padding-bottom: 0; }
		#event-index div.info-unit div.pict a:hover { border: 1px solid #de717d; line-height: 0;}
	
	#event-index div.info-unit div.summary {
		float: left;
		width: 340px;
	}
	#event-index div.info-unit div.summary h4 {
		line-height: 1.3em;
		margin: 0 0 7px 0;
	}
		#event-index div.info-unit div.summary h4 a:link		{ text-decoration: none; }
		#event-index div.info-unit div.summary h4 a:visited	{ text-decoration: none; }
		#event-index div.info-unit div.summary h4 a:hover		{ text-decoration: underline; }
		#event-index div.info-unit div.summary h4 a:active 	{ text-decoration: none; }
				
		#event-index div.info-unit div.summary dl {
			font-size: 84%;
			line-height: 1.4em;
			margin: 0 0 10px 0;
		}
		
		#event-index div.info-unit div.summary dl dd {
			margin: -1.4em 0 0 3em;
		}
			#event-index div#this-month-wrap div.info-unit dl dt.date,
			#event-index div#this-month-wrap div.info-unit dl dd.date {
				color: #765BDA;
			}
			#event-index div#next-month-wrap div.info-unit dl dt.date,
			#event-index div#next-month-wrap div.info-unit dl dd.date {
				color: #318EA5;
			}
			#event-index div#event-pickup-sec div.info-unit dl dt.date,
			#event-index div#event-pickup-sec div.info-unit dl dd.date {
				color: #E54545;
			}
	/* event-pickup-sec
	---------------------------------------- */
	#event-index div#event-pickup-sec {
		background: transparent url(../e_schedule/img/bg_dotline_eventpickup.gif) 0 100% no-repeat;
		margin: 15px 0 0 0;
	}
	#event-index div#event-pickup-sec h3 {
		background: transparent url(../e_schedule/img/bg_dotline_eventpickup_head.gif) 0 0 no-repeat;
		padding:20px 18px;
	}
	#event-index div#event-pickup-sec div#event-pickup-sec-body {
		padding: 0 18px;
		clear: both;
	}
	#event-index div#event-pickup-sec div.info-unit {
		margin: 0 0 12px 0;
		width: 420px;
	}
	#event-index div#event-pickup-sec div.pickup-left {
		float: left;
	}
	#event-index div#event-pickup-sec div.pickup-right {
		float: right;
	}
	#event-index div#event-pickup-sec div.info-unit div.summary {
		width: 332px;
	}


/* 2.event-detail
========================================== */
#event-detail div#main div#title p.link {
	position: absolute; 
	top: 0px;
	right: 0px;
	font-size: 84%;
} 
		#event-detail div#main div#title p.link a {
			background: transparent url(../images/common/icon_link.gif) 0 0.4em no-repeat;
			padding: 0 0 3px 10px;
		}
		#event-detail div#main div#title p.link a:link		{ text-decoration: none; }
		#event-detail div#main div#title p.link a:visited	{ text-decoration: none; }
		#event-detail div#main div#title p.link a:hover		{ text-decoration: underline; }
		#event-detail div#main div#title p.link a:active 	{ text-decoration: none; }
		/* safari only \*/
		html:\66irst-child body#event-detail div#main div#title p.link a { background-position: 0 0.2em; }
		
#event-detail div.pict {
	float: left;
	background: transparent url(../images/common/bg_pict_334px_02.gif) 0 0 no-repeat;
	width: 362px;
}

	#event-detail div.pict p {
		background: transparent url(../images/common/bg_pict_334px_02.gif) 0 100% no-repeat;
		line-height: 0;
	}	
	#event-detail div.pict p img {
		margin: 2px;
		line-height: 0;
	}
#event-detail div.summary {
	float: left;
	width: 553px;
}
	#event-detail div.summary h4 {
		font-size: 134%;
		line-height: 1.6em;
		font-weight: bold;
		margin: 0 0 5px 0;
	}
	#event-detail div.summary dl {
		font-size: 84%;
		line-height: 1.4em;
		margin: 0 0 25px 0;
	}	
	#event-detail div.summary dl dd {
		margin: -1.4em 0 0 3em;		
	}	
	#event-detail div.summary p.lead {
		font-size: 117%;
		line-height: 1.6; 
		font-weight: bold;
		margin: 0 0 10px 0;
	}	
	#event-detail div.summary div.text {
		min-height:117px;
		height: auto !important;
		height: 117px;
	}	
	#event-detail div.summary div.text p { margin-bottom: 30px; }
	#event-detail div.summary div.text p.line-text {
		background: transparent url(../images/common/bg_dotline_w.gif) 0 0 repeat-x;
		padding: 30px 0 0 0;
	}
	#event-detail div.summary div.text small { font-size: 84%; line-height: 1.6; }