@charset "UTF-8";

/* ---------------------------
- Author: 
  design studio tom'sOne
  Tomio Tsutsui
  http://toms1.net/
- Last modify:
  2010.04.26.
--------------------------- */

/* Core base ----------------------------------------------------------------------*/

body {
 color: #663929; 
 font-size: 100.01%; 
 font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
 text-align: center; 
 background: #fff5ee;
 margin: 0; 
 padding: 0;
}

/* Orera 9 */
;;body { font-family: "メイリオ", Meiryo, sans-serif; }

/* IE 7 */
*:first-child+html body { font-family: "メイリオ", Meiryo, sans-serif; }

#header,#wrapper,#footer {
 width: 100%;
 margin: 0;
}

/* Header area --------------------------------------------------------------------*/

#header {
 background: url(../images/top_bg.png) repeat-x center top;
}

#headerInner {
 background: url(../images/global.png) no-repeat 0 0;
 position:relative;
 width: 960px;
 height: 130px;
 margin: 0 auto;
}

#headerInner h1 {
 width: 300px;
 height: 120px;
 margin: 0;
}

#headerInner p {
 position: absolute;
 top: 20px;
 right: 50px;
 font-size: 12px;
 line-height: 1;
 margin: 0;
}

#headHotelBN {
 position:absolute;
 top: 45px;
 left: 480px;
 width: 440px;
 height: 50px;
 margin: 0;
 padding: 0;
 list-style: none;
}

#headHotelBN li {
 float: left;
 margin: 0;
}

#headHotelBN li a {
 height: 50px;
}

#komatsuTNavi a, #tenyuTNavi a, #crystalTNavi a {
 background: url(../images/transparent.png) no-repeat 0 0;
 width: 165px;
 height: 50px;
}

#tenyuTNavi a {
 background-position: -165px 0;
 width: 125px;
}

#crystalTNavi a {
 background-position: -290px 0;
 width: 150px;
}

/* Contents area ------------------------------------------------------------------*/

#wrapper {
 color: inherit;
 background: #fff5ee;
}

#contents {
 background: url(../images/wrapper_bg.png) repeat-y center top;
 width: 960px;
 margin: 0 auto;
 padding-top: 10px;
}

#campaignTitle {
 background: url(../images/global.png) no-repeat 0 -140px;
 width: 880px;
 height: 70px;
 margin: 0 auto;
}

#campaignContainer, #reserveGuide {
 width: 858px;
 margin: 20px auto 0;
 border: 1px solid #b5a299;
}

#campaignContainer img { margin: 14px; vertical-align: top; }

#reserveGuide {
 color: inherit;
 text-align: center;
 background-color: #faf2f2;
 margin-top: 30px;
}

#reserveGuide h3 {
 background: url(../images/global.png) no-repeat 0 -230px;
 width: 830px;
 height: 150px;
 margin: 15px;
}

#reserveGuide p {
 font-size: 88%;
 line-height: 1.8;
 width: 830px;
 margin: 0 auto;
 padding-bottom: 25px;
}

.contentsBottom {
 position: relative;
 width: 920px;
 margin: 20px auto 0;
}

.closeBT {
 width: 235px;
 margin: 0 auto;
 padding-bottom: 10px;
}

.closeBT a {
 background: url(../images/global.png) no-repeat -500px -400px;
 width: 245px;
 height: 70px;
 margin: 0;
}

.retTop {
 font-size: 13px;
 line-height: 1;
 margin: 0;
 position: absolute;
 top: 25px;
 right: 30px;
}

/* Footer area --------------------------------------------------------------------*/

#footer {
 background: url(../images/footer_bg.png) repeat-x center top;
}

#footerInner {
 background: url(../images/global.png) no-repeat 0 -485px;
 position:relative;
 width: 960px;
 height: 150px;
 margin: 0 auto;
}

#footHotelBN {
 position:absolute;
 top: 45px;
 left: 50px;
 width: 480px;
 height: 50px;
 margin: 0;
 padding: 0;
 list-style: none;
}

#footHotelBN li {
 float: left;
 margin: 0;
}

#footHotelBN li a {
 width: 145px;
 height: 42px;
 margin-right: 15px;
}

.komatsuBNavi a, .tenyuBNavi a, .crystalBNavi a {
 background: url(../images/global.png) no-repeat 0 -420px;
}
.tenyuBNavi a { background-position: -160px -420px; }
.crystalBNavi a { background-position: -320px -420px; }

address {
 background: url(../images/transparent.png) no-repeat -500px 0;
 width: 280px;
 height: 25px;
 margin: 0;
 position:absolute;
 top: 55px;
 left: 631px;
}

/* Display set --------------------------------------------------------------------*/

a img {
 border: none;
 vertical-align: top; 
}

#campaignContainer p a:link, #campaignContainer p a:visited,
#reserveGuide p a:link, #reserveGuide p a:visited,
.retTop a:link, .retTop a:visited {
 color: #0099c5;
 text-decoration: underline;
 background-color: transparent;
}

#campaignContainer p a:hover, #reserveGuide p a:hover, .retTop a:hover {
 color: #00ccff;
 text-decoration: none;
 background-color: transparent;
}

#headHotelBN li a:hover, #footHotelBN li a:hover,
.KbotNavi a:hover,.TbotNavi a:hover,
.requestBT a:hover,.closeBT a:hover {
 opacity: 0.6;
 filter: alpha(opacity=60);
 -ms-filter: "alpha(opacity=60)";
 -khtml-opacity: 0.6;
 -moz-opacity: 0.60;
 zoom: 1;
}

#headerInner h1, #campaignTitle, #reserveGuide h3, address {
 text-indent: -9999px;
}

#headHotelBN li a,.requestBT a,.closeBT a,#footHotelBN li a {
 cursor: pointer;
 text-indent: -9999px; 
 display: block;
 overflow: hidden;
}

/* Clear hack ---------------------------------------------------------------------*/

* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

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