﻿
.feearea{
	width:60%;
	margin: 0 auto;
}
@media only screen and (max-width:480px){
.feearea{
	width:94%;
}}

.white{
	color:#fff;
}

hr{
	border:none;
	border-top:dotted 1px #b4a387;
	height:1px;
	color:#FFFFFF;
	margin: 0 2 0 2;
}
section table{
	width: 100%;
	font-size:0.9em;
}
section th, section td{
	padding: 6px;
	border: 1px solid #ddd;
}
section th{
	background: #f4f4f4;
	font-weight:normal;
}


.banq01 th{
	width: 20%;
	text-align: left;
}
.banq01 td{
	text-align:left;
}

@media only screen and (max-width:480px){
.banq01{
	margin: 0;
}
.banq01 th,.banq01 td{
	width: 100%;
	display: block;
	border-top: none;
}
.banq01 tr:first-child th{
	border-top: 1px solid #ddd;
}}




.plan01 th{
	width: 100%;
	background:#eee;
	text-align: center;
	border: 1px solid #c5b47f;
}
.plan01 td{
	text-align:center;
	border: 1px solid #c5b47f;
}

@media only screen and (max-width:480px){
.plan01{
	margin: 0;
}
.plan01 th,.plan01 td{
	width: 100%;
	display: block;
	border: 1px solid #c5b47f;
}
.plan01 tr:first-child th{
	border-top: 1px solid #c5b47f;
}}



.course{
	width:70%;
	margin: 0 auto;
}
@media only screen and (max-width:480px){
.course{
	width:94%;
}}


.esthe01 th{
	width: 20%;
	text-align: left;
}
.esthe01 td{
	text-align:left;
}

@media only screen and (max-width:480px){
.esthe01{
	margin: 0;
}
.esthe01 th,.banq01 td{
	width: 100%;
	display: block;
	border-top: none;
}
.esthe01 tr:first-child th{
	border-top: 1px solid #ddd;
}}








