@charset "Shift_JIS";
/* CSS Document */
body
 { 
background-image:url('template/bg_lt.gif'); 
color:#660000;
margin-top: 0px; 
text-align: center; 
font-size:12px;
line-height:1.2em;
font-family:Verdana,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic',Osaka,'ＭＳ Ｐゴシック',sans-serif;
}
img{
	border:none;
}
#wrapper	{
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background-color:#ffffff;
}
#headleft	{
	width:370px;
	float:left;
	text-align:left;
	line-height:17px;
	height:17px;
}
#headright	{
	width:520px;
	float:right;
	text-align:right;
	line-height:17px;
	height:17px;
}
h1{ 	
font-size: 11px;
margin: 0px;
padding: 0px;
}
h2{ 	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
h3{ 	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h5{ 	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}


div#headlogo{
	text-align:left;
	float:left;
	padding-left:5px;
}
div#headtext{
	height:40px;
	padding-top:20px;
	padding-left:10px;
	text-align:left;
	float:left;
}
div#headtel{
	height:60px;
	text-align:right;
	float:right;
	padding-right:5px;
}
#headkeitai{
	float:right;
	text-align:center;
	margin:auto;
	padding-right:5px;
}
#headkeitai a{
	font-size:9px;
}
div#subnavi{
	height:60px;
	text-align:left;
	float:right;
	padding-right:5px;
	vertical-align:top;
}
ul#subnavi li{
	list-style:none;
}

div#mid-left{
	text-align:center;
	float:left;
	padding:0px 10px 0px 10px;
}
div#mid-mid{
	padding:5px 10px 5px 30px;
	width:530px;
	text-align:left;
	float:left;
}
#mid-mid a:hover{
	background-color:#F0C0C0;
}

