@charset "UTF-8";

#stay {
	margin-bottom: 70px;
}
#stay #stay-list {
	width: 936px;
	margin: 0px auto;
}
#stay #stay-list li {
	float: left;
	width: 288px;
	margin-right: 36px;
	margin-bottom: 36px;
}
#stay #stay-list li:nth-child(3n) {
	margin-right: 0px;
}
#stay #stay-list li div {
	height: 83px;
	background: url(http://www.atsushio-spa.com/images/index/back-stay-name.gif) center top no-repeat;
}
#stay #stay-list li div h4 {
	background: none;
	padding: 26px 0px 0px 114px;
	text-align: left;
	font-size: 24px;
}
#stay #stay-list li div:last-child {
	height: 200px;
	background: url(../../../images/inn/back-stay-name.gif) center bottom no-repeat;
	margin-top: -2px;
}
#stay #stay-list li div:last-child p {
	padding: 20px 12px;
	font-size: 13px;
	text-align: left;
}
#stay #stay-list li div:last-child a {
	display: block;
	width: 264px;
	height: 36px;
	background: url(http://www.atsushio-spa.com/language/thai/images/index/stay-link.png) center bottom no-repeat;
	margin: 0px auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#stay #stay-list li div:last-child a:hover {
	opacity: 0.8;
}

#stay #other-info {
	width: 945px;
	margin: 0px auto 36px auto;
	text-align: left;
}
#stay #other-info h5 {
	height: 27px;
	margin: 0px 0px 36px 0px;
	padding: 19px 0px 0px 82px;
	background: url(../images/stay-midashi.png) left top no-repeat;
	font-size: 28px;
}
#stay #other-info table {
	width: 100%;
	background: url(../images/inn/back-info.gif) left top;
	border: 1px solid #D8AF8F;
	border-collapse: collapse;
}
#stay #other-info table th,
#stay #other-info table td {
	padding: 5px 10px;
	border: 1px solid #D8AF8F;
	line-height: 150%;
}
#stay #other-info table th {
	font-weight: bold;
}
#stay #other-info table td {
	background-color: rgba(255,255,255,0.5);
}


@media screen and (max-width: 480px) {
	#stay #stay-list {
		width: 100%;
	}
	#stay #stay-list li {
		float: none;
		margin: 0px auto 36px auto;
	}
	#stay #stay-list li:nth-child(3n) {
		margin-right: auto;
	}

	#stay #other-info {
		width: 100%;
	}
	#stay #other-info table {
		white-space: nowrap;
	}
	#stay #other-info div {
		overflow-x: scroll;
	}

}