@charset "utf-8";

/*----------------------------------------------

			▼トップページヘッダー

----------------------------------------------*/

#top_wrapper{
	height:100%;
	overflow:hidden;
	min-width:980px;
}

#top_header{
	width:980px;
	margin:5px auto 0;
}

#top_header_h1{
	position: relative;
	width:100%;
	height:25px;
}

h1.top_h1{
	float:left;
	color:#fff;
	padding-top:3px;
}
.top_h1sub {
	float:right;
	color:#fff;
	padding-top:3px;
}
.top_h1sub a {
	color: #fff;
	text-decoration: underline;
}
.top_h1sub a:hover {text-decoration: none;}
#top_header_h1 .linkEnglish {
	-webkit-box-shadow: 1px 1px 1px 1px #ccc;
	-moz-box-shadow: 1px 1px 1px 1px #ccc;
	box-shadow: 1px 1px 1px 1px #ccc;
}


#social_icon_wrapper {
	width: 970px;
	margin: 5px auto 0;
	padding-right: 10px;
}

 #social_icon{
	 float:right;
 }
 	iframe.twitter-share-button {
    	width:85px!important;
	}

 	#___plusone_0{ width:65px !important; }
 	#___plusone_2{ width:76px !important; }

 	.fb_iframe_widget{vertical-align:top;margin-bottom:2px;}

/* メインナビゲーション　*/

#top_header_img{
	clear:both;
	overflow:hidden;
	margin:25px 0 26px 0;
	_margin:30px 0 26px 0;
	font-size:93%;
	_font-size:77%;
	letter-spacing:-0.1em;
}

/* サブナビゲーション左側　*/
	#top_header_img_left{
		float:left;
		width:220px;
	}
		.top_header_sub_box{
			background-color:#fff;
			width:220px;
			height:145px;
			margin-top:10px;
		}

			.top_header_sub_spot_upper{
				background-image:url(../img/top_sub_upper.png);
				background-repeat:no-repeat;
				width:220px;
				height:145px;
			}

			.top_header_sub_spot_under{
				background-image:url(../img/top_sub_under.png);
				background-repeat:no-repeat;
				width:220px;
				height:145px;
			}

				.top_header_sub_spot_upper a.sub_spot,
				.top_header_sub_spot_under a.sub_spot{
					display:block;
					width:220px;
					height:145px;
				}

				.top_header_sub_spot_upper img,
				.top_header_sub_spot_under img{
					margin:15px 0 0 1px;
				}

				.top_header_sub_spot_upper p,
				.top_header_sub_spot_under p{
					margin:0 5px 0 43px;

				}


/* サブナビゲーション中央　*/

	.top_header_img_center_box{
		background-color:#FFF;
		width:520px;
		height:319px;
		margin:0 10px;
		float:left;
	}

	.top_header_img_center{
		background-image:url(../img/top_header_main_bg.png);
		background-repeat:no-repeat;
		width:520px;
		height:319px;
	}

		.top_header_img_center a.main_spot{
				display:block;
				width:520px;
				height:319px;
		}

		.top_header_img_center img{
				margin:15px 0 0 2px;
		}

		.top_header_img_center p{
				margin-left:45px;
		}

/* サブナビゲーション右側　*/

	#top_header_img_right{
		float:right;
		width:220px;
	}


/*		.top_header_sub_spot{
		  	width:220px;
		  	height:145px;
		  	margin:10px auto 0;
			position:relative;
		}

			.top_header_sub_spot img{
			}
*/
/*			.top_header_sub_spot a{
				width:220px;
				height:130px;
				display:block;
				text-decoration:none;
			}
*/

/* サブナビゲーション左側　*/

/*.hover-css a.sub_spot,
.hover-anims a.sub_spot,
.hover-anims span {
	display:block;
	height:145px;
	width:230px;
	position:relative;
	background:url(../img/top_header_sub_spot1_bg_off.jpg) no-repeat;
}
.hover-anims span {
	position:absolute;
	left:0; top:0;
}
.hover-css a.sub_spot:hover,
.hover-anims span {
	background:url(../img/top_header_sub_spot1_bg_on.jpg) no-repeat;
}


.hover-css2 a.sub_spot,
.hover-anims2 a.sub_spot,
.hover-anims2 span {
	display:block;
	height:145px;
	width:230px;
	position:relative;
	background:url(../img/top_header_sub_spot2_bg_off.jpg) no-repeat;
}
.hover-anims2 span {
	position:absolute;
	left:0; top:0;
}
.hover-css2 a.sub_spot:hover,
.hover-anims2 span {
	background:url(../img/top_header_sub_spot2_bg_on.jpg) no-repeat;
}
*/
/* サブナビゲーション右側　*/

