#top_item_list:after,#top_local .box_top_local:after,#top_local .box_top_local dl:after,#top_local .box_top_genre ul:after,.exp_list_box:after,.exp_list .item_data:after,.exp_list .item_data .detail_box:after {
	display: block;
	clear: both;
	overflow: hidden;
	content: ""
}

#top_local {
	background: #f3f3f3;
	padding: 30px 0;
}

#top_local .box_top_local {
	width: 960px;
	margin: 0 auto;
	position: relative
}

#top_local .box_top_local h1 {
	text-align:center;
	height: 45px;
	font-size: 26px;
    line-height:45px;
}

#top_local .box_top_local dl {
	float: left;
	width: 480px;
	line-height: 150%;
	padding: 0 0 30px 0
}

#top_local .box_top_local dl dt {
	clear: both;
	float: left;
	width: 80px;
	padding: 0 10px 0 0;
	font-weight: bold;
	margin: 5px 0 0 0;
	text-align: right;
	font-size: 88%
}

#top_local .box_top_local dl dd {
	float: right;
	text-align: left;
	width: 390px;
	margin: 5px 0 0 0;
	font-size: 82%
}

#top_local .box_top_local dl a {
	color: #333
}

#top_local .box_top_local dl a:hover {
	color: #178cc2
}

#top_local .box_top_genre {
	border-top: 1px #ccc solid;
	padding: 30px 0 0 0;
	width: 960px;
	margin: 0 auto
}

#top_local .box_top_genre ul {
	margin: 0 0 20px 0
}

#top_local .box_top_genre li {
	width: 96px;
	text-align: center;
	float: left;
	margin: 0 12px 0 0;
	text-align: center
}

#top_local .box_top_genre li:last-child {
	margin: 0
}

#top_local .box_top_genre li a {
	text-decoration: none;
	color: #333
}

#top_local .box_top_genre li a h2 {
	font-size: 69%;
	line-height: 120%;
	margin: 8px 0 0 0
}

#top_local .box_top_genre li a h2 span {
	font-size: 130%;
	font-weight: bold
}

#top_local .box_top_genre li a img {
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border: 5px #fff solid;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 0 3px 0 0 rgba(0,0,0,0.05);
	-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.05);
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.05)
}

#top_local .box_top_genre li a:hover {
	color: #e74c3c
}

#top_local .box_top_genre li a:hover img {
	border: 5px #e74c3c solid;
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-ms-transform: scale(1) !important
}

#top_item_list {
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 40px 0 0px 0
}

#top_item_list .exp_list_box {
	width: 960px;
	margin: 0 auto
}

#top_item_list .btn_more {
	clear: both;
	padding: 20px 0 0 0
}

#top_item_list .btn_more a {
	font-size: 113%;
	padding: 10px 0;
	width: 540px;
	margin: 0 auto;
	-moz-box-shadow: 0 5px 0 0 #ad2506;
	-webkit-box-shadow: 0 5px 0 0 #ad2506;
	box-shadow: 0 5px 0 0 #ad2506;
    color:#fff;
}


.exp_list_wrap {
	clear: both;
	position: relative
}

.exp_list {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	float: left;
	width: 330px;
	text-align: left
}

.exp_list:nth-child(3n) {
	width: 300px
}

.exp_list:nth-child(3n) a {
	margin: 0 0 30px 0
}

.exp_list a {
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	display: block;
	margin: 0 30px 30px 0;
	overflow: hidden;
	position: relative;
	z-index: 3;
	text-decoration: none;
	-moz-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: #fff;
	border: #ddd 1px solid;
	height: 100%
}

.exp_list a:hover {
	text-decoration: none
}

.exp_list a:hover .new img {
	margin: -8px 0 0 -8px
}

.exp_list a:hover .tmb img {
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	-ms-transform: scale(1) !important
}

.exp_list a:hover .item_data h1 {
	color: #e74c3c !important
}

.exp_list a:hover .item_data .bg {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
	opacity: 0.1
}

.exp_list a:hover .item_data .detail_box .place,.exp_list a:hover .item_data .detail_box #entry_form .entry_item .data_box .data01 .time,#entry_form .entry_item .data_box .data01 .exp_list a:hover .item_data .detail_box .time {
	color: #e74c3c !important
}

.exp_list a:hover .item_data .detail_box .price {
	color: #e74c3c !important
}

.exp_list .tmb_cover_wrap {
	-moz-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
	position: absolute;
	z-index: 4;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	font-family: 'Cabin', sans-serif;
	-webkit-font-smoothing: antialiased;
	overflow: hidden
}

.exp_list .tmb_cover_wrap .tmb_cover {
	-moz-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
	background: #e74c3c;
	color: #fff;
	width: 300px;
	height: 200px;
	display: block
}

