@charset "utf-8";

/**************************************

Fair

**************************************/

#fair-block {
	margin:0 0 12px 0;
	-webkit-box-shadow:0 3px 3px rgba(150, 150, 150, 0.4);
	box-shadow:0 3px 3px rgba(150, 150, 150, 0.4);
}

#fair-block .unit {
	clear:both;
	padding:8px 10px 10px;
	background:#FFF;
	width:90%;
	margin:6px auto 16px auto;
}

#fair-block .unit .fair-img img {
	width:100%;
	padding:0 0 6px 0;
}

#fair-block .unit .date {
	padding:5px 0 0;
	color:#dca854;
}

#fair-block .unit dt {
	padding:0 0 5px;
	font-size:1.1em;
	color:#e77289;
	font-weight:bold;
}

#fair-block .unit dd {
	padding:0 0 6px 0;
}


/************************************************

	Fair-Table

************************************************/

.fair-table {
	width:100%;
	border-collapse: collapse;
	margin-bottom:10px;
}

.fair-table th {
	background:#f3e3ca;
	color: #54413d;
	border: 1px solid #EEE;
}

.fair-table th.sat {
	color:#1053BC;
	text-align:center;
	padding:7px 5px;
}

.fair-table th.sun {
	color:#B13A10;
	text-align:center;
	padding:7px 5px;
}

.fair-table td {
	border: 1px solid #DDD;
	padding:6px;
	font-size:150%;
	text-align:center;
}

.fair-table td.event {
	background:#f093a0;
}
.fair-table td.event a {
	color: #FFF;
}

.fairbox {
	width:100%;
	background:url(../img/arrow.jpg) no-repeat right 50%;
	padding:0 10px 0 0;
}

