@charset "UTF-8";
/* CSS Document */

#event-pickup {
	clear:both;
	width:100%;
}

#event-pickup ul {
	clear:both;
	width:100%;
}

#event-pickup ul:after {
	content: "";
	display: block;
	clear: both;
	height:0;
}

#event-pickup ul {display:inline-block;}
#event-pickup ul {display:block;}

#event-pickup li {
	float:left;
	width:50%;
	text-align:center;
	padding:10px 0;
}

.see-all-event {
	text-align:center;
	padding:4% 0 8%;
}

#areaInfo {
	margin:0 auto 5%;
	width:100%;
}

#areaInfo h3 img {
	width:100%;
}

#areaInfo .specialBtn{
	padding:4% 4% 0 4%;
}

#areaInfo .specialBtn img{
	width:100%;
}

#areaInfo ul{
	margin:2%;
}

#areaInfo ul li{
	width:21%;
	margin:2%;
	float:left;
}

#areaInfo ul li img{
	width:100%;
}


#category2 {
}

#category li {
	border-bottom:1px #ddd solid;
	text-align:center;
}

#facebook {
	text-align:center;
	padding:0 0 10px;
}

.banner { width:100%;}

.banner img { width:100%;}

.banner p{
	text-align:center;
	padding:0 0 10px;
}


#matsuri {
	background:#FCC;
	text-align:center;
	font-size:14px;
	line-height:20px;
	padding:10px 0;
}

#matsuri li {
	padding:10px 0 0;
}



/*========== Paging  ==========*/

.paging {
	text-align:center;
	margin:10px 0 0;
	padding:10px 0 20px;
}

.paging a {
	border-radius:5px;
	margin:0 3px 0 0;
	padding:12px;
	width:40px;
	text-decoration:none;
	font-weight:bold;
}

.paging a:link {
	background:#ecf9fc;
	color:#000;
}
.paging a:visited {
	color:#000;
}
.paging a:hover {
	background:#00c7f9;
	color:#fff;
}

.paging a.paging-active {
	color:#F00;
}