@charset "utf-8";

* {
	box-sizing							: border-box;
}
html,body {
	height								: 100%;
}
body {
	font-size							: 13px;
	*font-size							: small;
	*font								: x-small;
	text-align							: center;
	margin								: 0;
	padding								: 0;
}
h1,
h2,
h3 {
	font-weight							: normal;
	margin								: 0;
	padding								: 0;
}
a:link,
a:hover,
a:visited,
a:active {
	color								: #333;
	text-decoration						: none;
}
a:hover {
	text-decoration						: underline;
}
.attent {
	font-size							: 85%;
}

/*フロート解除*/
.clearfix:before,
.clearfix:after {
	content								: " ";
	display								: table;
}
.clearfix:after {
	clear								: both;
}
.clearfix {
	*zoom								: 1;
}

/*
 共通
----------------------------------------------------------------------*/

#container {
	width								: 100%;
	height								: auto !important;	/* IE6対策 */
	height								: 100%;				/* IE6対策 */
	min-height							: 100%;
	background-color					: #FFF;
	position							: relative;
}

#contents {
	padding-bottom						: 40px;				/* フッターの高さと同じ */
}
#footer {
	height								: 40px;
	position							: absolute;
	bottom								: 0;
}

/*
 ヘッダー
----------------------------------------------------------------------*/

header#header {
	width								: 100%;
	padding								: 10px 0 10px 10px;
	background-color					: #FC9794;
	display								: table;
}
header#header h1 {
	width								: 370px;
	height								: 80px;
	background-image					: url( "../image/wp/headLogo_sprites.png" ) !important;
	background-position					: 0 0;
	display								: table-cell;
}
header#header h1 span {
	display								: none;
}
header#header span {
	text-align							: right;
	vertical-align						: bottom;
	padding-right						: 15px;
	display								: table-cell;
}
header#header span a {
	color								: #333;
	font-weight							: bold;
	height								: 23px;
	display								: inline-block;
}
header#header span a:hover {
	color								: #c07373;
	text-decoration						: underline;
}
header#header span a:before {
	content								: url( "../image/pdf_icon.png" );
	padding-right						: 4px;
	padding-bottom						: 0;
	position							: relative;
	top									: 6px;
}

/*
 検索エリア
----------------------------------------------------------------------*/

form#frm_map_search {
	width								: auto;
	padding								: 1.0em;
	margin								: 1em auto .5em;
	-webkit-border-radius				: 3px !important;
	-moz-border-radius					: 3px !important;
	border-radius						: 3px !important;
	-webkit-box-shadow					: rgba( 113, 135, 164, 0.4 ) 0px 0px 2px 2px;
	-moz-box-shadow						: rgba( 113, 135, 164, 0.4 ) 0px 0px 2px 2px;
	box-shadow							: rgba( 113, 135, 164, 0.4 ) 0px 0px 2px 2px;
	background-color					: #FFF;
	display								: inline-block;
}

form#frm_map_search input#map-search {
	width								: 360px !important;
	height								: 2.8em;
	margin								: 0 10px 0 0;
	float								: left;
	background-position					: -730px 3px;
	display								: inline-block;
}
form#frm_map_search input#btn_map_search {
	width								: 63px !important;
	height								: 2.4em !important;
	margin								: 0;
	float								: none;
	-webkit-border-radius				: 3px !important;
	-moz-border-radius					: 3px !important;
	border-radius						: 3px !important;
	background-color					: #666;
	background-position					: -635px -45px;
	display								: inline-block;
}

/* 例 */
.example {
	color								: #999;
	margin-bottom						: .7em;
}
.example_wifi {
	color								: #333;
	text-align							: right;
	width								: 95%;
	margin								: 0 auto .3em;
}
.example_wifi > span:before {
	content								: url( "../image/wifi_icon_s.png" );
	padding-right						: 2px;
	padding-bottom						: 0;
	position							: relative;
	top									: 4px;
}

/*
 検索結果テーブル
----------------------------------------------------------------------*/

table#result_table {
	font-size							: 100%;
	width								: 95%;
	margin								: 0 auto 1em;
	border								: 1px solid #AAA;
	-webkit-border-radius				: 5px;
	-moz-border-radius					: 5px;
	border-radius						: 5px;
	border-collapse						: separate;
	border-spacing						: 0;
}

table#result_table col.building {
	width								: 30%;
}
table#result_table col.floor {
	width								: 8%;
}
table#result_table col.room_disp_name {
	width								: 54%;
}
table#result_table col.wifi {
	width								: 8%;
}

