#tp_top_area {
	display : flex;
	height : 100%;
}

/* マップ */
#tp_map_area {
	flex : 1;
	min-width : 726px;
	height : 100%;
	display : flex;
	align-items : flex-end;
	position : relative;
}

#tp_map {
	position : absolute;
	top : 0px;
	left : 0px;
}

#tp_map .tp_map_box {
	width : 670px;
	height : 670px;
	margin-top : 0px;
	margin-left : 32px;
}

#tp_map_note {
	color : #00abf2;
	font-size : 12px;
	font-weight : 500;
	line-height : 1em;
	margin-left : 30px;
	margin-bottom : 20px;
}

.tp_area_shape {
	position : relative;
	z-index : auto;
	cursor : pointer;
	fill : #00b4ff;
	fill-opacity : 0.1;
	stroke : #88D3F2;
	stroke-width : 1;
	transition-duration : 0.25s;
}

/* マップアイコン */
#tp_map_icon {
	position : absolute;
	top : 0px;
	left : 0px;
}

#tp_map_icon .tp_map_icon_box {
	margin-top : 0px;
	margin-left : 32px;
}

#tp_map_icon .tp_map_icon_cnt {
	position : relative;
	top : 0px;
	width : 76px;
	height : 40px;
	font-size : 40px;
	font-weight : 500;
	line-height : 1em;
	text-align : center;
}

#tp_map_icon .tp_map_icon_unit {
	position : relative;
	top : 4px;
	width : 76px;
	height : 12px;
	font-size : 12px;
	font-weight : 500;
	line-height : 1em;
	text-align : center;
}

.tp_map_icon_box_red {
	cursor : pointer;
	position : absolute;
	box-sizing : border-box;
	width : 80px;
	height : 80px;
	background-color : #ffffff;
	color : #d93636;
	border-style : solid;
	border-width : 2px;
	border-color : #f24949;
	border-radius : 40px;
	box-shadow : 0px 2px 2px rgba(0,0,0,0.2);
}

.tp_map_icon_box_red .tp_map_icon_area_name {
	position : relative;
	top : -19px;
	width : 76px;
	height : 15px;
	color : #d93636;
	font-size : 15px;
	font-weight : 500;
	line-height : 1em;
	text-align : center;
}

.tp_map_icon_box_red_over {
	cursor : pointer;
	position : absolute;
	box-sizing : border-box;
	width : 80px;
	height : 80px;
	background-color : #f24949;
	color : #ffffff;
	border-style : solid;
	border-width : 2px;
	border-color : #ffffff;
	border-radius : 40px;
	box-shadow : 0px 2px 2px rgba(0,0,0,0.2);
	transition-duration : 0.25s;
}

.tp_map_icon_box_red_over .tp_map_icon_area_name {
	position : relative;
	top : -19px;
	width : 76px;
	height : 15px;
	color : #d93636;
	font-size : 15px;
	font-weight : 500;
	line-height : 1em;
	text-align : center;
}

.tp_map_icon_box_yellow {
	cursor : pointer;
	position : absolute;
	box-sizing : border-box;
	width : 80px;
	height : 80px;
	background-color : #ffffff;
	color : #ff9500;
	border-style : solid;
	border-width : 2px;
	border-color : #ffaa33;
	border-radius : 40px;
	box-shadow : 0px 2px 2px rgba(0,0,0,0.2);
}

.tp_map_icon_box_yellow .tp_map_icon_area_name {
	position : relative;
	top : -19px;
	width : 76px;
	height : 15px;
	color : #ff9500;
	font-size : 15px;
	font-weight : 500;
	line-height : 1em;
	text-align : center;
}

.tp_map_icon_box_yellow_over {
	cursor : pointer;
	position : absolute;
	box-sizing : border-box;
	width : 80px;
	height : 80px;
	background-color : #ffaa33;
	color : #ffffff;
	border-style : solid;
	border-width : 2px;
	border-color : #ffffff;
	border-radius : 40px;
	box-shadow : 0px 2px 2px rgba(0,0,0,0.2);
	transition-duration : 0.25s;
}

.tp_map_icon_box_yellow_over .tp_map_icon_area_name {
	position : relative;
	top : -19px;
	width : 76px;
	height : 15px;
	color : #ff9500;
	font-size : 15px;
	font-weight : 500;
	line-height : 1em;
	text-align : center;
}

.tp_map_icon_box_blue {
	cursor : pointer;
	position : absolute;
	box-sizing : border-box;
	width : 80px;
	height : 80px;
	background-color : #ffffff;
	color : #00abf2;
	border-style : solid;
	border-width : 2px;
	border-color : #40c7ff;
	border-radius : 40px;
	box-shadow : 0px 2px 2px rgba(0,0,0,0.2);
}

.tp_map_icon_box_blue .tp_map_icon_area_name {
	position : relative;
	top : -19px;
	width : 76px;
	height : 15px;
	color : #00abf2;
	font-size : 15px;
	font-weight : 500;
	line-height : 1em;
	text-align : center;
}

