@charset "utf-8";
/* kijima-hotel.top */

/* all */
body,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
 margin: 0;
 padding: 0;
}

fieldset, img{
 border: 0;
}

abbr, acronym{
 border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var{
 font-style: normal;
 font-weight: normal;
}

h1, h2, h3, h4, h5, h6{
 font-size: 62.5%;
 font-weight: normal;
}

.clear{
 clear: both;
}

.bold{
 font-weight: bold;
}

/* clearfix hack */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
	line-height:0; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}
/*
.clearfix {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	min-height: 1%;
}
*/
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* body */

body{
 font-size: 62.5%;
 text-align: center;
 background-image:url("../images/background.jpg");
 behavior: url("common/css/csshover.htc");
}

/* main div */

#wrapper{
 width:750px;
 margin:0 auto;
 padding:0;
 background-color:#FFFFFF;
}

#wrapper p, li, dd, dt{
 line-height:150%;
 font-size:1.2em;
 text-align:left;
}

#header{
 width:750px;
 margin:0 auto;
 border-bottom:2px #6BA123 solid;
 background:url(../../renewal/img/header_img.gif) no-repeat;
 height:72px;
 padding:0;
 position:relative;
}

#header img.logo{
 position:absolute;
 left:10px;
 top:13px;
}

#header ul{
 position:absolute;
 margin:0;
 padding:0;
 bottom:-2px;
 left:377px;
 list-style:none;
}

#header ul li{
 float:left;
 padding:0;
 font-size:1em;
 color:#FFFFFF;
 margin:0 20px 0 0;
}

#header ul li.point{
 margin:2px 5px 0 0;
}

#header ul li a:link, #header ul li a:visited{
 color:#FFFFFF;
 text-decoration: none;
}

#header ul li a:hover, #header ul li a:active{
 color:#FFFFFF;
 text-decoration: underline;
}

#main{
 width:729px;
 margin:0 11px 0 10px;
 padding:10px 0 0 0;
}

#gmenu{
 width:729px;
 margin:0 auto;
 padding:0;
}

#gmenu ul{
 list-style:none;
 margin:0;
 padding:0;
}

#gmenu ul li{
 float:left;
 margin:0;
 padding:0;
}

#flash{
 width:730px;
 margin:0 0 5px 0;
}

#hotel_menu{
 width:729px;
 margin:0 auto 1px auto;
 padding:0;
}

#hotel_menu ul li.stay{
 height:30px;
 width:105px;
}

#hotel_menu ul li.gmenu{
 height:30px;
}

#hotel_menu ul li{
 float:left;
 width:104px;
 height:20px;
 padding:0;
 margin:0;
 position:relative;
 display:block;
}

#hotel_menu ul li a{
 display:block;
 width:104px;
 text-align:left;
 height:20px;
 line-height:20px;
 font-size:12px;
 margin:0;
 padding:0;
 color:#FFFFFF;
 background-color:#3A4E44;
 text-decoration:none;
}

#hotel_menu ul li a.menu{
 width:120px;
 padding-left:5px;
 border-bottom:1px #CCCCCC dotted;
}

#hotel_menu ul li a:hover{
 color:#3A4E44;
 background-color:#FFFFFF;
}

#hotel_menu ul li ul{
 display:none;
 list-style:none;
}

#hotel_menu ul li:hover ul{
 display: block;
 position: absolute;
 top:30px;
 left:0;
 z-index: 100;
}

#hotel_menu ul li ul li{
 float:none;
}

#contents{
 width:729px;
 margin:20px 0 0 0;
 padding:0 0 30px 0;
}

#contents #left{
 width:480px;
 float:left;
 margin:0;
 padding:0;
}

#contents #left #news{
 width:inherit;
 height:180px;
 overflow-y:scroll;
 padding:10px 0;
 margin:0;
}

#contents #left #news #box{
 width:463px;
 background-color:#EBEBEB;
 padding:8px 0;
 margin:0;
 overflow:hidden;
}

#contents #left #news #box.white{
 background-color:#FFFFFF;
}

#contents #left #news ul{
 margin:0 5px;
 padding:0;
 list-style:none;
}

#contents #left #news ul li{
 float:left;
 padding:0;
 font-size:12px;
 color:#333333;
 text-align:left;
}

#contents #left #news ul li a:link, #contents #left #news ul li a:visited{
 text-decoration: underline;
}

#contents #left #news ul li a:hover, #contents #left #news ul li a:active{
 text-decoration: none;
}

#contents #left #news ul li.top{
 width:70px;
 margin:0 0 0 5px;
}

#contents #left #news ul li.icon{
 margin:1px 10px 0 0;
}

#contents #left #news ul li.text{
 width:320px;
}

#contents #left #fascination{
 width:478px;
 padding:10px 0;
 margin:10px 0 0 0;
 background: url(../../renewal/img/fascination_bg.jpg) repeat-x top left;
 border:1px #F8F1E7 solid;
 text-align:left;
}