table#result_table thead th {
	color								: #FFF;
	font-size							: 120%;
	white-space							: nowrap;
	padding								: .4em;
	border-left							: 1px solid #AAA;
	background-color					: #1FB8DF;
}
table#result_table thead th:first-child {
	border-left							: none;
}
table#result_table tbody tr.odd {
	background-color					: #ecfcfe;
}
table#result_table tbody tr.highlight:hover {
	cursor								: pointer;
	-o-transition						: all 0.3s ease-in-out;
	-webkit-transition					: all 0.3s ease-in-out;
	-moz-transition						: all 0.3s ease-in-out;
	-ms-transition						: all 0.3s ease-in-out;
	transition							: all 0.3s ease-in-out;
	background							: #bbeaf5;
}
table#result_table tbody td {
	text-align							: left;
	padding								: .4em;
	border-left							: 1px solid #AAA;
	border-top							: 1px solid #AAA;
}
table#result_table tbody td.nowrap {
	white-space							: nowrap;
}
table#result_table tbody td.num {
	text-align							: right;
}
table#result_table tbody td.wifi {
	text-align							: center;
}
table#result_table tbody td.empty {
	font-size							: 150%;
	color								: red;
	text-align							: center;
	padding								: 2em;
}
table#result_table tbody td.error {
	font-size							: 150%;
	color								: red;
	text-align							: left;
	padding								: 1em 2em;
}
table#result_table tbody td:first-child {
	border-left							: none;
}

table#result_table tbody td.wifi img {
	width								: 50%;
}
table#result_table tbody td a {
	color								: #1FB8DF !important;
	font-size							: 110%;
	font-weight							: bold;
}
table#result_table tbody td strong {
	font-size							: 120%;
	font-weight							: normal;
}
table#result_table tbody td ul {
	padding								: 0 0 0 1em;
	margin								: 0;
}
table#result_table tbody td ul > li {
	padding								: 0;
	margin								: 0 0 .5em 0;
}

/*
 タイトルエリア
----------------------------------------------------------------------*/

div#title {
	width								: 95%;
	height								: 32px;
	margin								: 15px auto;
	display								: table;
}

/* 部屋名称 */
h2#room {
	text-align							: left;
	vertical-align						: middle;
	display								: table-cell;
}

/* 一覧へ戻るボタン */
#detail form#frm_map_detail {
	text-align							: right;
	width								: 200px;
	padding								: 0;
	margin								: 1em auto 1.5em;
	-webkit-border-radius				: 0 !important;
	-moz-border-radius					: 0 !important;
	border-radius						: 0 !important;
	-webkit-box-shadow					: none;
	-moz-box-shadow						: none;
	box-shadow							: none;
	background-color					: #FFF;
	display								: table-cell;
}
#detail form#frm_map_detail input#btn_map_return {
	width								: 62px !important;
	height								: 2.3em !important;
	margin								: 0;
	float								: none;
	-webkit-border-radius				: 3px !important;
	-moz-border-radius					: 3px !important;
	border-radius						: 3px !important;
	background-color					: #999;
	background-position					: -760px -64px;
	display								: none;
}

/*
 マップエリア
----------------------------------------------------------------------*/

div#map_area {
	width								: 95%;
	width								: 720px\9;
	height								: 420px;
	margin								: 0 auto 1em;
	overflow							: hidden;
	border								: 1px solid #AAA;
	-webkit-border-radius				: 5px;
	-moz-border-radius					: 5px;
	border-radius						: 5px;
	background-color					: #FFF;
	position							: relative;
	zoom								: 1;
}
div#map_area img {
	position							: absolute;
	top									: 0;
	left								: 0;
	z-index								: 0;
	zoom								: 1;
}

/* マーカー */
div.marker {
	width								: 20px;
	height								: 40px;
	position							: absolute;
	top									: 0;
	left								: 0;
	z-index								: 1;
}
div.marker.r {
	background-image					: url( "../image/marker_red.png" );
}
div.marker.b {
	background-image					: url( "../image/marker_blue.png" );
}
div.marker.y {
	background-image					: url( "../image/marker_yellow.png" );
}
div.marker.g {
	background-image					: url( "../image/marker_green.png" );
}
div.marker.o {
	background-image					: url( "../image/marker_orange.png" );
}

/* 拡大縮小ボタン */
#scale_button {
	width								: 95%;
	margin								: 0 auto;
	position							: relative;
}
#scale_button button {
	color								: #333;
	font-size							: 25px;
	font-weight							: bold;
	line-height							: 40px;
	text-align							: center;
	width								: 40px;
	height								: 40px;
	padding								: 1px 8px 1px 6px\9;
	border								: 1px solid #AAA;
	background-color					: #FFF;
	display								: block;
	position							: absolute;
	right								: 7px;
	z-index								: 3;
}
#scale_button button.disable {
	color								: #666;
	cursor								: default;
	background-color					: #DDD;
}
#scale_button button:not(.disable):hover {
	-o-transition						: all 0.3s ease-in-out;
	-webkit-transition					: all 0.3s ease-in-out;
	-moz-transition						: all 0.3s ease-in-out;
	-ms-transition						: all 0.3s ease-in-out;
	transition							: all 0.3s ease-in-out;
	background							: #ffe9e8;
}
#scale_button button#plus {
	-webkit-border-top-left-radius		: 5px;
	-moz-border-top-left-radius			: 5px;
	border-top-left-radius				: 5px;
	-webkit-border-top-right-radius		: 5px;
	-moz-border-top-right-radius		: 5px;
	border-top-right-radius				: 5px;
	top									: -99px;
}
#scale_button button#minus {
	-webkit-border-bottom-left-radius	: 5px;
	-moz-border-bottom-left-radius		: 5px;
	border-bottom-left-radius			: 5px;
	-webkit-border-bottom-right-radius	: 5px;
	-moz-border-bottom-right-radius		: 5px;
	border-bottom-right-radius			: 5px;
	top									: -60px;
}
#scale_button #button_shadow {
	width								: 40px;
	height								: 79px;
	-webkit-border-radius				: 5px;
	-moz-border-radius					: 5px;
	border-radius						: 5px;
	box-shadow							: rgba(50, 50, 51, 0.5) 0px 0px 6px 3px;
	-webkit-box-shadow					: rgba(50, 50, 51, 0.5) 0px 0px 6px 3px;
	-moz-box-shadow						: rgba(50, 50, 51, 0.5) 0px 0px 6px 3px;
	position							: absolute;
	right								: 7px;
	top									: -99px;
	z-index								: 2;
}

