@charset "utf-8";

/* town start */

div#townheader{
	width: 546px;
	text-align: left
}

div#townheader h1{
	font-size: 1em;
	color: #333333;
	font-weight: normal;
}

div#townheader h2{
	font-size: 2em; 
	color: #333333;
	font-weight: normal;
	text-align: center;
	margin-top: 20px;
	border: none;
}

div#reservationbox{
	width: 550px;
	background: #EFF2F3;
	padding: 0;
	margin: 0;
}

div#reservationbox table,tr,td{
	border: none;
}

div#reservationbox caption{
	text-align: center;
	font-size: 120%;
	color: #6699CC;
	border-bottom: double 3px #cccccc;
	font-weight: bold;
	background: #fff;
	padding: 5px;
	margin: 0 auto;
}

div#reservationbox p{
	text-align: right;
	line-height: 35px;
	padding-right: 10px;
}

div#reservationbox p img{
	height: 35px;
	vertical-align: middle;
}

table#telinfoarea{
	width: 550px;
	background: #ffffff;
	padding: 10px 0;
	margin: 0 auto 30px auto;
	border: 2px #EFF2F3 solid;
	voice-family: "\"}\"";
    voice-family:inherit;
	width: 546px;
}

table#telinfoarea td{
	margin: 0;
	padding: 0;
}

table#telinfoarea td.w250{
	width: 250px;
	height: 167px;
}

div#illustbox{
	width: 530px;
	margin: 20px 0;
}

div#illustbox img{
	float: left;
}

div#voicearea{
	width: 550px;
	padding: 20px 0;
	margin: 0;
}

div#voicearea h4{
	margin-bottom: 10px;
}

div#voicearea table{
	border: solid 1px #cccccc;
	margin-bottom: 10px;
	margin: 0;
	padding: 0;
}

.voice{
	width: 70%;
}

div#pcinfo{
	width: 180px;
	background: #fff;
	margin: 0 10px 0 0;
	padding: 0;
	float: right;
	voice-family: "\"}\"";
    voice-family:inherit;
	width: 200px;
}


div#pcinfo table{
	width: 180px;
	margin: 0;
	padding: 5px 0 0 0;
}

div#pcinfo td{
	text-align: left;
	padding: 10px;
}

table#illustflow{
	width: 550px;
	clear: both;
	margin: 20px auto;
}

table#illustflow td{
	padding: 1px;
}


/* town end */
/* info start */

#customer{
	width: 526px;
	border-top: #ccc solid 1px;
	border-right: #ccc solid 1px;
	border-left: none;
}

#customer input,textarea,select{
	background-color: #fff;
	border: #999 solid 1px;
	padding: 1px;
}

#customer td{
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-right: none;
	border-left: none;
	text-align: left;
	padding-left: 10px;
}

#customer th{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 6px solid #ccc;
	border-right: none;
	background: #f3f3f3;
	padding: 10px;
	width: 30%;
}

.search{
 	font-size: 100%;
 	line-height:150%;
	width: 546px; 
	border: 1px solid #ccc;
	padding: 10px;
	voice-family: "\"}\"";
    voice-family:inherit;
    width: 524px;
}

.search ul{
 	line-height:100%;
 	margin: 30px;
 	padding: 0;
 	list-style-type:none;
}

.search li{
 	line-height:100%;
 	font-size: 90%;
 	margin: 0px;
 	padding: 5px 15px 5px 0;
 	width: 30%;
 	float: left;
 	text-align: left;
}


.search li .ruby{
	font-size: 1em;
	line-height: 200%;
}

.search li a{
	font-size: 1.2em;
}

.search h2{
	display: block;
	width: 524px;
	line-height: 15px;
	font-size: 1.2em;
	border-bottom: dotted 1px #cccccc;
	text-align: center;
	padding: 10px 0;
}

/****** search clearfix *******/
.search:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

.search{
	display: inline-block;
}

.search{
	display: block;
}

/* exlude MacIE5 \*/
* html search {
	height: 1%
}
.search{
	display:block;
}
/* end MacIE5 */
/****** search clearfix end *******/


/****** clearfix *******/
.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

.clearfix{
	display: inline-block;
}

.clearfix{
	display: block;
}

/* exlude MacIE5 \*/
* html clearfix {
	height: 1%
}
.clearfix{
	display:block;
}
/* end MacIE5 */
/****** clearfix end *******/


/****** form *******/

table#customer{
	margin-bottom: 0;
}

table#customer th span{
	color: #e83929;
	margin-left: 5px;
	font-size: 0.8em;
}

table#customer td span{
	font-size: 0.8em;
}

table#customer td span.sample{
	display: block;
	font-size: 1em;
	padding-bottom: 5px;
	color:#69821b;
}


form p{
	font-size: 0.9em;
	text-align: left;
	padding-left: 20px;
}

h2#contacth2{
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 10px;
	color: #f08300;
	font-size: 1.8em;
}

p#guide{
	font-size: 1em;
	text-align: center;
	padding: 0 0 0 20px;
	margin: 5px 0 0 0;
	color: #888888;
	letter-spacing: 0.2em;
}

p#guide span{
	color: #808080;
}