@charset "UTF-8";
/*
 * /facilities/css/style.css
 *
 */

/* indexFacilitySec01
---------------------------------------------------------- */
.indexFacilitySec01 {
	margin-top: 10px;
}
	.indexFacilityImgL {
		float: left;
		width: 430px;
	}
	.indexFacilityImgR {
		float: right;
		width: 208px;
	}
		.indexFacilityImgL figcaption,
		.indexFacilityImgR figcaption {
			font-size: 86%;
			margin-top: 3px;
		}

/* indexFacilitySec02 */
.indexFacilitySec02 {
	margin-top: 15px;
}
	.indexFacilityFloorL {
		float: left;
		width: 315px;
	}
	.indexFacilityFloorR {
		float: right;
		width: 315px;
	}

.indexFacilityFloortit01 {
	background: rgb(253,245,235); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZjVlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGUxYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgb(253,245,235) 0%, rgb(240,225,201) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(253,245,235)), color-stop(100%,rgb(240,225,201))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(253,245,235) 0%,rgb(240,225,201) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(253,245,235) 0%,rgb(240,225,201) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgb(253,245,235) 0%,rgb(240,225,201) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgb(253,245,235) 0%,rgb(240,225,201) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf5eb', endColorstr='#f0e1c9',GradientType=0 ); /* IE6-8 */
	font-size: 129%;
	color: #846a53;
	padding: 6px 18px 4px;
	line-height: 1.3;
	margin-bottom: 10px;
}
.indexFacilityFloorImgL {
	float: left;
	width: 154px;
}
.indexFacilityFloorImgR {
	float: right;
	width: 150px;
}

/* indexFacilityFloorBtn01 */
.indexFacilityFloorBtn01 {
	margin-top: 8px;
}

/* indexFacilitySec03 */
.indexFacilitySec03 {
	text-align: center;
	margin-top: 30px;
}


/* ! over 641px (PC only)
========================================================== */
@media(min-width: 641px) {
/* indexFacilityFloorBtn01 */
.indexFacilityFloorBtn01 a img {
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;
}	
	.indexFacilityFloorBtn01 a:hover img {
		filter:alpha(opacity=80); 
		-moz-opacity: 0.8; 
		opacity: 0.8;
	}	

}



/* ! under 640px (SP only)
========================================================== */
@media(max-width: 640px) {

/* indexFacilitySec01
---------------------------------------------------------- */
.indexFacilityImgL {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
	.indexFacilityImgR {
		float: none;
		width: auto;
		text-align: center;
	}
		.indexFacilityImgL figcaption,
		.indexFacilityImgR figcaption {
			font-size: 84%;
			margin-top: 3px;
		}
			.indexFacilityImgL img {
				width: 100%;
				height: auto;
			}
			.indexFacilityImgR img {
				width: 50%;
				height: auto;
			}

/* indexFacilitySec02 */
.indexFacilitySec02 {
	margin-top: 15px;
}
	.indexFacilityFloorL {
		float: none;
		width: auto;
	}
	.indexFacilityFloorR {
		float: none;
		width: auto;
		margin-top: 10px;
	}

.indexFacilityFloortit01 {
	font-size: 100%;
	padding: 6px 18px 4px;
	margin-bottom: 10px;
}
.indexFacilityFloorImgL {
	float: left;
	width: 50%;
}
.indexFacilityFloorImgR {
	float: right;
	width: 48%;	
}
	.indexFacilityFloorImgL img,
	.indexFacilityFloorImgR img {
		width: 100%;
		height: auto;
	}

/* indexFacilityFloorBtn01 */
.indexFacilityFloorBtn01 {
	margin-top: 8px;
}

/* indexFacilitySec03 */
.indexFacilitySec03 {
	margin-top: 15px;
}
	.indexFacilitySec03 li img {
		width: 100%;
		height: auto;
	}


}