.special01 {
	width:60px;
	text-align:center;
	padding:2px 3px;
	color:#fff;
	background: -moz-linear-gradient(top, #ba9f63, #a58742);
	background: -webkit-gradient(linear, left top, left bottom, from(#ba9f63), to(#a58742));
	border-radius:10px;
	display:block;
	font-weight:bold;
}

.special02 {
	width:60px;
	text-align:center;
	padding:2px 3px;
	color:#fff;
	background: -moz-linear-gradient(top, #ababaa, #979592);
	background: -webkit-gradient(linear, left top, left bottom, from(#ababaa), to(#979592));
	border-radius:10px;
	display:block;
	font-weight:bold;
}

.fairbox .name a {
	width:100%;
	font-size:1.4em;
	text-decoration:underline;
	color:#B05048;
}

.fairbox span,
.fair-icon span,
#f-category .list span
 {
	padding:2px 3px;
	margin:0 3px 3px 0;
	color:#FFF;
	display:block;
	float:left;
}

.icon01 {background:#dc7378;}
.icon02 {background:#74ad47;}
.icon03 {background:#66a7dd;}
.icon04 {background:#ed4044;}
.icon05 {background:#a16bba;}
.icon06 {background:#ff9933;}
.icon07 {background:#336699;}
.icon08 {background:#72afa0;}
.icon09 {background:#aad38d;}

.calender .month {
	font-size:140%;
	font-weight:bold;
	text-align:center;
}

.calender {
	width: 94%;
	margin: 0 auto;
}

.calender .back a {
	display: block;
	position:relative;
	width:28%;
	float:left;
	text-align:center;
	padding:7px 0 6px 15px;
	margin:10px 0;
	background: -webkit-linear-gradient(top, #f4e8d3, #efd2aa);   
	background:-webkit-gradient(linear, left top, left bottom,from(#f4e8d3), to(#efd2aa));
	border:#ead6b1 1px solid;
	color: #53392a;
	font-weight: bold;
}

.calender .back a:before {
	display: block;
	position: absolute;
	top: 9px;
	left: 3px;
	width: 22px;
	height: 22px;
	margin-top: -4px;
	content: "";
	z-index: 4;
	}

.calender .back a:after {
	display: block;
	position: absolute;
	top: 16px;
	left: 12px;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-top: solid 1px #555;
	border-right: solid 1px #555;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	content: "";
	opacity:0.6;
	z-index: 5;
	}

.calender .next a {
	display: block;
	position:relative;
	width:28%;
	float:right;
	text-align:center;
	padding:7px 15px 6px 0;
	margin:10px 0;
	background: -webkit-linear-gradient(top, #f4e8d3, #efd2aa);   
	background:-webkit-gradient(linear, left top, left bottom,from(#f4e8d3), to(#efd2aa));
	border:#ead6b1 1px solid;
	color: #53392a;
	font-weight:bold;
	
}

.calender .next a:before {
	display: block;
	position: absolute;
	top: 9px;
	right: 3px;
	width: 22px;
	height: 22px;
	margin-top: -4px;
	content: "";
	z-index: 4;
	}

.calender .next a:after {
	display: block;
	position: absolute;
	top: 16px;
	right: 12px;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-top: solid 1px #555;
	border-right: solid 1px #555;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	opacity:0.6;
	z-index: 5;
}

.fair_table {
	width: 94%;
	margin: 0 auto;
	background:#ddd;
}

.fair_table th {
	padding:7px 5px;
	background:#f4e8d3;
}

.fair_table td {
	padding:7px 10px 7px 10px;
	background:#fff;
}

.fair_table td.week {
	text-align:center;
	padding:7px 5px;
}

.fair_table td.sat {
	color:#3399cc;
	text-align:center;
	padding:7px 5px;
}

.fair_table td.sun {
	color:#cc3333;
	text-align:center;
	padding:7px 5px;
}

.fairbox {
	width:100%;
	background:url(../img/arrow.jpg) no-repeat right 50%;
	padding:0 10px 0 0;
}

.fairbox a {
	display:block;
}

.fairbox .name {
	width:100%;
	font-size:1.2em;
	text-decoration:underline;
	color:#ea7f93;
}

#f-category {
	padding:0 2% 2% 2%;
}

#f-category .ph {
	margin:0px 0 10px;
	padding:2% 0 0 0;
}

#f-category .ph img {
	width:100%;
}

#f-category .date {
	font-weight:bold;
	padding:10px 0 5px 0;
}

.fair_tit{
	font-weight:bold;
	font-size:120%;
	color:#555;
	padding:0 0 10px 0;
}

#f-category p.toku {
	background:#E6E2D9;
	color:#554838;
	font-size:100%;
	padding:5px 6px 5px 6px;
	margin:0 0 5px 0;
	font-weight:bold;
}

#f-category .txt {
	margin:0 0 20px 6px;
}

#f-category .sub_txt {
	font-weight: bold;
	padding:5px 6px 5px 6px;
	margin:0 0 5px 0;
}

#f-category .form_menu {
	padding:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	clear: both;
	float: none;
	text-align: center;
	font-size:120%;
}

#f-category .list {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	float: none;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #987f3f;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 100%;
}

#f-category .list a {
	width:100%;
	font-size:1.2em;
	text-decoration:underline;
	color:#B05048;
}

.f-subicon span {
	padding:2px 3px;
	margin:0 3px 3px 0;
	color:#fff;
	display:block;
	float:left;
	background:#494949;
}

.cate-tbl {
	background:#999;
	margin:0 0 5px;
}

.cate-tbl td {
	text-align:center;
	background:#fff;
	padding:8px;
}

.cate-tbl td.txt {
	text-align:left;
	background:#fff;
	padding:8px;
}

.cate-tbl th {
	background:#EEE;
	font-weight:normal;
	padding:8px;
}

#f-category .ex {
	margin:0 0 20px;
}

#fair-block .time-btn a {
	background:#999;
	padding:5px;
	text-align:center;

	background: -moz-linear-gradient(top, #F3B357, #D98205);
	background: -webkit-gradient(linear, left top, left bottom, from(#F3B357), to(#D98205));

	border-radius:3px 3px 3px 3px;
	border:1px solid #f89a23;
	box-shadow:0 0 1px 1px rgba(255, 255, 255, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
	text-overflow:ellipsis;
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.3);
	font-weight:bold;
	color:#FFF;
	display:block;
	position:relative;
}


/************************************************

	Clear

************************************************/

.calender
{
	zoom:1;
}

.calender:after
{
	content:''; display:block; clear:both; overflow:hidden;
}