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

		coolcarousel

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

#main_img{
	position: relative;
	margin: 0 auto 20px;
	width: 940px;
	height: 300px;
	text-align: center;
}
#carousel{
	width: 100%;
	height: 400px;
	overflow: hidden;
}
#carousel div{
	float: left;
	width: 940px;
	height: 300px;
	overflow: hidden;
}
#carousel img {
	display: block;
	/*width: 100%;*/
}
.active_blc,.prev_blc,.next_blc{
	background: url(../img/top_img_bg.png) repeat 0 0 ;
	display: block;
	height: 440px;
	width: 50%;
	top: 0;
	position: absolute;
}
.active_blc{
	width: 1040px;
	left: 50%;
	margin-left: -520px;
	display: none;
}
.prev_blc{left: -520px;}
.next_blc{right: -520px;}
.s_inner{
	position: absolute;
	top: 0;
	left: 50%;
	width: 940px;
	height: 300px;
	margin: 0 auto 0 -470px;
	z-index: 100;
}
#prev, #next{
	display: block;
	height: 55px;
	width: 55px;
	top: 50%;
	margin-top: -28px;
	position: absolute;
	cursor: pointer;
}
#prev{
	background: url(../img/slider_prev.png) no-repeat 0 0 ;
	left: -30px;
}
#next{
	background: url(../img/slider_next.png) no-repeat 0 0 ;
	right: -30px;
}
#pager {
	display: none !important;
	position: absolute;
	left: 10px;
	bottom: 10px;
}
#pager a {
	background-color: #fff;
	border-radius: 10px;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px 0 0;
}
#pager a:hover {background-color: #fb0;}
#pager a span {display: none;}
#pager a.selected {background-color: #fb0;}

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

		Useful

===========================================*/
#useful{
	margin-bottom: 20px;
	padding: 25px;
	background: url(../img/bg_useful.png) no-repeat right top #279dbb;
}
#useful h3{
	display: block;
	padding: 0 10px 20px;
}
#useful h3 img{
	/*position: relative;
	top: 36px;
	left: 8px;*/
}
#useful ul li{
	float: left;
	/*width: 125px;*/
	margin: 0 5px 5px;
}
#useful ul li:nth-child(5n){
	/*margin: 0 0 5px;*/
}

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

		blc

===========================================*/
.blc > ul > li{
	margin-top:20px;
}
.blc > ul > li:first-child{
	margin-top:0px;
}

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

		town

===========================================*/
#town{
	background-image: url(../img/bg_town.png);
	background-repeat: no-repeat;
	background-position: right center;
	border-color: #279dbb;
}
#town ul li:before{color: #68bbd0;}


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

		people

===========================================*/
#people{
	margin-top: 20px;
	margin-bottom:0px !important;
	border-color: #6db15e;
}
#people h4{
	margin: 10px 10px 5px 15px;
	color: #6998b9;
}

#people ul li:before{color: #6db15e;}
#people p{
	margin: 10px 0 5px;
	padding: 3px 0;
	background: #e6e6e6;
	text-align: center;
}


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

		blc_live

===========================================*/
.blc_live{
	position: relative;
	overflow: hidden;
	height: 185px;
	margin-bottom: 13px;
}
.blc_live a{text-decoration: none;}
.blc_live h3{}
.blc_live img.obj{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -22px 0 0 -33px;
}

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

		banner

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

#side .banner{
	padding: 5px 10px;
	background: #f4ddb0;
	text-align: center;
}
#side .banner a img{margin: 5px 0;}

@media print, screen and (max-width: 719px) {
	#side .banner{margin-bottom: 20px;}
}

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

		access

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

#access{
	margin-top:20px;
	border-color: #e76c99;
	position: relative;
}
#access #map{
	left: 0px;
	top: 0px;
	position: absolute;
}
#access h3{
	margin-top: 116px;
}
#access ul{
	background: #fff;
	padding-bottom: 10px;
}
#access ul li{margin: 0 0 5px;}
#access ul li:before{color: #e76c99;}
#access ul li p{
	display: inline-block;
	font-size:85%;
}
#access ul li p span.space{
	letter-spacing: 0.4em;
}
#access a.btn{
	display: block;
	width: 90%;
	margin: 10px auto 0;
	padding: 10px 0;
	background: #e76c99;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
@media print, screen and (max-width: 719px) {
	#access #map{
		position: static;
		margin: 0 0 17px;
		width: 100%;
		height: auto;
	}
	#access h3{
		margin-top: 0px;
	}
	#access>div p{
		font-size: 123%;
		text-align: center;
	}
	#access>div a.btn{
		font-size: 113%;
	}
	#access>div{
		padding-bottom: 20px;
	}
	#access ul li p{
		font-size:100%;
	}
}
/*===========================================

		pickup & news

===========================================*/
#pickup,#news{
	width: 304px;
}
#pickup{float: left;}
#news{float: right;}
@media print, screen and (max-width: 719px) {
	#pickup,#news{
		float: none;
	}
}
/*===========================================

		SnapShot

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

#snapShot{
	position: relative;
	float: none;
	clear: both;
/*	background: url(../img/snapshot_bg.jpg) repeat-y left center #fff; */
	border: 3px solid #279dbb;
	background: url(../img/bg_blc.png) repeat-x left top #fff;
}
#snapShot #character{
	position: absolute;
	right: 0; bottom: 0px;
}
#snapShot h3{display: none;}
#snapShot dl{
	float: left;
	width: 380px;
	padding: 20px 0px 20px 20px;
}
#snapShot dt{margin: 0 0 10px;}
#snapShot dt span{
	display: inline-block;
	position: relative;
	top: -0.2em;
	margin: 0 10px 0 0;
	padding: 2px 10px;
	background: #279dbb;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4;
}
#snapShot dt strong{
	color: #000;
	font-size: 130%;
}
#snapShot div{
	float: right;
	margin: 0;
	padding: 30px 20px 30px 0px;
	width: 260px;
/*	height: 160px;*/
/*	background: url(../img/snapshot_frame.png) no-repeat center center; */
	text-align: center;
	position:relative;
}
#snapShot p {
	color: #19976e;
	text-align:right;
}

/* sp */
@media print, screen and (max-width: 719px) {
	#snapShot{
		margin: 0 0 20px;
		padding: 20px;
		background: url(../img/snapshot_bg.jpg) repeat-y left center #fff;
	}
	#snapShot dl{
		float: none;
		width: auto;
		padding:0px;
	}
	#snapShot dt span{
		position: static;
		float: none;
		margin-bottom: 5px;
	}
	#snapShot dt strong{
		display: block;
	}
	#snapShot div{
		float: none;
		margin: 0 auto;
		padding: 10px 0 20px;
		width: 100%;
		height: auto;
/*		background: url(../img/snapshot_frame.png) no-repeat center center; */
	}
}

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

		foot_bnr

===========================================*/
#foot_bnr{
	float: none;
	clear: both;
	margin: 20px auto;
	text-align: center;
}
#foot_bnr > ul > li{
	width:160px;
	display: block;
	float:left;
	margin: 0 0 20px 20px;
}
#foot_bnr > ul > li:first-child{margin-left: 0;}

@media print, screen and (max-width: 719px) {
	#foot_bnr > ul{
		margin-top:0px;
	}
	#foot_bnr > ul > li{
	width: 48%;
	margin: 0 2% 2% 0;
	}
	#foot_bnr > ul > li:nth-child(2n) {
	 margin-right:0%;
	}
}