@charset "utf-8";

/* @group common */

div#footer {
  width: 754px;
  clear: both;
  zoom : 1;
  height: 53px;
  background: url(../img/bg_footer_en.gif) no-repeat;
}

/**/



/* @group index */

body.index #mainContents h1 {
  background: url(../e/img/index/hd_main.jpg) no-repeat;
  height: 452px;
  margin: 0 0 17px 0;
  text-indent: -10000px;
}

body.index #mainContents h2 {
  margin: 0 0 20px 0;
}

body.index #mainContents p.text {
  margin: 0 0 2em 0;
}

body.index #mainContents table.list th {
  text-align: left;
  font-weight: normal;
  padding: 5px 30px 1em 0;
  vertical-align: top;
}
body.index #mainContents table.list td {
  padding: 0 0 1em 0;
  vertical-align: top;
}

body.index div#mainContents div#extra div.trip {
  border: 1px solid #91B982;
  padding: 8px 10px 10px 10px;
  margin: 0 0 18px 0;
}
body.index div#mainContents div#extra div.trip p {
  margin: 0 0 .8em 0;
  text-align: center;
}
body.index div#mainContents div#extra div.trip p.btn {
  text-align: center;
  margin: 0;
}
body.index div#mainContents div#extra div.trip p.btn img.margin {
  margin: 0 0 0 13px;
}
body.index div#mainContents div#extra p.banner {
  padding: 15px 0 0 0;
  text-align: right;
  margin: 0;
}

/**/


/* @group guestrooms */

body.guestrooms #mainContents h1 {
  background: url(../e/img/guestrooms/hd_main.jpg) no-repeat;
  height: 202px;
  margin: 0 0 17px 0;
  text-indent: -10000px;
}

body.guestrooms #mainContents h2.guestrooms {
  background: url(../e/img/guestrooms/hd_guestrooms.gif) no-repeat;
  height: 57px;
  margin: 0 0 17px 0;
  text-indent: -10000px;
}

body.guestrooms #mainContents p.text {
  margin: 0 0 2em 0;
}
body.guestrooms #mainContents ul.btn {
  margin: 0;
  height: 100px;
  position: relative;
}
body.guestrooms #mainContents ul.btn li {
  position: absolute;
  top: 0;
}
body.guestrooms #mainContents ul.btn li.item01 {
  left: 0;
}
body.guestrooms #mainContents ul.btn li.item02 {
  left: 392px;
}
body.guestrooms #mainContents div.section {
  background: url(../e/img/guestrooms/bg_line.gif) no-repeat bottom;
  height: 1%;
  margin: 0 0 22px 0;
}

body.guestrooms #mainContents div.section div.leftClm {
  width: 362px;
  float: left;
}
body.guestrooms #mainContents div.section div.rightClm {
  width: 362px;
  float: right;
}
body.guestrooms #mainContents div.section p.reserve {
  padding: .6em 0 0 0;
  margin: 0 0 1.6em 0;
}
body.guestrooms #mainContents div.gds {
  border: 1px solid #e0e1d3;
  margin: 0 0 35px 0;
}
body.guestrooms #mainContents div.gds div.border {
  border: 1px solid #FFF;
  background: #f8f9f4;
  padding: 13px 19px 13px 19px;
}
body.guestrooms #mainContents div.gds h3 {
  margin: 0 0 .4em 0;
}
body.guestrooms #mainContents div.gds table {
  margin: 0;
}
body.guestrooms #mainContents div.gds table th {
  padding: 0 20px 0 0;
  font-weight: normal;
  vertical-align: top;
}
body.guestrooms #mainContents div.gds table td {
  vertical-align: top;
}

/**/



/* @group access */

body.access #mainContents h1 {
  background: url(../e/img/access/hd_main.jpg) no-repeat;
  height: 202px;
  margin: 0 0 17px 0;
  text-indent: -10000px;
}

body.access #mainContents h2 {
  background: url(../e/img/access/hd_access.gif) no-repeat;
  height: 57px;
  margin: 0 0 22px 0;
  text-indent: -10000px;
}

body.access #mainContents p.margin {
  margin: 0 0 0 58px;
}
body.access #mainContents p.margin img.position {
  position: relative;
  top: .1em;
  margin: 0 2px 0 5px;
}

body.access #mainContents div.layout3 {
  height: 1%;
  padding: 0 0 15px 0;
  background: url(../access/img/bd_line_3clm.gif) no-repeat bottom;
  margin: 0 0 30px 0;
}
body.access #mainContents div.lineNone {
  background: none;
  margin: 0;
}
body.access #mainContents p.pointer {
  clear: both;
  padding: 0 0 0 58px;
}
body.access #mainContents p.pointer img.pointer {
  position: relative;
  top: 1em;
  margin: 0 .7em 0 0;
}
body.access #mainContents div.layout3 h3 {
  margin: 0 0 0 0;
}
body.access #mainContents div.layout3 ul {
  margin: 0:
}
body.access #mainContents div.layout3 ul li {
  font-size: 87.5%;
}
body.access #mainContents div.layout3 ul li span {
  color: #606D7F;
}

body.access #mainContents div.layout3 div.layout2 {
  width: 493px;
  float: left;
}
body.access #mainContents div.layout3 div.layout1 {
  width: 232px;
  float: right;
}
body.access #mainContents div.layout3 div.layout {
  width: 754px;
  float: left;
}
body.access #mainContents div.layout3 div.clm1 {
  float: left;
  width: 232px;
}
body.access #mainContents div.layout3 div.clm2 {
  float: right;
  width: 232px;
}
body.access #mainContents div.layout3 div.clm3 {
  float: left;
  width: 232px;
}

