@charset "utf-8";

/*=================================================================
	
	IMS / イベント情報用 CSS
	・Customize: 2010.03/02　※修正時に日付も更新下さい。

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

/*-----------------------------------------------------------------
		基礎設定
-----------------------------------------------------------------*/

/* H1 */
#event h1.event-top {
	background: url(../../event/image/ttl_event.gif) no-repeat left top;
	width: 220px;
	height: 156px;
	margin: 0px 0 10px 0px;
}

/* H3 */
h3 {
	padding: 13px 0 10px 0;
	margin: 0 0 0 0;
	line-height: 105%;
	font-size: 90%;
/* 	font-family: serif; */
}
.h3-box {	/* h3 上のライン用 */
	background: url(../../event/image/h3_bg.gif) repeat-x left top;
	margin: 10px 0 10px 0;
}

.h3-box-inner {	/* h3 下のライン用 */
	border-bottom: solid 1px #ddddd3;
}
/*-----------------------------------------------------------------
		ページインフォメーション
-----------------------------------------------------------------*/

.pagettl-area {
	width: 220px !important;
	float: left;
	margin-bottom: 10px;
}

.page-info-area {
	width: 460px !important;
	float: right;
	margin-bottom: 10px;
}


/*-----------------------------------------------------------------
		イベントカレンダー
-----------------------------------------------------------------*/
#tab-box {
	margin:10px 0 0 0;
	_margin:20px 0 0 0;
}
#tab-box ul li {
	float:left;
	text-indent:-9999px;
	font-size:1px;
}
.event_calendar #tab-box #calendar_tab a {
	background:url(../../event/image/calendar_tab.gif) 0 -45px no-repeat;
	width: 350px;
	height: 45px;
	display:block;
}
.event_calendar #tab-box #category_tab a {
	background:url(../../event/image/category_tab.gif) 0 0 no-repeat;
	width: 350px;
	height: 45px;
	display:block;
}
.category_event #tab-box #calendar_tab a {
	background:url(../../event/image/calendar_tab.gif) 0 0 no-repeat;
	width: 350px;
	height: 45px;
	display:block;
}
.category_event #tab-box #category_tab a {
	background:url(../../event/image/category_tab.gif) 0 -45px no-repeat;
	width: 350px;
	height: 45px;
	display:block;
}
#tab-box #calendar_tab a:hover {
	background-position:0 -45px
}
#tab-box #category_tab a:hover {
	background-position:0 -45px
}
#tab-box #calendar_tab a {
	background:url(../../event/image/calendar_tab.gif) 0 -45px no-repeat;
	width: 350px;
	height: 45px;
	display:block;
}

#month-btn-box {
	width:400px;
	margin:20px auto;
	_margin:20px auto 10px auto;
}
#month-btn-box ul li {
	float:left;
}
#month-btn-box .current_month {
	width:240px;
	text-align:center;
	font-size:130%;
