@charset "utf-8";
/* ===================================================================
CSS information

 file name  :event.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */
/* -----------------------------------------------------------
	#cnt_event
----------------------------------------------------------- */
#cnt_main #cnt_event {
	width: 690px;
	height: auto;
	padding: 0 0 30px 0;
	clear: both;
}

/* 表示切り替え */
#cnt_main #cnt_event div.switch {
	width: 660px;
	height: 28px;
	margin: 15px auto 0 auto;
	font-size: 12px;
	border-bottom: 3px solid #cf916c;
}
#cnt_main #cnt_event div.switch p strong {
	width: 120px;
	height: 26px;
	margin: 0 3px 0 0;
	background-color: #cf916c;
	border: 1px solid #cf916c;
	color: #FFF;
	text-align: center;
	line-height: 2;
	float: left;
}
#cnt_main #cnt_event div.switch p a {
	width: 120px;
	height: 26px;
	margin: 0 3px 0 0;
	border: 1px solid #CCC;
	text-align: center;
	line-height: 2;
	text-decoration: underline;
	float: left;
}
#cnt_main #cnt_event div.switch p a:hover {
	background-color: #F8F2EB;
	text-decoration: underline;
}

#cnt_main #cnt_event div.title {
	width: 610px;
	margin: 13px auto;
	padding: 10px 20px;
	background: #fafaf4;
	border: 5px solid #ede4df;
}
#cnt_main #cnt_event div.title ul {
	width: 610px;
	text-align: center;
}
#cnt_main #cnt_event div.title ul li {
	font-size: 90%;
}
#cnt_main #cnt_event div.title ul li.previous {
	width: 100px;
	float: left;
}
#cnt_main #cnt_event div.title ul li.thismonth {
	width: 410px;
	color: #793527;
	font-size: 100%;
	font-weight: bold;
	float: left;
}
#cnt_main #cnt_event div.title ul li.next {
	width: 100px;
	float: left;
}

/* 注目のイベント */
#cnt_main #cnt_event div.cnt_featured {
	width: 330px;
	height: auto;
	padding: 0 0 0 15px;
	background: url(../event/images/index/bg_featured.gif) right top repeat-y;
	float: left;
} 
#cnt_main #cnt_event div.cnt_featured div.bg {
	width: 330px;
	background: url(../event/images/index/featured_bottom.gif) center bottom no-repeat;	
}
#cnt_main #cnt_event div.cnt_featured div.bg p.day {
	font-size: 80%;
	color: #333;
	padding: 10px 0 0 0;
}
#cnt_main #cnt_event div.cnt_featured div.bg h4 {
	padding: 5px 0 0 0;
	color: #bc4d11;
	font-size: 90%;
}
#cnt_main #cnt_event div.cnt_featured div.bg img.photo {
	width: 80px;
	margin: 10px;
	border: 3px double #CCC;
	float: left;
}
#cnt_main #cnt_event div.cnt_featured div.bg p.txt {
	padding: 0 10px 10px 10px;
	font-size: 80%;
	color: #793527;
	line-height: 1.3;
	clear: both;
}
#cnt_main #cnt_event div.cnt_featured div.bg a {
	display: block;
	width: 99%;
	height: 100%;
	margin: 0 auto;
	text-decoration: none;
}
#cnt_main #cnt_event div.cnt_featured div.bg a:hover {
	background: #F7EFE6;
}

/* カレンダー */
#cnt_main .cnt_calendar {
	width: 310px;
	height: auto;
	padding: 0 15px 0 0;
	float: right;
}

#cnt_main .cnt_calendar table {
	width: 310px;
	height: auto;
	font-size: 80%;
	margin: 0 auto;
	color: #333;
	text-align: center;
	clear: both;
}
#cnt_main .cnt_calendar th {
	padding: 4px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-weight: normal;
	text-align: center;
}
#cnt_main .cnt_calendar td {
	padding: 5px 5px 10px 5px;
}
#cnt_main .cnt_calendar td a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 3px 0;
	background: #F2EDD5;
	text-decoration: none;
}

#cnt_main .cnt_calendar .sun {
	color: #ea2d2b;
}
#cnt_main .cnt_calendar .sat {
	color: #1c7cd2;
}