#contents #left #fascination img.title{
 margin:0 0 0 14px;
}

#contents #left #fascination ul{
 margin:10px 14px 0 14px;
 list-style:none;
 padding:0;
}

#contents #left #fascination li{
 margin-right:30px;
 padding:0;
 float:left;
}

#contents #left #fascination li.last{
 margin-right:0;
}

#contents #right{
 width:230px;
 float:right;
 margin:0;
 padding:0;
}

#contents #right #banner{
 width:inherit;
 margin:0;
 padding:3px 0 0 0;
 background-color:#EFDFC8;
}

#contents #right #banner img{
 margin:0 3px 3px 3px;
}

#contents #right #reserve{
 width:230px;
 height:179px;
 margin:0;
 padding:0;
 position:relative;
 background:url(../../renewal/img/reserve_bg.gif) no-repeat center;
}

#contents #right #reserve #button{
 position:absolute;
 top:92px;
 left:9px;
}

#contents #right #reserve ul{
 position:absolute;
 top:143px;
 left:10px;
 list-style:none;
}

#contents #right #reserve ul li{
 float:left;
 margin:0 3px 0 0;
 font-size:1em;
}

#contents #right #reserve ul li.point{
 margin-top:1px;
}

#contents #right #reserve ul li.plan{
 margin-right:10px;
}

#contents #right #reserve ul li a:link, #contents #right #reserve ul li a:visited{
 text-decoration: underline;
}

#contents #right #reserve ul li a:hover, #contents #right #reserve ul li a:active{
 text-decoration: none;
}

#contents #right #mobile{
 background:url(../../renewal/img/mobile_bg.gif) no-repeat center;
 width:230px;
 height:99px;
 margin:10px 0 0 0;
 text-align:left;
 position:relative;
}

#contents #right #mobile p{
 top:40px;
 left:10px;
 font-size:1.1em;
 color:#666666;
 position:absolute;
}

#contents #right #button_eria{
 width:230px;
 margin:10px 0 0 0;
 padding:0;
}

#contents #right #button_eria #button{
 width:112px;
 height:29px;
 float:left;
 background:url(../../renewal/img/otenki.jpg) no-repeat center;
}

#contents #right #button_eria #button.access{
 float:right;
 background:url(../../renewal/img/access.jpg) no-repeat center;
}

#contents #right #button_eria #button p{
 margin:8px 0 0 32px;
 font-size:1.1em;
 color:#0000FF;
}

#contents #right #button_eria #button p a:link, #contents #right #button_eria #button p a:visited{
 text-decoration: underline;
}

#contents #right #button_eria #button p a:hover, #contents #right #button_eria #button p a:active{
 text-decoration: none;
}

#link{
 width:729px;
 margin:20px 0 0 0;
 padding:0;
 text-align:left;
}

#link #line{
 width:inherit;
 height:5px;
 border-bottom:1px #EBEBEB dotted;
}

#link ul{
 list-style:none;
 margin:20px 0 0 2px;
 padding:0;
}

#link ul li{
 margin-right:33px;
 padding:0;
 float:left;
}

#link ul li.last{
 margin-right:0;
}

#bottom_line{
 width:750px;
 height:10px;
 margin:0;
 padding:0;
 background:url(../../renewal/img/line.jpg) repeat-y top left;
}

#footer{
 width:720px;
 margin:10px 11px 0 19px;
 padding:0 0 15px 0;
}

#footer ul{
 list-style:none;
 margin:0;
 padding:0;
}

#footer ul li{
 float:left;
 margin:0 20px 0 0;
 padding:0;
 color: #999999;
 font-size:1em;
}

#footer ul li.point{
 margin:1px 5px 0 0;
}

#footer ul li a:link, #footer ul li a:visited{
 color:#999999;
 text-decoration: none;
}

#footer ul li a:hover, #footer ul li a:active{
 color:#999999;
 text-decoration: underline;
}

#footer p.profile{
 font-size:1em;
 color:#999999;
 text-align:left;
 clear: both;
}

#footer p.copy{
 float:right;
 font-size:1em;
 color:#999999;
}

.green{
 color:#325F05;
}


/*------------------ slide ----------------------------------*/

#doc {
  margin: 20px 0 0 0;
  padding: 10px 0;
  width:478px;
  border:1px #E7CEA5 solid;
}

#jqAS2 {
  width: 430px;
  height: 90px;
  overflow: hidden;
}

#jqAS2 .content {
  width: 25%;
  height: 90px;
  font-size: 8pt;
  text-align: center;
}

#jqAS2 .contentArea {
  position:relative;
}

th {
  width: 24px;
  text-align: center;
}

.jqAS2prev {
  position:relative;
  left:0px;
  top:0px;
  cursor: pointer;
}

.jqAS2next {
  position:relative;
  right:0%;
  top:0px;
  cursor: pointer;
}

.viewArea {
  border:0px solid none;
}

.jqAS2width {
  width:500px;
}