@charset "UTF-8";


div#WRAPPER { background-image:url(/images/event/common/img-bg.jpg); }


/*-------------------------
Header 2
-------------------------*/
/*** Default ***/

#CONTENT h1.title01 {
	background:url(/images/common/icon/title-icon03.gif) no-repeat left 2px;
	padding:6px 0 0 15px;
	line-height:17px;
	font-size:125%;
	height:26px;
}



#CONTENT .event-calendar a#PrevMonth,
#CONTENT .event-calendar a#NextMonth{
	padding: 3px 5px 3px 5px;
}
#CONTENT .event-calendar a#PrevMonth:hover,
#CONTENT .event-calendar a#NextMonth:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


#CONTENT .event-calendar{
	background-color: #F2F2F2;
	padding: 18px 10px 10px;
	margin-bottom: 20px;
}
	#CONTENT .event-calendar strong{
		font-size: 150%;
		margin: 0px 5px;
	}
	#CONTENT .event-calendar form{
		width: 200px;
		float: right;
		text-align: right;
	}
	#CONTENT .event-calendar table{
		border: solid 1px #B3B3B3;
		margin-top: 5px;
	}
		#CONTENT .event-calendar table td {
			border: solid 1px #B3B3B3;
			padding: 0;
			margin: 0;
			font-size: 10px;
			width:20px;
			height:20px;
			text-align: center;
		}
			#CONTENT .event-calendar table td.today { font-weight:bold; color:#000000; }
			#CONTENT .event-calendar table td span { display: block; line-height:20px; }
			#CONTENT .event-calendar table td.eventday a.day {
				display: block;
				text-decoration:none;
				cursor: pointer;
				line-height:20px;
			}
			#CONTENT .event-calendar table td.eventday.today a.day.selected,
			#CONTENT .event-calendar table td.eventday.today a.day:hover,
			#CONTENT .event-calendar table td.eventday.today a.day:focus,
			#CONTENT .event-calendar table td.eventday a.day.selected,
			#CONTENT .event-calendar table td.eventday a.day:hover,
			#CONTENT .event-calendar table td.eventday a.day:focus {
				text-decoration:none;
				color:#ffffff;
				background-color:#00AEE5;
				position:absolute;
				width:20px;
				padding-bottom:10px;
				margin-left:-10px;
			}
			
			html>/**/body #CONTENT .event-calendar table td.eventday.today a.day.selected,
			html>/**/body #CONTENT .event-calendar table td.eventday.today a.day:hover,
			html>/**/body #CONTENT .event-calendar table td.eventday.today a.day:focus,
			html>/**/body #CONTENT .event-calendar table td.eventday a.day.selected,
			html>/**/body #CONTENT .event-calendar table td.eventday a.day:hover,
			html>/**/body #CONTENT .event-calendar table td.eventday a.day:focus{ margin-left:0px; margin-top:-10px;}
			

			#CONTENT .event-calendar table td.eventday.today a.day { color:#000000; }
			
			#CONTENT .event-calendar table td a.day { color: #666666; }
			#CONTENT .event-calendar table td.saturday,
			#CONTENT .event-calendar table td.saturday a.day { color: #00AEE5; }
			#CONTENT .event-calendar table td.sunday,
			#CONTENT .event-calendar table td.sunday a.day { color: #FF0000; }
			#CONTENT .event-calendar table td.eventday { background-color:#E0EEF9; }
			
#CONTENT div.devide2.fortop div.devided{ margin-right: 5px; margin-bottom:20px; }
#CONTENT .devide2 .event-text{
	width: 200px;
	float: right;
}
	#CONTENT .devide2 .event-text .fl-l{
		margin-right: 5px;
	}
	
#CONTENT .devide2 .event-text p{
	margin-bottom: 7px;
	line-height: 1.3em;
	margin-bottom:5px;
}
	#CONTENT .devide2 .event-text p a{
		font-weight: bold;
		color:#333;
		text-decoration:none;
		
	}
	#CONTENT .devide2 .event-text p a:hover{
		color:#00AEE5;
	}
	
