@charset "UTF-8";

/*
en_US
*/

/* =========================================================
map size
========================================================= */
#map {
	position: relative;
	border: 1px #f3f3f3 solid;
	margin-bottom: 25px;
	width: 100%;
	height: 800px;
}
/* =========================================================
map balloon
========================================================= */
#map .balloon {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", arial;
	padding: 5px 0;
	width: 420px;
}
/* =========================================================
header
========================================================= */
#map .balloon .header {
	margin-bottom: 10px;
}
#map .balloon .header:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	height: 0;
	clear: both;
}
#map .balloon .header .cat {
	float: left;
	display: inline-block;
	color: #ffffff;
	background-color: #90ac1a;
	padding: 4px 20px;
}
#map .balloon .header .date {
	float: right;
	color: #666666;
	margin: 4px 0 0 0;
}
#map .balloon .header .new {
	float: right;
	color: #ff3399;
	background: url(/img/common/common/icon_new.gif) no-repeat 0 2px;
	padding-left: 26px;
	margin: 4px 0 0 0;
}
/* =========================================================
article
========================================================= */

#map .balloon .article {
	clear: both;
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
	width: 100%;
}
#map .balloon .article .box {
	display: table-cell;
	vertical-align: top;
	line-height: 137%;
	width: 100%;
}
#map .balloon .article .box p {
	margin: 0;
}
#map .balloon .article .box .world-area {
	font-weight: bold;
	margin: -4px 0 5px 0;
}
#map .balloon .article .box h4 {
	font-size: 15px;
	margin-bottom: 5px;
}
#map .balloon .article .thumb {
	display: table-cell;
	vertical-align: top;
	text-align: right;
	padding-left: 10px;
}
#map .balloon .article .thumb img.medium {
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #e4e4e4;
	padding: 1px;
	max-width: 120px;
	max-height: 90px;
}
#map .balloon .article .thumb img.medium:hover {
	border: 1px solid #ffcc00;
}
/* -----------------------------------------------
download file
----------------------------------------------- */
#map .balloon .article .thumbnail {
	position: relative;
	display: table-cell;
	vertical-align: top;
	text-align: right;
}
#map .balloon .article .thumbnail img.medium {
	border: 1px solid #e4e4e4;
	cursor: pointer;
	vertical-align: middle;
	padding: 1px;
	max-width: 120px;
	max-height: 90px;
}
#map .balloon .article .thumbnail img.medium:hover {
	border: 1px solid #ffcc00;
}
#map .balloon .article .thumbnail .exmedia-download {
	text-align: center;
	clear: both;
	position: absolute;
	top: 0;
	right: 0;
}
#map .balloon .article .thumbnail .exmedia-download .label {
	text-align: center;
}
#map .balloon .article .thumbnail .exmedia-download .label span {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	display: inline-block;
	color: #fff;
	font-size: 10px;
	line-height: 100%;
	background-color: #999999;
	border: 1px solid #e4e4e4;
	border-radius: 2px 0 0 2px;
	padding: 4px 5px;
	white-space: nowrap;
}
#map .balloon .article .thumbnail:hover .exmedia-download .label span {
	background-color: #ffcc00;
	border: 1px solid #ffcc00;
}
/* =========================================================
coupon
========================================================= */
#map .balloon .coupon {
	clear: both;
	margin-bottom: 10px;
}
#map .balloon .coupon .frame {
	font-size: 11px;
	line-height: 126%;
	border: 1px #c9c9c4 dotted;
	padding: 1px;
}
#map .balloon .coupon .wrap {
	background: url(/img/common/cf/coupon_bg.gif) repeat 0 0;
	padding: 3px;
}
#map .balloon .coupon .container {
	background-color: #ffffff;
	padding: 4px 6px;
}
#map .balloon .coupon p {
	background: url(/img/common/cf/coupon_icon.gif) no-repeat 0 0;
	padding: 16px 0 0 6px;
	margin: 0 0 4px -6px;
}
#map .balloon .coupon p span {
	color: #ed6d46;
	margin: 0 0 0 4px;
}
#map .balloon .coupon dt {
	float: left;
	color: #999999;
	margin-right: 4px;
}
#map .balloon .coupon dd {
	color: #666666;
}
/* =========================================================
footer
========================================================= */
#map .balloon .footer {
	clear: both;
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
/* -----------------------------------------------
left
----------------------------------------------- */
#map .balloon .footer .left {
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
	width: 100%;
}
#map .balloon .footer .left ul {
	list-style-type: none;
	line-height: 126%;
	padding: 0;
	margin: 0;
}
#map .balloon .footer .left li.name {
	font-weight: bold;
}
#map .balloon .footer .left li.name a {
	color: #3366ff;
}
#map .balloon .footer .left li.name a:hover {
	color: #668cff;
}
#map .balloon .footer .left li.name img {
	vertical-align: middle;
	margin-right: 4px;
}
#map .balloon .footer .left li.addr a {
	color: #333333;
}
#map .balloon .footer .left li.addr a:hover {
	color: #ff9933;
}
#map .balloon .footer .left li.tel {
	background: url(/img/common/tg/icon_tel.gif) no-repeat 0 3px;
	padding-left: 23px;
}
/* -----------------------------------------------
detail button
----------------------------------------------- */
#map .balloon .footer .detail {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
}
#map .balloon .footer .detail a {
	display: inline-block;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	color: #ffffff;
	text-align: center;
	line-height: 100%;
	background-color: #90ac1a;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	border-radius: 3px;
	margin-bottom: 5px;
	padding: 10px 22px 6px 22px;
}
#map .balloon .footer .detail a:hover {
	background-color: #ffcc00;
}