.exp_list .tmb_cover_wrap .tmb_cover .host {
	position: absolute;
	top: 35px;
	left: 50%;
	z-index: 5;
	margin: 0 0 0 -30px;
	width: 50px;
	height: 50px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	border: 5px #fcfcfc solid
}

.exp_list .tmb_cover_wrap .tmb_cover .host img {
	width: 100%;
	height: auto
}

.exp_list .tmb_cover_wrap .tmb_cover .name {
	position: absolute;
	font-size: 75%;
	left: 0;
	width: 300px;
	color: #fff;
	top: 95px;
	text-align: center
}

.exp_list .tmb_cover_wrap .tmb_cover p {
	position: absolute;
	top: 50%;
	display: block;
	text-align: center;
	width: 300px;
	font-size: 88%;
	margin: -20px 0 0 0
}

.exp_list .tmb_cover_wrap .tmb_cover p span {
	font-size: 188%;
	margin: 0 3px 0 0
}

.exp_list .tmb_cover_wrap:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	opacity: 0.9
}

.exp_list .tmb_cover_wrap:hover p {
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transform: scale(1.15)
}

.exp_list .tmb_cover_wrap:hover div {
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transform: scale(1.15)
}

.exp_list .new {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3
}

.exp_list .new img {
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.exp_list .checkmark {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	height: 50px;
	width: 50px;
	z-index: 3
}

.exp_list .checkmark img {
	width: 50px;
	height: 50px
}

.exp_list .tmb {
	width: 100%;
	height: 200px;
	overflow: hidden;
    margin:0;
}

.exp_list .tmb img {
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
    width:100%;
    height:100%;
}

.exp_list .item_data {
	position: relative;
	z-index: 2;
	height: 150px;
	border-top: none;
	padding: 0 20px
}

.exp_list .item_data h1 {
	-moz-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	line-height: 150%;
	padding-top: 16px;
	margin: 0;
	height: 96px;
	overflow: hidden
}

.exp_list .item_data h4 {
	-moz-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	line-height: 150%;
	padding-top: 16px;
	margin-bottom: 12px;
	height: 36px;
	overflow: hidden
}

.exp_list .item_data .detail_box .place,.exp_list .item_data .detail_box #entry_form .entry_item .data_box .data01 .time,#entry_form .entry_item .data_box .data01 .exp_list .item_data .detail_box .time {
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
	font-size: 12px;
	padding: 3px 0 0 0;
	color: #777;
	width: 180px;
	float: left;
	line-height: 130%;
	height: 15px;
	overflow: hidden
}

.exp_list .item_data .detail_box .place:before,.exp_list .item_data .detail_box #entry_form .entry_item .data_box .data01 .time:before,#entry_form .entry_item .data_box .data01 .exp_list .item_data .detail_box .time:before {
	width: 11px;
	height: 17px;
	margin: -4px 5px 0 0;
	background: url(../images/sprite.png) 0 -240px no-repeat;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	content: ""
}

.exp_list .item_data .detail_box .price {
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
	color: #777;
	width: 70px;
	float: right;
	font-family: 'Cabin', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-align: right;
	line-height: 130%
}

.exp_list .item_data .detail_box .price span {
	font-size: 120%
}

.exp_list .host {
	position: absolute;
	top: 105px;
	right: 20px;
	z-index: 5;
	width: 50px;
	height: 50px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	border: 5px #fcfcfc solid
}

.exp_list .host img {
	width: 100%;
	height: auto
}

.pagination {
	clear: both;
	font-family: 'Cabin', sans-serif;
	-webkit-font-smoothing: antialiased;
	margin: 60px 0 0 0;
	text-align: center;
	height: 50px;
	font-size: 113%
}

.pagination ul {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-left: 0;
	margin-bottom: 0
}

.pagination ul li {
	display: inline
}

.pagination ul li a,.pagination ul li span {
	float: left;
	padding: 0 20px;
	line-height: 48px;
	text-decoration: none;
	border: 1px solid #333;
	background: #fff;
	margin: 0 5px
}

.pagination ul li a {
	color: #333
}

.pagination ul li a:hover {
	background-color: #333;
	color: #fff
}

.pagination ul li.active a,.pagination ul li.active span {
	color: #fff;
	cursor: default;
	background-color: #e74c3c;
	border-color: #e74c3c
}

.pagination ul li.disabled span,.pagination ul li.disabled a,.pagination ul li.disabled a:hover {
	color: #999999;
	background-color: #ddd;
	border-color: #ddd;
	cursor: default
}

.btn_red {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
	display: block;
	padding: 11px 10px 10px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	-webkit-box-shadow: 0 3px 0 0 #ad2506;
	-moz-box-shadow: 0 3px 0 0 #ad2506;
	box-shadow: 0 3px 0 0 #ad2506;
	text-shadow: 0 1px 0 #ad2506;
	background: #e74c3c;
	color: #fff;
}

.btn_red:hover {
	text-decoration: none
}

.btn_red:hover {
	background: #ff6744;
	color: #fff
}

