
.priceimage {
	width: 100%;
}

.inner table {
	width: 100%;
	margin: 10px auto;
}

.inner table th,
.inner table td {
	padding: 2px;
	background-color: #dedede;
	border: 2px solid #fff;
}

.inner table th {
	color: #fff;
	background-color: #888;
}

.inner table th span {
	font-size: 0.9em;
	display: block;
}

.inner table td {
	font-size: 0.8em;
	text-align: center;
	vertical-align: middle;
}

.inner table td span.off {
	color: #c1015e;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 110%;
	display: block;
	margin: 2px 0 0 0;
}

.inner table td span.off span {
	display: block;
}

.inner table th.title {
	font-size: 1.2em;
	color: #fff;
	padding: 14px 10px;
	background-color: #c1015e;
}

.inner table th.type {
	font-weight: bold;
	text-align: center;
}

.inner table td.room {
	font-size: .8em;
	text-align: left;
}

#member h3 {
	font-size: 0.9em;
}

#member h3 span {
	font-size: 1.2em;
}

#member h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #99882e;
	padding: 5px 0;
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #99882e;
}

#member h5 {
	color: #006699;
}

#member span {
	color: #c1015e;
}

#member strong {
	color: #c1015e;
	font-weight: bold;
}

#member img {
	width: 280px;
	margin: 10px auto;
	display: block;
}

#member ul {
	font-weight: bold;
	margin: 0 0 0 .2em;
}
#member ul li {
	margin: 10px 0;
}
#member ul li::before {
	content: "*";
	color: #c1015e;
}
#member ul li span {
	color: #fff;
	font-size: 14px;
	padding: 2px 10px;
	margin: 0 .5em;
	background-color: #99882e;
}
#member ul li span.ruby {
	margin: 0 .5em 0 1.5em;
}

#member ol {
	list-style-type: square;
	margin: 0 0 0 2em;
}

@media screen and (min-width: 700px) {

	.inner table th,
	.inner table td {
		width: 16.6666%;
		padding: 10px;
		border: 3px solid #fff;
	}

	.inner table td {
		font-size: 1.0em;
	}

	.inner table td span.off {
		font-size: .8em;
		margin: 5px 0 0 0;
	}

	.inner table td span.off span {
		font-size: 1.2em;
	}
	.inner table td span.off span::before {
		content: "→";
	}

	.inner .menu {
		overflow: hidden;
	}

	.inner .menu:after {
		display: block;
		clear: both;
		height: 0px;
		visibility: hidden;
		content: ".";
	}

	.inner p {
		font-size: 14px;
		margin: 10px auto;
	}

	#member section {
		overflow: hidden;
	}

	#member section {
		width: 50%;
		float: left;
	}

	#member h3 {
		font-size: 1.2em;
	}

	#member h3 span {
		font-size: 1.2em;
	}

	#member div {
		margin-left: 200px;
	}

	#member img {
		float: left;
		width: 180px;
		margin: 0 20px 0 0;
	}

}

@media screen and (min-width: 1000px) {


}