div#mid-right{
	text-align:center;
	float:right;
	padding-right:5px;
	font-size:6px;
}
div#counter{
	text-align:right;
	padding-right:10px;
	font-size:9px;
}
div#footer{
	text-align:center;
}
a:link    {font-size: 12px; text-decoration:underline; color:#660000 ;}
a:visited {font-size: 12px; text-decoration:underline; color:#660000 ;}
a:active  {font-size: 12px; text-decoration:underline; color:#550000 ;}
a:hover   {font-size: 12px; text-decoration:underline; color:#bb0000; }
.clear { clear:both; }  
.clear hr { display:none; } 


.top-navi  {
        height:40px;
        margin-top:0;
		background-color:#660000;
		position: relative;
   		overflow: hidden;
		}

.top-navi ul {
		margin:0;
        padding:0;
		position:relative;
   float:left; }
        
.top-navi li {
        position:relative;
   /*left:-100%;*/
   float:left;
        list-style:none; }

.top-navi li a, .top-navi span {
        display:block;
        height:40px;
        text-indent:-9999px; }
a.t-heya{
		width:128px;
		background:url(top/bigmenu/heya.gif) no-repeat;
}
a:hover.t-heya {
		width:128px;
		background:url(top/bigmenu/heya-c.gif) no-repeat;
}
a.t-onsen {
		width:128px;
		background:url(top/bigmenu/onsen.gif) no-repeat;
}
a:hover.t-onsen {
		width:128px;
		background:url(top/bigmenu/onsen-c.gif) no-repeat;
}
a.t-meal {
		width:128px;
		background:url(top/bigmenu/meal.gif) no-repeat;
}
a:hover.t-meal {
		width:128px;
		background:url(top/bigmenu/meal-c.gif) no-repeat;
}
a.t-price {
		width:128px;
		background:url(top/bigmenu/price.gif) no-repeat;
}
a:hover.t-price {
		width:128px;
		background:url(top/bigmenu/price-c.gif) no-repeat;
}
a.t-voice {
		width:128px;
		background:url(top/bigmenu/voice.gif) no-repeat;
}
a:hover.t-voice {
		width:128px;
		background:url(top/bigmenu/voice-c.gif) no-repeat;
}
a.t-sight {
		width:128px;
		background:url(top/bigmenu/sight.gif) no-repeat;
}
a:hover.t-sight {
		width:128px;
		background:url(top/bigmenu/sight-c.gif) no-repeat;
}
a.t-yoyaku {
		width:132px;
		background:url(top/bigmenu/yoyaku.gif) no-repeat;
}
a:hover.t-yoyaku {
		width:132px;
		background:url(top/bigmenu/yoyaku-c.gif) no-repeat;
}


.navi  {
        height:26px;
        margin-top:0;
		background-color:#660000;
		position: relative;
   		overflow: hidden;
		}

.navi ul {
		margin:0;
        padding:0;
		position:relative;
   left:56px;
   float:left; }
        
.navi li {
        position:relative;
   /*left:-100%;*/
   float:left;
        list-style:none; }

.navi li a, .navi span {
        display:block;
        height:26px;
		margin-left:12px;
		margin-right:12px;
		margin-top:6px;
        text-indent:-9999px; }
a.yoyaku {
        width:60px;
        background:url(top/menubar/book.gif) no-repeat;
		 }
a.vacant {
        width:48px;
        background:url(top/menubar/vacancy.gif) no-repeat;
		 }
a.price {
        width:24px;
        background:url(top/menubar/price.gif) no-repeat;
		 }
a.room {
        width:47px;
        background:url(top/menubar/facility.gif) no-repeat;
		 }
a.meals {
        width:35px;
        background:url(top/menubar/meal.gif) no-repeat;
		 }
a.access {
        width:53px;
        background:url(top/menubar/access.gif) no-repeat;
		 }
a.sight {
        width:47px;
        background:url(top/menubar/sight.gif) no-repeat;
		 }
a.voice {
        width:59px;
        background:url(top/menubar/voice.gif) no-repeat;
		 }
a.magazine {
        width:47px;
        background:url(top/menubar/magazine.gif) no-repeat;
		 }
a.camera {
        width:70px;
        background:url(top/menubar/livecam.gif) no-repeat;
		 }
a.link {
        width:31px;
        background:url(top/menubar/link.gif) no-repeat;
		 }
a.out12 {
        text-indent:-9999px;
		display:block;
		width:482px;
		height:20px;
		margin-top:5px;
        background:url(top/asa2.gif) no-repeat;
		 }
a.roten {
        text-indent:-9999px;
		display:block;
		width:280px;
		height:20px;
		margin-top:5px;
        background:url(top/roten2.gif) no-repeat;
		 }
a.point {
        text-indent:-9999px;
		display:block;
		width:438px;
		height:20px;
		margin-top:5px;
       background:url(top/pointpop2.gif) no-repeat;
		 }
.present{	
 	width:800px;
	margin:12px auto 2px auto;
	padding:0;
	border:solid #990000 1px;
	text-align:center;
	background-image:url(template/grad.jpg);
	font-size:10px;
	border-radius:4px;
}
a.present{	
background:url(top/present.gif) no-repeat;
width:389px;
height:24px;
display:block;
text-indent:-9999px;
border:0px;
}
.present a:hover{	
  background-color:#F0C0C0;
  }
 /* 震災募金など臨時 */
 .rinji
 {
	 width:100%;
	 margin-left:auto;
	 margin-right:auto;
	 text-align:center;
	 padding-bottom:5px;
 }
  .rinji a
 {
	 border:none;
 }
 .rinji-left{
	 float:left;
	 width:640px;
	 text-align:center;
	 margin:8px 10px 5px 10px;
	padding:5px;
	 border:#990000 solid 1px;
	 border-radius:4px;
	 background-image:url(template/grad.jpg)
 }
.rinji-right{
	 float:right;
	 text-align:center;
	 padding-top:5px;
	 width:210px;
 }
 .rinji-left2{
	 float:left;
	 width:640px;
	 text-align:left;
	 margin:8px 10px 5px 15px;
	 line-height:1.4em;

 }
 
.low-wrap{
	text-align:center;
	margin:auto;
	padding-top:10px;
}
 .low-left{
	 width:275px;
	 text-align:center;
	 margin-left:5px;
	 border:solid 1px #660000;
	 float:left;
 }
 .low-right{
	 width:611px;
	 text-align:center;
	 float:right;
	 padding-right:5px;
 }
 .google-mado{
	 text-align:center;
	 margin:10px auto 10px auto;
	 padding:5px;
	 border-top:solid 1px;
 }
 .magbox{
	 float:left;
	 margin:auto;
	 padding:1px;
	 width:200px;
	 color:#6a6a00;
 }
  .cafebox{
	 float:left;
	 margin:auto;
	 padding:1px;
	 width:200px;
	 color:#6a6a00;
 }
  .pointbox{
	 float:left;
	 margin:auto;
	 padding:1px;
	 width:200px;
	 color:#000033;
 }
 .boxtext{
	 text-align:left;
	 padding:5px;
 }