/* 	font-family: serif; */
	font-weight:bold;
}
#month-btn-box ul li.prev-btn01 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_l01.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;
}
#month-btn-box ul li.prev-btn02 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_l02.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;
}
#month-btn-box ul li.prev-btn03 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_l03.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;
}
#month-btn-box ul li.prev-btn04 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_l04.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;
}
#month-btn-box ul li.prev-btn05 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_l05.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;
}
#month-btn-box ul li.prev-btn06 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_l06.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;
}
#month-btn-box ul li.prev-btn07 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_l07.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;
}
#month-btn-box ul li.prev-btn08 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_l08.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;
}
#month-btn-box ul li.prev-btn09 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_l09.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;
}
#month-btn-box ul li.prev-btn10 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_l10.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;
}
#month-btn-box ul li.prev-btn11 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_l11.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;
}
#month-btn-box ul li.prev-btn12 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_l12.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;
}
#month-btn-box ul li.prev-btn01 a:hover,
#month-btn-box ul li.prev-btn02 a:hover,
#month-btn-box ul li.prev-btn03 a:hover,
#month-btn-box ul li.prev-btn04 a:hover,
#month-btn-box ul li.prev-btn05 a:hover,
#month-btn-box ul li.prev-btn06 a:hover,
#month-btn-box ul li.prev-btn07 a:hover,
#month-btn-box ul li.prev-btn08 a:hover,
#month-btn-box ul li.prev-btn09 a:hover,
#month-btn-box ul li.prev-btn10 a:hover,
#month-btn-box ul li.prev-btn11 a:hover,
#month-btn-box ul li.prev-btn12 a:hover {
	background-position:0 -28px
}
#month-btn-box ul li.next-btn01 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_r01.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;	
}
#month-btn-box ul li.next-btn02 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_r02.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;	
}
#month-btn-box ul li.next-btn03 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_r03.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;	
}
#month-btn-box ul li.next-btn04 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_r04.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;	
}
#month-btn-box ul li.next-btn05 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_r05.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;	
}
#month-btn-box ul li.next-btn06 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_r06.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;	
}
#month-btn-box ul li.next-btn07 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_r07.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;	
}
#month-btn-box ul li.next-btn08 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_r08.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;	
}
#month-btn-box ul li.next-btn09 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_r09.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;	
}
#month-btn-box ul li.next-btn10 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_r10.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;	
}
#month-btn-box ul li.next-btn11 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_r11.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;	
}
#month-btn-box ul li.next-btn12 a {
	width:80px;
	height:28px;
	display:block;
	background:url(../../event/image/btn_r12.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;	
}
#month-btn-box ul li.next-btn01 a:hover,
#month-btn-box ul li.next-btn02 a:hover,
#month-btn-box ul li.next-btn03 a:hover,
#month-btn-box ul li.next-btn04 a:hover,
#month-btn-box ul li.next-btn05 a:hover,
#month-btn-box ul li.next-btn06 a:hover,
#month-btn-box ul li.next-btn07 a:hover,
#month-btn-box ul li.next-btn08 a:hover,
#month-btn-box ul li.next-btn09 a:hover,
#month-btn-box ul li.next-btn10 a:hover,
#month-btn-box ul li.next-btn11 a:hover,
#month-btn-box ul li.next-btn12 a:hover {
	background-position:0 -28px
}
.calendar-head {
	padding:0 0 0 2px;
}
.calendar-head li {
	background:url(../../event/image/line_double.gif) left bottom repeat-x;
	float:left;
	padding:0 0 5px 0;
}
.calendar-head li.ttl_day {
	width:94px;
}
.calendar-head li.ttl_contents {
	width:234px;
	margin:0 0 0 5px;
}
.calendar-head li.ttl_time {
	width:95px;
	margin:0 0 0 5px;
}
.calendar-head li.ttl_charge {
	width:134px;
	margin:0 0 0 5px;
}
.calendar-head li.ttl_inquiry {
	width:120px;
	margin:0 0 0 5px;
}
.calendar-list {
	margin:10px 0 0 0;
}
.calendar-list dt,dd {
	float:left;
}
.calendar-list dd {
	font-size:90%;
	
}
.calendar-list dt.day {
	width:94px;
}
.calendar-list dd.contents {
	width:234px;
	margin:0 0 0 5px;
}
.calendar-list dd.time {
	width:95px;
	margin:0 0 0 5px;
}
.calendar-list dd.charge {
	width:134px;
	margin:0 0 0 5px;
}
.calendar-list dd.inquiry {
	width:120px;
	margin:0 0 0 5px;
}
.calendar-list dd.contents img {
	float:left;
	margin:0 5px 0 0;
}
.calendar-list-line {
	background:url(../../event/image/line_calendar-list.gif) left bottom no-repeat;
	padding-bottom:10px;
}
.calendar-list-line_pointer {
	background:url(../../event/image/line_calendar-list.gif) left bottom no-repeat;
	padding-bottom:10px;
	cursor:pointer;
}
.calendar-list-line_pointer2 {
	background:url(../../event/image/line_calendar-list2.gif) left bottom no-repeat;
	padding-bottom:10px;
	cursor:pointer;
}
#event #calendar-box dl {
	font-size:90%;
}
#event dl .day {
	font-size:90%;
}

#event a:hover dt,
#event a:hover dd {
	text-decoration:underline;
}


/* イベントごとの見出し画像指定（20100514追加） */
#ancor-box {
	margin:10px auto;
	width:686px;
}

