@charset "UTF-8";
/*
 * /guestrooms/css/style.css
 *
 */

/* indexTable01
---------------------------------------------------------- */
.indexTable01 {
	margin-top: 20px;
}
	.indexTablePrice01 {
		width: 100%;
	}
	.indexTablePrice01 th,
	.indexTablePrice01 td {
		text-align: center;
		vertical-align: middle;
		padding: 14px 5px;
	}
	.indexTablePrice01 th {
		background-color: #ed7100;
		border-right: 1px solid #cbcac8;
		border-top: 1px solid #535049;
		border-bottom: 1px solid #535049;
		color: #fff;
		font-size: 115%;		
	}
	.indexTablePrice01 td.indexTableTxt01 {
		border-right: 1px solid #cbcac8;
		border-top: 1px solid #535049;
		border-bottom: 1px solid #535049;
		color: #48281b;
		font-size: 115%;
		font-weight: bold;
		width: 34%;
	}
	.indexTablePrice01 td.indexTableTxt02 {
		border-right: 1px dotted #cbcac8;
		border-top: 1px solid #535049;
		border-bottom: 1px solid #535049;
		color: #48281b;
		font-size: 86%;
		width: 8%;
	}
	.indexTablePrice01 td.indexTableTxt03 {
		border-top: 1px solid #535049;
		border-bottom: 1px solid #535049;
		color: #ed7100;
		font-size: 129%;
		font-weight: bold;
		width: 34%;
	}
		.indexTablePrice01 td.indexTableTxt03 span {
			color: #48281b;
			font-weight: normal;
		}
	
.indexTableTxt04 {
	margin-top: 10px;
}

/* indexTable01Info */
.indexTable01Info {
	margin-top: 8px;
}
	.indexTableTxt05 {
		float: left;
		width: 315px;
	}
	.indexTable02 {
		float: right;
		width: 315px;
	}
		.indexTable02 table {
			width: 100%;
			border-top: 1px solid #535049;
			border-left: 1px solid #535049;
		}
			.indexTable02 table td {
				border-bottom: 1px solid #535049;
				border-right: 1px solid #535049;
				text-align: center;
				vertical-align: middle;
				padding: 4px 0 2px;
			}

.indexTable02Txt01 {
	background-color: #ed7100;
	color: #fff;
}
.indexTable02Txt02 {
	background-color: #fff3e6;
	color: #48281b;
}
.indexTable02Txt03 {
	color: #ed7100;
}

/* indexCreditCard */
.indexCreditCard {
	margin-top: 10px;
}
	.indexCreditCard li {
		float: left;
		width: 302px;
	}



/* ! under 640px (SP only)
========================================================== */
@media(max-width: 640px) {

/* indexTable01
---------------------------------------------------------- */
.indexTable01 {
	margin-top: 10px;
}
	.indexTablePrice01 th {
		text-align: center;
		padding: 7px;
		background-color: #ed7100;
		border-top: none;
		border-right: none;
		border-bottom: none;
		color: #fff;
		font-size: 115%;
	}
	.indexTablePrice01 td {
		text-align: left;
		padding: 7px 0;
		display: block;
	}
	.indexTablePrice01 td.indexTableTxt01 {
		border-right: none;
		border-bottom: none;
		color: #48281b;
		font-size: 100%;	
		width: 100%;
	}
	.indexTablePrice01 td.indexTableTxt02 {
		border-right: none;
		border-bottom: none;
		color: #48281b;
		font-size: 100%;
		width: 100%;
	}
	.indexTablePrice01 td.indexTableTxt03 {
		color: #ed7100;
		font-size: 100%;
		font-weight: bold;
		width: 100%;
	}
		.indexTablePrice01 td.indexTableTxt03 span {
			color: #48281b;
			font-weight: normal;
		}
			.indexTablePrice01 td.indexTableTxt01 p,
			.indexTablePrice01 td.indexTableTxt02 p,
			.indexTablePrice01 td.indexTableTxt03 p {
				padding-left: 15px;
			}

/* indexTable01Info */
	.indexTableTxt05 {
		float: none;
		width: auto;
	}
	.indexTable02 {
		float: none;
		width: auto;
		margin-top: 5px;
	}

/* indexCreditCard */
.indexCreditCard {
	margin-top: 10px;
}
	.indexCreditCard li {
		float: none;
		width: auto;
	}
		.indexCreditCard li img {
			width: 100%;
			height: auto;
		}

}