/* -----------------------------------------------------------
	#cnt_thismonthevent
----------------------------------------------------------- */
#cnt_main #cnt_thismonthevent {
	width: 690px;
	height: auto;
	padding: 0 0 15px 0;
	clear: both;
}
#cnt_main #cnt_thismonthevent div.bg {
	width: 600px;
	margin: 10px auto;
	padding: 20px;
	background: #fafaf4;
	border: 5px solid #ede4df;
}
#cnt_main #cnt_thismonthevent div.bg h4 {
	font-size: 95%;
	padding: 0 0 10px 0;
}
#cnt_main #cnt_thismonthevent div.bg h4 span {
	font-size: 80%;
	color: #e3572d;
	margin-left: 13px;
	font-weight: normal;
}

#cnt_main #cnt_thismonthevent div.bg img.photo {
	width: 160px;
	border: 3px double #CCC;
	margin-right: 15px;
	float: left;
}
#cnt_main #cnt_thismonthevent div.bg p.txt {
	padding: 3px 0 10px 0;
	line-height: 1.4;
	font-size: 80%;
	color: #793527;
}
#cnt_main #cnt_thismonthevent div.bg p.btn {
	padding: 0;
}


/* -----------------------------------------------------------
	#cnt_calendar
----------------------------------------------------------- */
#cnt_main #cnt_calendar {
	width: 690px;
	height: auto;
	padding: 0 0 30px 0;
	clear: both;
}

/* 表示切り替え */
#cnt_main #cnt_calendar div.switch {
	width: 660px;
	height: 28px;
	margin: 15px auto 0 auto;
	font-size: 12px;
	border-bottom: 3px solid #cf916c;
}
#cnt_main #cnt_calendar div.switch p strong {
	width: 120px;
	height: 26px;
	margin: 0 3px 0 0;
	background-color: #cf916c;
	border: 1px solid #cf916c;
	color: #FFF;
	text-align: center;
	line-height: 2;
	float: left;
}
#cnt_main #cnt_calendar div.switch p a {
	width: 120px;
	height: 26px;
	margin: 0 3px 0 0;
	border: 1px solid #CCC;
	text-align: center;
	line-height: 2;
	text-decoration: underline;
	float: left;
}
#cnt_main #cnt_calendar div.switch p a:hover {
	background-color: #F8F2EB;
	text-decoration: underline;
}

#cnt_main #cnt_calendar div.title {
	width: 610px;
	margin: 13px auto;
	padding: 10px 20px;
	background: #fafaf4;
	border: 5px solid #ede4df;
}
#cnt_main #cnt_calendar div.title ul {
	width: 610px;
	text-align: center;
}
#cnt_main #cnt_calendar div.title ul li {
	font-size: 90%;
}
#cnt_main #cnt_calendar div.title ul li.previous {
	width: 100px;
	float: left;
}
#cnt_main #cnt_calendar div.title ul li.thismonth {
	width: 410px;
	color: #793527;
	font-size: 100%;
	font-weight: bold;
	float: left;
}
#cnt_main #cnt_calendar div.title ul li.next {
	width: 100px;
	float: left;
}


#cnt_main #cnt_calendar div.calendarbox {
	width: 660px;
	height: auto;
	margin: 0 auto 30px auto;
	padding: 0 0 4px 0;
	background: url(../event/images/calendar/calendar_bottom.gif) center bottom no-repeat;
	clear: both;
}
#cnt_main #cnt_calendar div.calendarhead {
	width: 660px;
	height: 4px;
	background: url(../event/images/calendar/calenadar_head.gif) center top no-repeat;
}
* html #cnt_main #cnt_calendar div.calendarhead {
	position: relative;
	top: 14px;
}


#cnt_main #cnt_calendar div.bg {
	width: 660px;
	height: auto;
	background: url(../event/images/calendar/bg_calendar.gif) center top repeat-y;
}

#cnt_main #cnt_calendar div.left {
	width: 330px;
	height: auto;
	float: left;
}
#cnt_main #cnt_calendar div.right {
	width: 330px;
	height: auto;
	float: right;
}