#ancor-box ul li {
	float:left;
	margin:5px 10px 5px 0;
	text-indent:-9999px;
	font-size:1px;
}
#ancor-box ul li.ancor01 a {
	width:140px;
	height:28px;
	display:block;
	background: url(../../event/image/ancor01.gif) no-repeat left top;
}
#ancor-box ul li.ancor02 a {
	width:100px;
	height:28px;
	background: url(../../event/image/ancor02.gif) no-repeat left top;
	display:block;
}
#ancor-box ul li.ancor03 a {
	width:110px;
	height:28px;
	display:block;
	background: url(../../event/image/ancor03.gif) no-repeat left top;
}
#ancor-box ul li.ancor04 a {
	width:120px;
	height:28px;
	display:block;
	background: url(../../event/image/ancor04.gif) no-repeat left top;
}
#ancor-box ul li.ancor05 a {
	width:70px;
	height:28px;
	display:block;
	background: url(../../event/image/ancor05.gif) no-repeat left top;
}
#ancor-box ul li.ancor06 a {
	width:130px;
	height:28px;
	display:block;
	background: url(../../event/image/ancor06.gif) no-repeat left top;
}
#ancor-box ul li.ancor07 a {
	width:190px;
	height:28px;
	display:block;
	background: url(../../event/image/ancor07.gif) no-repeat left top;
}
#ancor-box ul li.ancor08 a {
	width:70px;
	height:28px;
	display:block;
	background: url(../../event/image/ancor08.gif) no-repeat left top;
}
#ancor-box ul li.ancor01 a:hover,
#ancor-box ul li.ancor02 a:hover,
#ancor-box ul li.ancor03 a:hover,
#ancor-box ul li.ancor04 a:hover,
#ancor-box ul li.ancor05 a:hover,
#ancor-box ul li.ancor06 a:hover,
#ancor-box ul li.ancor07 a:hover,
#ancor-box ul li.ancor08 a:hover {
	background-position: 0 -28px;
}


/* イベントごとの見出し画像指定（20100514追加）イベントカレンダー分 */
#ancor-box {
	margin:10px auto;
	width:686px;
}

#ancor-box ul li {
	float:left;
	margin:5px 10px 5px 0;
	text-indent:-9999px;
	font-size:1px;
}
#ancor-box ul li.ancorB01 a {
	width:140px;
	height:28px;
	display:block;
	background: url(../../event/image/ancorB01.gif) no-repeat left top;
}
#ancor-box ul li.ancorB02 a {
	width:150px;
	height:28px;
	background: url(../../event/image/ancorB02.gif) no-repeat left top;
	display:block;
}
#ancor-box ul li.ancorB03 a {
	width:150px;
	height:28px;
	display:block;
	background: url(../../event/image/ancorB03.gif) no-repeat left top;
}
#ancor-box ul li.ancorB04 a {
	width:160px;
	height:28px;
	display:block;
	background: url(../../event/image/ancorB04.gif) no-repeat left top;
}
#ancor-box ul li.ancorB05 a {
	width:140px;
	height:28px;
	display:block;
	background: url(../../event/image/ancorB05.gif) no-repeat left top;
}
#ancor-box ul li.ancorB06 a {
	width:160px;
	height:28px;
	display:block;
	background: url(../../event/image/ancorB06.gif) no-repeat left top;
}
#ancor-box ul li.ancorB07 a {
	width:160px;
	height:28px;
	display:block;
	background: url(../../event/image/ancorB07.gif) no-repeat left top;
}
#ancor-box ul li.ancorB08 a {
	width:150px;
	height:28px;
	display:block;
	background: url(../../event/image/ancorB08.gif) no-repeat left top;
}
#ancor-box ul li.ancorB09 a {
	width:180px;
	height:28px;
	display:block;
	background: url(../../event/image/ancorB09.gif) no-repeat left top;
}
#ancor-box ul li.ancorB01 a:hover,
#ancor-box ul li.ancorB02 a:hover,
#ancor-box ul li.ancorB03 a:hover,
#ancor-box ul li.ancorB04 a:hover,
#ancor-box ul li.ancorB05 a:hover,
#ancor-box ul li.ancorB06 a:hover,
#ancor-box ul li.ancorB07 a:hover,
#ancor-box ul li.ancorB08 a:hover,
#ancor-box ul li.ancorB09 a:hover {
	background-position: 0 -28px;
}

#tab01_content { display:block; }
#tab02_content,#tab03_content { display:none; }