@charset "UTF-8";

@import url("structure.css");

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

 fair

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

#contents .head
{
	overflow: hidden;
	width: 960px;
	margin: 30px 0 20px;
}
	* html #contents .head
	{
		margin-bottom: 0;
	}
	*+html #contents .head
	{
		margin-bottom: 0;
	}
	
#contents .head .leading
{
	float: left;
	color: #005534;
	padding: 0 0 15px;
}
#contents .head .legend
{
	float: right;
	padding: 0 0 15px;
}
#contents .head .legend li
{
	float: left;
	margin-right: 10px;
	padding-left: 15px;
	font-size: 84%;
}
#contents .head .legend .available
{
	background: url(../img/fair/ico_available.gif) no-repeat left center;
}
#contents .head .legend .few
{
	background: url(../img/fair/ico_few.gif) no-repeat left center;
}
#contents .head .legend .filled
{
	background: url(../img/fair/ico_filled.gif) no-repeat left center;
}
#contents .head .tel
{
	clear: both;
	margin: 0 0 15px;
	padding: 10px;
	background: #7bb388;
	text-align: center;
}
#contents .head .navi
{
	overflow: hidden;
	width: 960px;
	margin: 0 0 15px;
}
#contents .head .navi li
{
	float: left;
	margin-right: 10px;
}
#contents .head .navi li a
{
	padding-left: 10px;
	background: url(../img/com/arrow_r_green.gif) no-repeat left center;
	color: #005534;
}
#contents .head .info
{
	float: left;
}
#contents .head .info .now
{
	margin-bottom: 0.3em;
	color: #4b361b;
	font-size: 150%;
	font-weight: bold;
}
#contents .head .info .note
{
	color: #f00;
}
#contents .head .control
{
	float: right;
}
#contents .head .control li
{
	float: left;
	margin-left: 10px;
}

/* ----- calendar setting ----- */

#contents table.calendar
{
	clear: both;
	width: 960px;
	margin: 0 0 20px;
}
#contents table.calendar th,
#contents table.calendar td
{
	width: 14%;
	border: 1px solid #005534;
	padding: 5px;
}
#contents table.calendar th
{
	text-align: center;
	background: #e0ede3;
}
#contents table.calendar .sat
{
	background: #e8eff7;
}
#contents table.calendar .sun
{
	background: #fee;
}
#contents table.calendar th img
{
	vertical-align: middle;
}
#contents table.calendar td
{
	vertical-align: top;
}

#contents table.calendar .content li
{
	color: #333;
}
#contents table.calendar .content li a
{
	color: #333;
}
#contents table.calendar .content .day
{
	color: #666;
}
#contents table.calendar .sat .content .day
{
	color: #369;
}
#contents table.calendar .sun .content .day
{
	color: #f33;
}

	* html #contents table.calendar .content .schedule
	{
		width: 99%;
	}
	*+html #contents table.calendar .content .schedule
	{
		width: 99%;
	}

#contents table.calendar .content .schedule .available
{
	padding-left: 15px;
	background: url(../img/fair/ico_available.gif) no-repeat left center;
}
#contents table.calendar .content .schedule .few
{
	padding-left: 15px;
	background: url(../img/fair/ico_few.gif) no-repeat left center;
}
#contents table.calendar .content .schedule .filled
{
	padding-left: 15px;
	background: url(../img/fair/ico_filled.gif) no-repeat left center;
}


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

 fair detail

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

#contents .detail
{
	width: 960px;
}
#contents .detail .container
{
	overflow: hidden;
	width: 940px;
	margin: 0 0 20px;
	padding: 9px;
	border: 1px solid #005534;
}
#contents .detail .container .head
{
	width: 920px;
	margin: 0 0 10px;
	padding: 10px;
	background: #f5f5f5;
	border-bottom: 2px solid #005534;
}
#contents .detail .container .head h3
{
	float: left;
	color: #005534;
	font-size: 116%;
}
#contents .detail .container .head .icons
{
	float: right;
}
#contents .detail .container .head .icons li
{
	float: left;
	margin-left: 5px;
}
#contents .detail .container .image
{
	float: left;
	width: 260px;
}
#contents .detail .container .info
{
	float: right;
	width: 665px;
}
#contents .detail .container .info .section
{
	margin: 0 0 10px;
	color: #666;
}
#contents .detail .container .info h4
{
	padding: 0 0 4px;
	margin: 0 0 10px;
	color: #005534;
	border-bottom: 1px solid #000;
}
#contents .detail .container .info .schedule
{
	
}
#contents .detail .container .info .schedule td
{
	padding-right: 10px;
}
#contents .detail .container .info .schedule .available
{
	padding-left: 15px;
	background: url(../img/fair/ico_available.gif) no-repeat left center;
}
#contents .detail .container .info .schedule .few
{
	padding-left: 15px;
	background: url(../img/fair/ico_few.gif) no-repeat left center;
}
#contents .detail .container .info .schedule .filled
{
	padding-left: 15px;
	background: url(../img/fair/ico_filled.gif) no-repeat left center;
}
#contents .detail .container .info .recommend
{
	margin: 0 0 10px;
}
#contents .detail .container .info .recommend dd
{
	padding: 10px;
	background: #ebf7f3;
	color: #666;
}
#contents .detail .container .info .legend
{
	float: right;
	margin: 0 0 10px;
}
#contents .detail .container .info .legend li
{
	float: left;
	margin-left: 10px;
	font-size: 84%;
}
#contents .detail .container .info .legend .available
{
	padding-left: 15px;
	background: url(../img/fair/ico_available.gif) no-repeat left center;
}
#contents .detail .container .info .legend .few
{
	padding-left: 15px;
	background: url(../img/fair/ico_few.gif) no-repeat left center;
}
#contents .detail .container .info .legend .filled
{
	padding-left: 15px;
	background: url(../img/fair/ico_filled.gif) no-repeat left center;
}
#contents .detail .container .info .button
{
	clear: both;
	width: 100%;
	text-align: right;
}