/* ツールチップ */
div.tooltip {
	font-size							: 12px;
	font-weigth							: bold;
	color								: #fff;
	line-height							: 12px;
	width								: auto;
	height								: 22px;
	padding								: 5px 13px 5px 10px;
	-webkit-border-radius				: 5px;
	-moz-border-radius					: 5px;
	border-radius						: 5px;
	background							: #333;
	box-shadow							: rgba(50, 50, 51, 0.5) 0px 0px 6px 3px;
	-webkit-box-shadow					: rgba(50, 50, 51, 0.5) 0px 0px 6px 3px;
	-moz-box-shadow						: rgba(50, 50, 51, 0.5) 0px 0px 6px 3px;
	opacity								: 0.8;
	filter								: alpha(  opacity=80 );		/* ie lt 8 */
	-ms-filter							: "alpha( opacity=80 )";	/* ie 8 */
	-moz-opacity						: 0.8;						/* FF lt 1.5, Netscape */
	-khtml-opacity						: 0.8;						/* Safari 1.x */
	position							: absolute;
	display								: none;
	z-index								: 4;
}
div.tooltip:before {
	content								: "";
	border-top							: 10px solid #333;
	border-right						: 3px solid transparent;
	border-bottom						: 8px solid transparent;
	border-left							: 8px solid transparent;
	position							: absolute;
	left								: 1px;
	bottom								: -15px;
}
div.tooltip .building {
	white-space							: nowrap;
}

/* tosrus画像格納場所 */
div#gallery {
	display								: none;
}

/* tosrus */
.tos-desktop .tos-wrapper.img-border img {
	padding								: 10px;
	background							: none repeat scroll 0 0 #ffffff;
}
/* tosrus IE8対応 */
.tos-prev span,
.tos-next span,
.tos-close span:before,
.tos-close span:after {
	-webkit-transform					: none;
	-moz-transform						: none;
	-ms-transform						: none;
	-o-transform						: none;
	transform							: none;
}

.tos-close span:before,
.tos-close span:after {}

.tos-prev span,
.tos-close span:before {
	border-bottom						: none;
	border-left							: none;
}

.tos-next span,
.tos-close span:after {
	border-top							: none;
	border-right						: none;
}
.tos-close span {
	width								: 14px;
	height								: 40px;
	background							: url( "../image/close.png" ) no-repeat 50% 50%;
	display								: inline-block;
}
.tos-next span {
	height								: 21px;
	background							: url( "../image/arrow_right.png" ) 50% 50%;
	top									: 43%;
}
.tos-prev span {
	height								: 21px;
	background							: url( "../image/arrow_left.png" ) 50% 50%;
	top									: 43%;
}

/*----------------------------------------------------------------------
css アニメーション 
----------------------------------------------------------------------*/
.animated01 {
	-webkit-animation-duration			: 1s;
	animation-duration					: 1.2s;
	aaa-webkit-animation-iteration-count	: infinite;
	aaaanimation-iteration-count			: infinite;
	-webkit-animation-fill-mode			: both;
	animation-fill-mode					: both;
	-webkit-transition-delay			: 2s;
	transition-delay					: 2s;
}
@-webkit-keyframes tada {
	0% {
		-webkit-transform				: scale(1);
	}
	10%, 20% {
		-webkit-transform				: scale(0.9);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform				: scale(1.4);
	}
	40%, 60%, 80% {
		-webkit-transform				: scale(0.9);
	}
	100% {
		-webkit-transform				: scale(1);
	}
}
@keyframes tada {
	0% {
		transform						: scale(1);
	}
	10%, 20% {
		transform						: scale(0.9);
	}
	30%, 50%, 70%, 90% {
		transform						: scale(1.4);
	}
	40%, 60%, 80% {
		transform						: scale(0.9);
	}
	100% {
		transform						: scale(1);
	}
}
.tada {
	-webkit-animation-name				: tada;
	animation-name						: tada;
}

/*
 フッター
----------------------------------------------------------------------*/
footer#footer {
	width								: 100%;
	border-top							: 10px solid #fc9794;
	background-color					: #fdb6b4;
}
footer#footer span {
	font-size							: 90%;
	line-height							: 30px;
	height								: 30px;
	display								: inline-block;
}