@charset "utf-8";


/* -------------- 
   reservation/
  ------------ */


/* index.html */

#main.reservation dl.info {
	float: right;
	width: 230px;
	margin: 12px 0 0 0;
	padding: 0 0 10px 0;
	background: url(../reservation/images/info_bg02.gif) no-repeat bottom;
}

#main.reservation dl.info dt.tokyo {
	padding: 10px 10px 0 15px;
	background: url(../reservation/images/info_bg01.gif) no-repeat top;
	color: #004093;
	font-size: 90%;
	line-height: 1.65;
	font-weight: bold;
}

#main.reservation dl.info dt.laOffice {
	padding: 15px 10px 0 15px;
	color: #004093;
	font-size: 90%;
	line-height: 1.65;
	font-weight: bold;
}

#main.reservation dl.info dd {
	padding: 0 10px 0 15px;
	font-size: 78%;
	line-height: 1.65;
}

#main.reservation div.formArea {
	float: left;
	width: 395px;
	margin: 12px 0 0 0;
}

#main.reservation div.formArea div.input {
	padding: 12px 10px 12px 15px;
	background: url(../common/table_line01.gif) repeat-x top #F0F4F9;
	font-size: 78%;
	line-height: 1.2;
}

#main.reservation div.formArea div.input p.date {
	float: left;
	width: 40%;
	margin: 0 5px 0 0;
}

#main.reservation div.formArea div.input p.persons {
	float: left;
	margin: 0 15px 0 0;
}

#main.reservation div.formArea div.input p.nights {
	float: left;
}

#main.reservation div.formArea input.day {
	float: left;
	width: 55%;
	margin: 0 3% 0 0;
	padding: 1px 0 0 3px;
	/padding: 0 0 0 3px;
	border: solid 1px #7F9DB9;
	font-size: 100%;
	line-height: 1.2;
}

#main.reservation div.formArea input.month {
	float: left;
	width: 17%;
	margin: 0 3% 0 0;
	padding: 1px 0 0 3px;
	/padding: 0 0 0 3px;
	border: solid 1px #7F9DB9;
	font-size: 100%;
	line-height: 1.2;
}

#main.reservation div.formArea input.year {
	float: left;
	width: 25%;
	margin: 0 3% 0 0;
	padding: 1px 0 0 3px;
	/padding: 0 0 0 3px;
	/display: inline;
	border: solid 1px #7F9DB9;
	font-size: 100%;
	line-height: 1.2;
}

*+html #main.reservation div.formArea input.day,
*+html #main.reservation div.formArea input.month,
*+html #main.reservation div.formArea input.year {  
	padding: 0 0 2px 3px;
} 


#main.reservation div.formArea select {
	width: 45px;
	border: solid 1px #7F9DB9;
	padding: 1px 0 0 0;
	font-size: 100%;
	line-height: 1.2;
}

#main.reservation div.formArea div.btn {
	padding: 10px 0 7px 0;
	background: url(../common/table_line01.gif) repeat-x top #F0F4F9;
	text-align: center;
}

#main.reservation div.formArea div.confirm {
	padding: 7px 0 0 0;
	background: url(../common/table_line01.gif) repeat-x top;
	text-align: right;
	font-size: 70%;
	line-height: 1.2;
}

#main.reservation p.copy {
	float: left;
	width: 395px;
	margin: 25px 0 0 0;
	font-size: 78%;
	line-height: 1.65;
}

#main.reservation dl.gds {
	float: left;
	width: 395px;
	margin: 20px 0 0 0;
	font-size: 78%;
	line-height: 1.65;
}

#main.reservation dl.gds dt {
	font-weight: bold;
}

#main.reservation dl.gds span.left {
	float: left;
	margin: 0 1em 0 0;
}

#main.reservation dl.gds span.right {
	float: left;
}

#main.reservation div.btnInquiry {
	float: left;
	width: 395px;
	margin: 25px 0 0 0;
}