body.access #mainContents div.layout3:after {
  content: ".";
  display: block;  
  height: 0;
  clear: both;
  visibility: hidden;
}
body.access #mainContents p.text {
  margin: 0 0 2em 0;
}

body.access #container #mainContents div.layout3 ul.list {
  font-size: 87.5%;
}
body.access #container #mainContents div.layout3 ul.list li {
  background: url(../access/img/icon_maru.gif) no-repeat;
  padding: 0 0 0 20px;
  margin: 0 0 1em 0;
}
body.access #container #mainContents div.layout3 ul.list li.kome {
  background: url(../access/img/icon_kome.gif) no-repeat 0 .1em;
}

/**/

/* @group restaurant */

body.restaurant #mainContents div#openTable{
	position: relative;
}

body.restaurant #mainContents div#openTable h2.restaurantRes {
	background: url(../e/img/restaurant/hd_online_reserve.jpg) no-repeat;
	text-indent: -10000px;
	height: 36px;
	margin: 0 0 14px 0;
}
body.restaurant #mainContents div#OT_searchWrapper {
  background: none;
  height: 88px;
}

body.restaurant #mainContents div#OT_searchWrapper h2.OT_feedTitle {
	display: none;
}
body.restaurant #mainContents div#OT_logo {
  top: -26px;
  left: 142px;
  width: 100px;
  height: auto;
  z-index: 0;
  background: none;
}

body.restaurant #mainContents div#OT_logo img {
}

body.restaurant #mainContents div#OT_logo div{
}


body.restaurant #mainContents div#OT_searchWrapperAll{
  background: none;
  height: 88px;
}
body.restaurant #mainContents div#OT_searchWrapperAll dl {
  position: relative;
}
body.restaurant #mainContents div#OT_searchWrapperAll dt {
  display: none;
}
body.restaurant #mainContents div#OT_searchWrapperAll p#dateDisplay {
  display: none;
}
body.restaurant #mainContents div#OT_searchWrapperAll dd select {
  margin: 0;
  background: #F6F7F8;
  border: 1px solid #DDDDDD;
}
body.restaurant #mainContents div#OT_searchWrapperAll dd a {
  margin: 0;
}
body.restaurant #mainContents div#OT_searchWrapperAll dd#OT_restaurant{
  left: 0;
  top: 0;
}
body.restaurant #mainContents div#OT_searchWrapperAll dd#OT_restaurant span {
  width: 230px;
}

body.restaurant #mainContents div#OT_searchWrapperAll dd#OT_partySize {
  left: 267px;
  top: 0px;
}
body.restaurant #mainContents div#OT_searchWrapperAll dd#OT_partySize span {
  width: 40px;

}
body.restaurant #mainContents div#OT_searchWrapperAll dd#OT_date {
  top: 0px;
  left: 345px;
}
*html body.restaurant #mainContents div#OT_searchWrapperAll dd#OT_date {
  top: -1px;
}
*:first-child+html body.restaurant #mainContents div#OT_searchWrapperAll dd#OT_date {
  top: -1px;
}
body.restaurant #mainContents div#OT_searchWrapperAll dd#OT_date input {
  width: 85px;
  padding: 3px 3px 0 3px;
  background: #F6F7F8;
  border: 1px solid #DDDDDD;
  color: #616161;
  height: 16px;
  margin: 0;
}
body.restaurant #mainContents div#OT_searchWrapperAll dd#OT_time {
  top: 0px;
  left: 448px;
}
body.restaurant #mainContents div#OT_searchWrapperAll dd#OT_time span {
  width: 50px;

}
body.restaurant #mainContents div#OT_searchWrapperAll dd#OT_submitWrap {
  top:35px;
  left: 0px;
  width: 50px;
}

body.restaurant #mainContents div#OT_searchWrapperAll #imageCal {
  background: #FFF;
  z-index: 10;
  margin: 0;
}
body.restaurant #OT_searchWrapper .imgCal {
  z-index: 10;
}







body.restaurant #mainContents h1 {
  background: url(../e/img/restaurant/hd_main.jpg) no-repeat;
  height: 202px;
  margin: 0 0 17px 0;
  text-indent: -10000px;
}

body.restaurant #mainContents h2.guestrooms {
  background: url(../e/img/restaurant/hd_restaurant.gif) no-repeat;
  height: 57px;
  margin: 0 0 17px 0;
  text-indent: -10000px;
}

body.restaurant #mainContents p.text {
  margin: 0 0 2em 0;
}
body.restaurant #mainContents ul.btn {
  margin: 0;
  height: 110px;
  position: relative;
}
body.restaurant #mainContents ul.btn li {
  position: absolute;
  top: 0;
}
body.restaurant #mainContents ul.btn li.item01 {
  left: 0;
}
body.restaurant #mainContents ul.btn li.item02 {
  left: 392px;
}
body.restaurant #mainContents div.section {
  background: url(../e/img/guestrooms/bg_line.gif) no-repeat bottom;
  height: 1%;
  margin: 0 0 22px 0;
  padding: 0 0 10px 0;
}

body.restaurant #mainContents div.section div.leftClm {
  width: 362px;
  float: left;
}
body.restaurant #mainContents div.section div.rightClm {
  width: 362px;
  float: right;
}
body.restaurant #mainContents div.section p.reserve {
  padding: .6em 0 0 0;
  margin: 0 0 1.6em 0;
}

body.restaurant #mainContents div.section ul {
  margin: 0:
}
body.restaurant #mainContents div.section ul li {
  font-size: 100%;
}
body.restaurant #mainContents div.section ul li span {
  color: #606D7F;
}

/**/






/* @group clear fix */

div.section:after,
div.more:after,
#content div.section div.box:after,
div#footer:after {
  content: ".";
  display: block;  
  height: 0;
  clear: both;
  visibility: hidden;
}
/* end */




/*\*//*/





/**/