/*.hover-css3 a.sub_spot,
.hover-anims3 a.sub_spot,
.hover-anims3 span {
	display:block;
	height:145px;
	width:230px;
	position:relative;
	background:url(../img/top_header_sub_spot3_bg_off.jpg) no-repeat;
}
.hover-anims3 span {
	position:absolute;
	left:0; top:0;
}
.hover-css3 a.sub_spot:hover,
.hover-anims3 span {
	background:url(../img/top_header_sub_spot3_bg_on.jpg) no-repeat;
}


.hover-css4 a.sub_spot,
.hover-anims4 a.sub_spot,
.hover-anims4 span {
	display:block;
	height:145px;
	width:230px;
	position:relative;
	background:url(../img/top_header_sub_spot4_bg_off.jpg) no-repeat;
}
.hover-anims4 span {
	position:absolute;
	left:0; top:0;
}
.hover-css4 a.sub_spot:hover,
.hover-anims4 span {
	background:url(../img/top_header_sub_spot4_bg_on.jpg) no-repeat;
}
*/
/* サブナビゲーション左側　*/

/*	#top_header_img_center{
		float:left;
		width:520px;
		height:305px;
		background-image:url(../img/top_header_main_spot_bg.png);
		background-repeat:no-repeat;
		margin:0 10px;
		padding-top:15px;
	}

		#top_header_img_center img{
			margin:0 8px 5px;
		}

	#top_header_img_right{
		float:right;
		width:220px;
	}

#social_icon{
	width:150px;
	float:right;
}
*/
/*----------------------------------------------

			▼トップページコンテンツ

----------------------------------------------*/
#whats_new{
	clear:both;
	margin:22px 0 25px;
	_margin:16px 0 25px;
	overflow:hidden;
}

	#whats_new_left{
		float:left;
		width:156px;
		height:37px;
	}

	#whats_new_right{
		float:left;
	}

		#whats_new_right p{
			margin:13px 0 0 20px;
			_font-size:85%;
		}

/* 新しいスポット */
#top_new_spot{
	overflow:hidden;
	margin-bottom:25px;
}

	.top_new_spot_list{
		width:320px;
		height:205px;
		float:left;
		background-color:#fff;
		margin:5px;
		_display:inline;
		position:relative;
	}
		.spot_list_bg_div{
			background-image:url(../img/top_new_spot_list_bg.png);
			background-repeat:no-repeat;
			width:320px;
			height:205px;
		}
			.spot_list_bg_div a{
				font-size:77%;
			}

		.spot_list_bg_a{
			display:block;width:320px;height:205px;
		}

		.eye_catch_img{
			margin-top:15px;
			margin-left:4px;
		}

	.top_new_spot_list_social_icon{
		width:130px;
		position:absolute;bottom:1px;right:10px;
	}


		.top_new_spot_list p{
			padding:2px 15px;
		}

/* 札幌を知りつくすプロが教えるスポット */
#top_pro_area{
	background-image:url(../img/top_pro_coment.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	width:660px;
	height:282px;
	margin:10px 0;
	font-size:108%;
}

	#top_pro_area_left{
		float:left;
		width:330px;
		height:180px;
	}

		#top_pro_area_left dl{
			width:280px;
			margin:25px 0 0 30px;
		}

		#top_pro_area_right dl{
			width:280px;
			margin:25px 0 0 25px;
		}

			#top_pro_area_left dl dt,#top_pro_area_right dl dt{
				margin-bottom:7px;
			}

	#top_pro_area_right{
		float:left;
		width:330px;
		height:180px;
	}


	#top_pro_area_left_under{
		clear:both;
		float:left;
		width:330px;
	}

		#top_pro_area_left_under dl{
			width:210px;
			margin:20px 0 0 100px;
		}

		#top_pro_area_right_under dl{
			width:210px;
			margin:20px 0 0 95px;
		}

			#top_pro_area_left_under dl dt,#top_pro_area_right_under dl dt{
				margin-bottom:5px;
			}

	#top_pro_area_right_under{
		float:right;
		width:330px;
	}

/* キャンペーンバナー */

#banner_area{
	margin-bottom:30px;
	overflow:hidden;
}

.top_cp_banner_left{
	float:left;
	margin-left:10px;
}

.top_cp_banner_right{
	float:right;
	margin-right:10px;
}