@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:#F8F3ED;
	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 0;
	color:#000;
	 font-weight:bold;
}

#fair-block .unit dt {
	font-size:120%;
	color: #E57900;
	font-weight:bold;
}

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

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

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

#fair-block .unit3 .date {
	padding:5px 0 0 0;
	color:#000;
	 font-weight:bold;
}

#fair-block .unit3 dt {
	font-size:120%;
	color: #E57900;
	font-weight:bold;
}

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



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

	Fair-Table

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

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

.fair-table .w10{
	width:10%;
}

.fair-table .w80{
	width:80%;
}

.cate-tbl th.w22{
	width:22% !important;
}

.cate-tbl th.w56{
	width:56% !important;
}

.fair-table th {
	background:#AAA;
	color: #FFF;
	border: 1px solid #DBDBE4;
}

.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:#DA315F;
}
.fair-table td.event a {
	color: #FFF;
}

.fair_table {
	width: 100%;
	margin-bottom: 10px;
	background:#B9A165;
}

.fair_table th {
	padding:7px 5px;
	background:#EFEAE1;
	color: #633C11;
}

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

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

.fair_table td.sat {
	color:#3E7F96;
	text-align:center;
	padding:7px 5px;
	background:#D0E0E6;
}

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

.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:#c59f4c;
}

.special02 {
	width:60px;
	text-align:center;
	padding:2px 3px;
	color:#4D4217;
	background:#FFA2B2;
	border-radius:10px;
	display:block;
	font-weight:bold;
	float:left;
	margin-right:5px;
}

.special01 {
	width:60px;
	text-align:center;
	padding:2px 3px;
	color:#BA1F1F;
	background:#CCC;
	border-radius:10px;
	display:block;
	font-weight:bold;
	float:left;
	margin-right:5px;
}

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

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


.icon01 {
	background-color: #f2c34a;
}
.icon02 {
	background-color: #9897d8;
}
.icon03 {
	background-color: #a0c7f1;
}
.icon04 {
	background-color: #79A5E4;
}
.icon05 {
	background-color: #EF95A3;
}
.icon06 {
	background-color: #c7a4db;
}
.icon07 {
	background-color: #EFB3E9;
}
.icon08 {
	background-color: #F37F7F;
}
.icon09 {
	background-color: #B9DE2D;
}
.icon10 {background:#4E4E4E;}
.icon11 {background:#4E4E4E;}
.icon12 {background:#4E4E4E;}



.calender {
	width:100%;
	margin:0 0 8px 0;
}

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

.calender .back a  {
	display: block;
	position:relative;
	float:left;
	margin:5px 0;
	padding:10px;
	width:10px;
	height:12px;
	background:#DBDBE4;
	border:solid 1px #C2B69C;
	text-indent:-9999px;
}

.calender .back a:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 12px;
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-top: solid 2px #707070;
	border-right: solid 2px #707070;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	content: "";
}

.calender .next a {
	display: block;
	position:relative;
	float:right;
	margin:5px 0;
	padding:10px;
	width:10px;
	height:12px;
	background:#DBDBE4;
	border:solid 1px #C2B69C;
	text-indent:-9999px;
}

.calender .next a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-top: solid 2px #707070;
	border-right: solid 2px #707070;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

#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:126%;
	color:#E57900;
	padding:0 0 5px 0;
}

#f-category p.toku {
background: #F2C925;
color: #121212;
	font-size:100%;
	padding:8px 10px 8px 6px;
	font-weight:bold;
	margin-top:40px;
}

#f-category .toku_txt {
	margin:0 0 30px;
	padding:10px;
	border-bottom:3px solid #F2C925;
		border-right:3px solid #F2C925;
			border-left:3px solid #F2C925;
}

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

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

.f-subicon {
	margin:0 0 10px 0;
}

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

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

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

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

.cate-tbl2 {
	text-align:left;
	background:#e9ded3;
	margin:0 0 5px;
}

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

.cate-tbl th {
	text-align:left;
	background:#e9ded3;
	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, #B81413, #A50B09);
	background: -webkit-gradient(linear, left top, left bottom, from(#B81413), to(#A50B09));
	border:1px solid #B05A59;
	border-radius:3px 3px 3px 3px;
	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;
}


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

Popup

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

div.ui-cluetip {
  font-size: 100%;
}

.ui-cluetip-content {
  padding: 10px;
}

div.ui-cluetip h3 {
	color:#B05048;
}

div.ui-cluetip p.f_date {
	font-weight:bold;
	color: #333;
}

div.ui-cluetip p.f_tit {
	background:#BBB;
	margin:8px 0 0 0;
}

div.ui-cluetip p a {
	text-decoration:underline;
	display:block;
	padding:8px;
	color: #FFF;
}

.cluetip-close {
	float:right;
	background:#000;
	text-indent:-9999px;
	width:16px;
	height:16px;
	background:url(../fair/img/close.png) no-repeat left top;
}

.cluetip-close img {
  border: 0;
}

.cluetip-default,
.cluetip-default .cluetip-outer {
	background-color: #FFF;
}

.bnr{
	margin:0 auto;
	text-align:center;
}


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

	Clear

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

.calender
{
	zoom:1;
}

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