#CONTENT div.dotted-top{
	background:url(/images/common/bg/line-bg-dotted.gif) repeat-x left top;
	margin-top: 15px;
	padding-top: 10px;
}
	#CONTENT div.dotted-top .event-left{
		width: 160px;
		float: left;
	}
	#CONTENT div.dotted-top .event-right{
		width: 240px;
		float: left;
	}
		#CONTENT div.dotted-top img{
			margin-top: 5px;
		}

#CONTENT div.exhibition ul li a.fl-l{
	width: 50px;
	padding-bottom: 10px;
}
#CONTENT div.exhibition ul li span.fl-r{
	width: 580px;
}
	#CONTENT div.exhibition ul li span.fl-r img{
		display: block;
		margin: 5px 0px;
	}
	#CONTENT div.exhibition ul li span.fl-r span{
		width: 160px;
		display: block;
		float: left;
	}
	#CONTENT div.exhibition ul li span.fl-r a{
		width: 420px;
		float: left;
		font-weight: bold;
	}
	
/*-------------------------
カレンダーのhover：calender-hover
-------------------------*/	
	#CONTENT div.calendar-hoverset {
		position: absolute;
		z-index:3;
		display: none;
		margin-top:25px;
	}
	html>/**/body #CONTENT div.calendar-hoverset{ margin-top:15px; }
	
	#CONTENT div.calendar-hoverset a{ display:block; }
	
	#CONTENT div.calendar-hoverset-l { margin-left:-10px; }
	#CONTENT div.calendar-hoverset-c { margin-left:-150px; }
	#CONTENT div.calendar-hoverset-r { margin-left:-290px; }
	html>/**/body #CONTENT div.calendar-hoverset-l { margin-left:0px; }
	html>/**/body #CONTENT div.calendar-hoverset-c { margin-left:-150px; }
	html>/**/body #CONTENT div.calendar-hoverset-r { margin-left:-280px; }

	#CONTENT div.calender-bg{
		background-color: #00AEE5;
		padding:3px;
	}
		#CONTENT div.calender-body{
			background-color: #ffffff;
			text-align: left;
			padding:10px;
			font-size:12px;
		}
			#CONTENT div.calender-body ul li{width: 274px;}

/*-------------------------
展覧会情報一覧用
-------------------------*/
div.dotted { margin-top:20px; }
div.dotted dl{ margin:20px; }
div.dotted dt{ float:left; width:170px; }
div.dotted dd{ float:right; width:410px; }
	div.dotted dd span{ margin-top:5px; display: block; }

/*-------------------------
イベント記事のテーブル
-------------------------*/
#CONTENT table.table01.top-noborder{ border-top:none; }
p.mgb.lead{ border-bottom:#000 1px solid; padding-bottom:10px; }

#CONTENT table.table01.for-exhibition{ width:490px; float:left; }
div#DM-IMAGE{ width:130px; float:right; margin-top:5px;}

/*-------------------------
ページング：PAGING
-------------------------*/
#CONTENT-MAIN div#PAGING div a{
	padding-left: 15px;
	font-size: 95%;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
#CONTENT-MAIN div#PAGING div.flL {
	float: left;
	width: 200px;
}
#CONTENT-MAIN div#PAGING div.flR {
	text-align: right;
	float: right;
	width: 150px;
}
#CONTENT-MAIN div#PAGING div.flL a {
	background: url(../images/common/icon/icon02.gif) no-repeat left center;
}
#CONTENT-MAIN div#PAGING div a:hover{
	color: #00AEE5;
	background: url(../images/common/icon/icon01.gif) no-repeat left center;
}
#CONTENT-MAIN div#PAGING div.flR a {
	background: url(../images/common/icon/icon01.gif) no-repeat left center;
}