#cnt_main #cnt_calendar div.bg p.thismonth {
	padding: 10px 0;
	font-size: 100%;
	font-weight: bold;
	color: #793527;
	text-align: center;
}
#cnt_main #cnt_calendar div.bg table {
	width: 310px;
	height: auto;
	font-size: 80%;
	margin: 0 auto;
	color: #333;
	text-align: center;
	clear: both;
}
#cnt_main #cnt_calendar div.bg th {
	padding: 4px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-weight: normal;
	text-align: center;
}
#cnt_main #cnt_calendar div.bg td {
	padding: 5px 5px 10px 5px;
}
#cnt_main #cnt_calendar div.bg td a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 3px 0;
	background: #F2EDD5;
	text-decoration: none;
}

#cnt_main #cnt_calendar div.bg .sun {
	color: #ea2d2b;
}
#cnt_main #cnt_calendar div.bg .sat {
	color: #1c7cd2;
}


/* -----------------------------------------------------------
	#cnt_eventlist
----------------------------------------------------------- */
#cnt_main #cnt_eventlist {
	width: 690px;
	height: auto;
	margin: -35px 0 0 0;
	padding: 0 0 15px 0;
	clear: both;
}
#cnt_main #cnt_eventlist div.bg {
	width: 600px;
	margin: 10px auto;
	padding: 20px;
	background: #fafaf4;
	border: 5px solid #ede4df;
}
#cnt_main #cnt_eventlist div.bg h4 {
	font-size: 95%;
	padding: 0 0 10px 0;
}
#cnt_main #cnt_eventlist div.bg h4 span {
	font-size: 80%;
	color: #e3572d;
	margin-left: 13px;
	font-weight: normal;
}

#cnt_main #cnt_eventlist div.bg img.photo {
	width: 160px;
	border: 3px double #CCC;
	margin-right: 15px;
	float: left;
}
#cnt_main #cnt_eventlist div.bg p.txt {
	padding: 3px 0 10px 0;
	line-height: 1.4;
	font-size: 80%;
	color: #793527;
}
#cnt_main #cnt_eventlist div.bg p.btn {
	padding: 0;
}



/* -----------------------------------------------------------
	#cnt_detail
----------------------------------------------------------- */
#cnt_main_one #cnt_detail {
	width: 950px;
	height: auto;
	clear: both;
}
#cnt_main_one #cnt_detail div.bg_title {
	width: 950px;
	height: 110px;
	background: url(../event/images/detail/bg_title.gif) left top no-repeat;
	color: #5d460e;
}
#cnt_main_one #cnt_detail div.bg_title h3 {
	width: 650px;
	position: relative;
	top: 39px;
	left: 32px;
	font-size: 110%;
	overflow: hidden;
}
#cnt_main_one #cnt_detail div.bg_title p.span {
	width: 600px;
	position: relative;
	top: 52px;
	left: 93px;
	font-size: 80%;
	overflow: hidden;
}
#cnt_main_one #cnt_detail div.bg_title p.tel {
	width: 150px;
	position: relative;
	top: -2px;
	left: 780px;
	font-size: 95%;
	font-weight: bold;
	overflow: hidden;
}
#cnt_main_one #cnt_detail div.bg_title p.btn {
	width: 180px;
	position: relative;
	top: 0;
	left: 750px;
	overflow: hidden;
}


#cnt_main_one #cnt_detail img.photo {
	width: 300px;
	margin: 30px;
	border: 3px double #CCC;
	float: left;
}
#cnt_main_one #cnt_detail table {
	width: 560px;
	height: auto;
	margin: 30px 0 0 0;
}
#cnt_main_one #cnt_detail table th {
	width: 120px;
	padding: 15px;
	background: #ede4df;
	border: 1px solid #d6cdc8;
	font-size: 80%;
	font-weight: normal;
	color: #793527;
}
#cnt_main_one #cnt_detail table td {
	padding: 15px;
	background: #FFF;
	border: 1px solid #d6cdc8;
	font-size: 80%;
}


/* -----------------------------------------------------------
	#cnt_overview
----------------------------------------------------------- */
#cnt_main_one #cnt_overview {
	width: 890px;
	height: auto;
	margin: 30px auto 0 auto;
	clear: both;
}
#cnt_main_one #cnt_overview div {
	padding: 10px 0;
	font-size: 90%;
	line-height: 1.7;
	color: #793527;
}