@charset "UTF-8";

@import url("common.css");
@import url("structure.css");

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

 fair CSS file
 2008.3.12
 
 Color Cordination
 Key Color: 

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

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

 common

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

#tabs li
{
	float: left;
	width: 107px;
	margin-left: 8px;
}
#tabContent
{
	clear: both;
	width: 900px;
	padding: 20px;
	border-top: 1px solid #866933;
	background: #fff;
}
#tabContent .header
{
	width: 900px;
	color: #4b361b;
}
#tabContent .header .supplement
{
	margin: 0 0 10px;
}
/*#tabContent .header .supplement .btReserve
{
	margin-right: 0.3em;
	vertical-align: middle;
}*/

/* ----- 20090510 ----- */
#tabContent .header .supplement .reserve
{
	float: left;
}
#tabContent .header .supplement .legend
{
	float: right;
}
#tabContent .header .supplement .legend li
{
	float: left;
	margin-left: 1em;
	font-size: 84%;
}
#tabContent .header .supplement .legend .available
{
	padding-left: 15px;
	background: url(../img/fair/ico_available.gif) no-repeat left center;
}
#tabContent .header .supplement .legend .few
{
	padding-left: 15px;
	background: url(../img/fair/ico_few.gif) no-repeat left center;
}
/* ----- 20090510 ----- */

#tabContent .header .tel
{
	margin: 0 0 10px;
}
#tabContent .header .month
{
	float: left;
	margin-right: 1em;
	padding: 2px 0;
	padding-right: 2em;
	background: url(../img/com/ico_fair_2.gif) no-repeat right center;
	font-size: 150%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}
#tabContent .header .navi
{
	float: right;
	width: 80px;
}
#tabContent .header .note
{
	clear: both;
	width: 900px;
	padding: 5px 0 10px;
	color: #f00;
}

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

 calendar

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

#tabContent .calendar
{
	clear: both;
	width: 900px;
}
#tabContent .calendar th,
#tabContent .calendar td
{
	width: 14%;
	height: 20px;
	border: 1px solid #bdb76b;
}
#tabContent .calendar th
{
	text-align: center;
	padding: 3px;
}
#tabContent .calendar th img
{
	vertical-align: middle;
}
#tabContent .calendar td
{
	padding: 5px 2px 2px 5px;
	vertical-align: top;
}
#tabContent .calendar td a
{
	color: #4b361b;
}
#tabContent .calendar td a:hover
{
	color: #b99146;
}
#tabContent .calendar td .content
{
	margin: 0 0 0.3em;
}
#tabContent .calendar td .button
{
	
}
#tabContent .calendar .sun
{
	background: #feeeee;
}
#tabContent .calendar .sun .day
{
	color: #f33;
}
#tabContent .calendar .sat
{
	background: #e8eff7;
}
#tabContent .calendar .sat .day
{
	color: #369;
}
#tabContent .calendar .close
{
	background: #f7f7f7;
	color: #999;
}
#tabContent .calendar .timetable .available
{
	padding-left: 15px;
	background: url(../img/fair/ico_available.gif) no-repeat left center;
}
#tabContent .calendar .timetable .few
{
	padding-left: 15px;
	background: url(../img/fair/ico_few.gif) no-repeat left center;
}
#tabContent .calendar .timetable .unavailable
{
	padding-left: 15px;
	background: url(../img/fair/ico_unavailable.gif) no-repeat left center;
	color: #999;
}

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

 list

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

#tabContent .list .container
{
	clear: both;
	width: 880px;
	margin: 0 0 10px;
	padding: 9px;
	border: 1px solid #bdb76b;
}
#tabContent .list .container .header
{
	width: 852px;
	margin: 0 0 10px;
	padding: 10px 10px 10px 18px;
	background: #866933 url(../img/com/bg_title_burret.gif) no-repeat left center;
}
#tabContent .list .container .header h3
{
	float: left;
	color: #fff;
	font-size: 133%;
}
#tabContent .list .container .header .icons
{
	float: right;
}
#tabContent .list .container .header .icons li
{
	float: left;
	margin-left: 10px;
}
#tabContent .list .container .image
{
	float: left;
	width: 290px;
}
#tabContent .list .container .spec
{
	float: right;
	width: 570px;
}
#tabContent .list .container .tagline
{
	margin-bottom: 1em;
	color: #666;
	font-weight: bold;
}
#tabContent .list .container .box
{
	width: 550px;
	margin: 0 0 10px;
	padding: 10px;
	background: #e4f1ef;
}
#tabContent .list .container .schedule
{
	width: 550px;
	margin: 0 0 10px;
	padding: 0 0 10px;
	background: url(../img/com/dotted_line.gif) repeat-x left bottom;
}
#tabContent .list .container dl dt
{
	float: left;
	letter-spacing: 1em;
	font-weight: bold;
	color: #938c42;
}
#tabContent .list .container dl dd
{
	margin-left: 6em;
}
	* html #tabContent .list .container dl dd
	{
		text-indent: 0px;
	}
	
#tabContent .list .container .content
{
	width: 550px;
	
}

/* ----- 20090510 ----- */
#tabContent .list .container .legend
{
	float: right;
	margin: 0 0 5px;
}
#tabContent .list .container .legend li
{
	float: left;
	margin-left: 1em;
	font-size: 84%;
}
#tabContent .list .container .legend .available
{
	padding-left: 15px;
	background: url(../img/fair/ico_available.gif) no-repeat left center;
}
#tabContent .list .container .legend .few
{
	padding-left: 15px;
	background: url(../img/fair/ico_few.gif) no-repeat left center;
}
/* ----- 20090510 ----- */

#tabContent .list .container .reserve
{
	clear: both;
	width: 570px;
}
#tabContent .list .lastChild
{
	margin: 0;
}