@charset 'utf-8';
/* CSS Document */
/* =========================================================
map
========================================================= */
.qrWrapper {
	position: relative;
}
#mapBox {
	background: none repeat scroll 0 0 #b9bdc2;
	border: 1px solid #b9bdc2;
	height: 428px;
	width: 758px;
}
div#mapCanvas {
	display: block;
	height: 428px;
	width: 758px;
}
.mapRoot {
	margin: 10px auto 0;
}
.boxRoot {
	background-color: #f6f6f6;
	border: 1px solid #b9bdc2;
	clear: both;
	height: auto;
	margin: 10px 0;
	overflow: hidden;
	width: 758px;
}
.boxRoot img {
	border: 2px solid #b9bdc2;
	float: left;
	height: 195px;
	margin: 18px 0 18px 18px;
	width: 300px;
	border-radius: 2px;
}
.textBox {
	color: #333333;
	float: left;
	font-size: 14px;
	line-height: 1.2;
	margin: 18px 0 0 18px;
	text-align: left;
	width: 400px;
}
.textBox h4 {
	border-left: 8px solid #e11958;
	font-size: 14px;
	font-weight: bold;
	height: 26px;
	line-height: 29px;
	margin-bottom: 10px;
	text-indent: 8px;
	width: auto;
}
.textBox p {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 1.5em;
}
.textBox span {
	color: #f00;
	font-size: 100%;
}
.qrWrapper span {
	color: #1d1e1f;
}
.qrWrapper p {
	color: #232323;
	font-size: 14px;
	margin: 0 0 10px;
}
.qrWrapper p.attentionRed {
	color: #ff3962;
	font-weight: bold;
}
.qrIcon {
	position: absolute;
	right: -4px;
	top: 0;
}
span.textRed {
	color: #9d9d9d;
	font-weight: bold;
}
/* ----- ルート選択ボタン ----- */
#rootSelect {
	margin: 0 0 20px -1px;
	width: 763px;
}
#rootSelect li {
	background-color: #c17f00;
	border: 1px solid #c17f00;
	border-radius: 2px;
	box-shadow: 0 2px 3px -2px rgba(130, 130, 130, 0.65);
	color: #ffffff;
	cursor: pointer;
	float: left;
	height: 37px;
	line-height: 37px;
	margin: 0 0 0 10px;
	text-align: center;
	width: 250px;
}
#rootSelect li:first-child {
	margin-left: 0;
}
#rootSelect li a {
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#rootSelect li a:hover {
	background-color: #ffffff;
	color: #c17f00;
}
/*ホテルガイドページヘのリンクボタン*/
#rootSelect li.mapHotelLink {
	background-color: #9d9d9d;
	border-color: #9d9d9d;
	float: right;
	margin-left: 0;
	width: 210px;
}
#rootSelect li.mapHotelLink a {
	font-size: 16px;
}
#rootSelect li.mapHotelLink a:hover {
	background-color: #ffffff;
	color: #9d9d9d;
}
/* ----- ホテルガイドはこちらボタン ----- */
.mapBtnBox {
	margin: 10px 0 0;
}
.mapBtn {
	color: #9d9d9d;
	font-size: 12px;
	line-height: 34px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	width: 220px;
	height: 34px;
	float: right;
	background: url('/img/map/btn_goTo_map_hotel.png') no-repeat;
}
.mapBtn:hover {
	background-position: 0 bottom;
}
.mapBtn a {
	color: #232323;
	display: block;
	height: 100%;
	text-decoration: none;
	width: 100%;
}
/* ----- トップへ戻るボタン ----- */
.returnMap {
	margin: 0 auto;
	width: 332px;
	height: 34px;
	font-family:'メイリオ', Meiryo, sans-serif;
	color: #232323;
	font-size: 12px;
	line-height: 34px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	background: url('/img/map/bnt_returnMap.png') no-repeat;
}
.returnMap:hover {
	background-position: 0 bottom;
}
/* ----- 情報ウィンドウ ----- */
.infoWindowWrap {
	overflow: hidden;
	text-align: center;
	width: 250px;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', sans-serif;
	line-height: 1.3;
}
.infoWindowTitle {
	font-size: 14px;
	font-weight: bold;
}
.infoWindowText {
	font-size: 12px;
}
.infoWindowWrap hr {
	margin:6px 0;
}
/* =========================================================
 ホテルマップページ
========================================================= */
.iconBox {
	float: left;
	font-size: 13px;
	margin-right: 20px;
	margin-top: 10px;
}
.iconBox > span {
	padding-left: 7px;
}
.iconBox.rentalRoom {
	border-left: 13px solid #ffd700;
}
.iconBox.loveHotel {
	border-left: 13px solid #ffa8db;
}
.iconBox.businessHotel {
	border-left: 13px solid #86c2ff;
	margin-left: -1px;
}
.map_hotel_table {
	background-color: #ffffff;
	border: 1px solid #999;
	border-collapse: collapse;
	color: #515151;
	margin-left: -1px;
	margin-top: 12px;
	width: 763px;
}
.map_hotel_table td {
	vertical-align: middle;
	font-size: 12px;
	padding: 5px 5px;
	border-right: 1px solid #b9bdc2;
	border-top: 1px solid #b9bdc2;
	line-height: 17px;
	color:#000000;
}
.rentalRoom .no {
	background-color:#ffd700;
}
.loveHotel .no {
	background-color:#ffa8db;
}
.businessHotel .no {
	background-color:#86c2ff;
}
.title {
	height: 33px;
}
.title td {
	text-align: center;
	color:#333333;
	background-color: #fffdeb;
	border-right: 1px solid #b9bdc2;
	border-top: none;
	font-weight: bold;
}
td.no {
	width:30px;
	text-align: center;
}
td.name {
	width: 208px;
}
td.address {
	width: 150px;
}
td.fee {
	width: 140px;
}
.title td.type,
td.type {
	border-right: medium none;
}
.gm-style-iw div div {
	overflow:hidden;
	padding: 5px;
}
/* =========================================================
 印刷
========================================================= */
@media print {
#conteiner {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	background-image: none;
}
#mapPriButton {
	display: none;
}
#pagewidth {
	display: none;
}
#rightcol {
	width: 100%;
	float: none;
}
#boxPlint #mapBox #map_canvas {
	width: 100%;
}
#header,
.box_text,
#info_flash,
#pass_box,
#reader_box,
.return_top,
.text_red,
.map_reset,
footer,
#copyright,
#leftContents,
#box_flash div h3.under_txt_title,
#box_flash div p.under_txt,
.supplementary,
.supplementaryBottom,
.textNotes,
.hotelGuide,
#rootSelect,
.returnMap,
.supplementBlock {
	display: none;
}
h3 {
	clear: both;
}
#content_right.supplementaryOutbox {
	min-height: 0;
}
div#mapTitle,
h3#mapTitle,
#mapReset,
#prev_top {
	display: none;
}
#map01 {
	display: block;
	margin: 0 auto;
	width: 722px;
}
#map01 h3 {
	display: block;
	margin: 0 auto;
	width: auto;
	color: #000;
}
#mapBottom {
	height: auto;
}
#mapBox {
	height: 450px;
}
div#mapCanvas {
	height: 380px;
}
.boxRoot {
	clear: none;
	float: left;
	margin: 5px 4px;
	width: 350px;
}
.boxRoot img {
	margin: 9px;
	width: 329px;
}
.textBox {
	clear: both;
	float: none;
	height: 60px;
	margin: 9px;
	width: auto;
}
}