.tp_map_icon_box_blue_over {
	cursor : pointer;
	position : absolute;
	box-sizing : border-box;
	width : 80px;
	height : 80px;
	background-color : #40c7ff;
	color : #ffffff;
	border-style : solid;
	border-width : 2px;
	border-color : #ffffff;
	border-radius : 40px;
	box-shadow : 0px 2px 2px rgba(0,0,0,0.2);
	transition-duration : 0.25s;
}

.tp_map_icon_box_blue_over .tp_map_icon_area_name {
	position : relative;
	top : -19px;
	width : 76px;
	height : 15px;
	color : #00abf2;
	font-size : 15px;
	font-weight : 500;
	line-height : 1em;
	text-align : center;
}

/* お知らせ */
#tp_site_info {
	position : absolute;
	overflow : visible;
	top : 34px;
	left : 25px;
	width : 44%;
	min-width : 450px;
	height : auto;
}

#tp_site_info .tp_site_info_img {
	width : 512px;
	height : 27px;
}

#tp_site_info ul {
	position : relative;
	list-style : none;
	width : 100%;
	border-top-style : solid;
	border-top-width : 1px;
	border-top-color : rgba(0,144,204,0.3);
	margin-top : 18px;
}

#tp_site_info li {
	position : relative;
	box-sizing : border-box;
	overflow : hidden;
	white-space : nowrap;
	text-overflow : ellipsis;
	width : 100%;
	line-height : 1.2em;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 5px;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-bottom-color : rgba(0,144,204,0.3);
}

#tp_site_info li:hover {
	white-space : normal;
	background-color : rgba(0,144,204,0.1);
}

#tp_site_info .tp_link_red {
	color : #d95757;
}

#tp_site_info .tp_link_blue {
	color : #00abf2;
}

#tp_site_info .tp_link_black {
	color : #000000;
}

/* バナー */
#tp_banner {
	width : 211px;
	height : 100%;
	background-color : rgba(0,44,89,0.03);
	line-height : 0em;
	text-align : center;
	border-left-style : solid;
	border-left-width : 1px;
	border-left-color : rgba(0,44,89,0.15);
	display : flex;
	flex-direction : column;
}

#tp_banner .tp_banner_img {
	width : 210px;
}

#tp_banner .tp_banner_box {
	width : 211px;
}

#tp_banner_app:hover img {
	cursor : pointer;
}

#tp_banner_twitter:hover img {
	cursor : pointer;
}

#tp_banner_snow:hover img {
	cursor : pointer;
}

#tp_banner_banner_area {
	margin-bottom : auto;
}

#tp_banner_banner {
	position : relative;
	width : 210px;
	padding : 0px;
	background-color : #ffffff;
}

#tp_banner_banner li {
	list-style : none;
	position : absolute;
	width : 200px;
	background-color : #ffffff;
	top : 5px;
	left : 5px;
}
#tp_banner_banner li img {
	width : 200px;
}

#tp_banner_movie {
	z-index : 1;
}

#tp_banner_movie:hover img {
	opacity : 0.7;
	cursor : pointer;
}

/* NEXCO掲載動画 */
#tp_movie_area_base {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
	min-width : 1024px;
	min-height : 726px;
	background-color : rgba(0, 0, 0, 0.8);
	z-index : 3;
}

#tp_movie_area {
	width : 100%;
	height : 100%;
	min-width : 1024px;
	min-height : 726px;
	display : flex;
	justify-content : center;
	align-items : center;
}

#tp_movie_area #tp_movie_box {
	width : 960px;
	height : 595px;
}

#tp_movie_area #tp_movie_box #tp_movie_title_box {
	width : 100%;
	height : 40px;
	background-color : #808080;
	margin-bottom : 10px;
	border-radius : 17px;
	display : flex;
	align-items : center;
}

#tp_movie_area #tp_movie_box #tp_movie_title_box #tp_movie_title {
	color : #ffffff;
	font-size : 20px;
	text-align : center;
	width : 935px;
	padding : 4px;
}

#tp_movie_area #tp_movie_box #tp_movie_title_box #tp_movie_close {
	cursor : pointer;
	border : 1px solid #808080;
	border-radius : 17px;
	width : 32px;
	height : 32px;
	margin-right : 5px;
	background-color : #808080;
	overflow : hidden;
}

#tp_movie_close .tp_movie_close_img {
	width : 32px;
	height : 32px;
}

#tp_movie_video {
	width : 960px;
	height : 540px;
}

#tp_movie_area #tp_movie_box #tp_movie_title_box #tp_movie_close:hover {
	background-color : #1ba4d2;
	border-color : #1ba4d2;
}

#tp_prove_link {
	cursor : pointer;
	position : absolute;
	bottom : 10px;
	right : 10px;
}