/* CSS Document */

p{font-size:100%;}
ul{list-style-type:none;text-decoration:none;}
*{margin:0;padding:0;}
img{border:none;}
a img{border:none;background:transparent;}
a {text-decoration:none;}
/*----ヘッダー----*/
#header{
	width:750px;
	height:80px;
	display:block;
	background:url(../common/img/h-bg.gif) no-repeat #000000;
	}
#header h1 {
    float:left;
	}
#header div {
    width:200px;
	float:right;
	padding-right:10px;
	}
#n-reserve{
    width:199px;
	height:32px;
    margin-left:0px;
	margin-top:5px;
}
#header div ul {
    padding-top:10px;
	}	
#header div li {
    float:left;
	list-style-type:none;
}
.toiawase,.sightmap{
	width:100px;
	height:24px;
}
/*---------トップイメージ--------*/
#a #top_img{
    width:750px;
	height:230px;
	float:center;
}
#b #top_img,#c #top_img,#d #top_img,#e #top_img,#f #top_img,#h #top_img{
    width:750px;
	height:124px;
}
#g #top_img{
    width:750px;
	height:125px;
}
/*---------ボディー----------*/
body{
   background:url(../common/img/b-bg1.gif) repeat-x center top #8a816c;
}
#container {
   width:750px;
   margin:0px auto;
   background:#ffffff;
}
/*--------☆コンテンツ☆----------*/
#a #contents {
   width:750px;
   height:100px;
   margin:0;
   padding-top:5px;
}
#a #contents li{
	float:left;
	width:180px;
	height:100px;
	margin-left:5px;
}
#contents ul{
   	margin:0px 0px 0px 0px;
}	 
a:link { color:#55504c;}
a:visited{ color:#666666;}
a:active{ color:#003366;}
a:hover{ color:#ffcc66;}

/*-----------☆ナビゲーション☆----------*/	 
#nav {
   padding:0;
   margin:0;
   clear:both;
   width:100%;
   height:46px;
   /*background:url(../common/img/nav.gif) no-repeat;*/
}
#nav ul{padding:0;width:750px;}
#nav li {float:left;display:block;}
#nav li a {
   float:left;
   height:46px;
   display:block;
   text-indent:-9999px;
}
#n-top,#e #n-top{
   background:url(../common/img/nav.gif) no-repeat 0px 0 ;
   width:83px;
}
#n-plan,#e #n-plan{
   background:url(../common/img/nav.gif) no-repeat -83px 0 ;
   width:143px;
}
#n-room{
   background:url(../common/img/nav.gif) no-repeat -226px 0;
   width:62px;
}
#n-meal,#e #n-meal{
   background:url(../common/img/nav.gif) no-repeat -288px 0 ;
   width:60px;
}
#n-spa{
   background:url(../common/img/nav.gif) no-repeat -348px 0 ;
   width:62px;
}
#n-walk{  
   background:url(../common/img/nav.gif) no-repeat -410px 0 ;
   width:90px;
}
#n-access{
   background:url(../common/img/nav.gif) no-repeat -500px 0 ;
   width:110px;
}
#n-sightseeing{
   background:url(../common/img/nav.gif) no-repeat -610px 0 ;
   width:50px;
}
#n-blog{
   background:url(../common/img/nav.gif) no-repeat -660px 0 ;
   width:90px;
}

a:hover#n-top,#a #n-top{
   width:83px;
   background:url(../common/img/nav_on.gif) no-repeat 0 0 ;
}
a:hover#n-plan,#c #n-plan{
   background:url(../common/img/nav_on.gif) no-repeat -83px 0 ;
   width:143px;
}
a:hover#n-room,#e #n-room{
   background:url(../common/img/nav_on.gif) no-repeat -226px 0;
   width:62px;
}
a:hover#n-meal,#b #n-meal,#jibie #n-meal{
   background:url(../common/img/nav_on.gif) no-repeat -288px 0 ;
   width:60px;
}
a:hover#n-spa,#d #n-spa{
   background:url(../common/img/nav_on.gif) no-repeat -348px 0 ;
   width:62px;
}
a:hover#n-walk,#spend #n-walk,#g #n-walk{  
   background:url(../common/img/nav_on.gif) no-repeat -410px 0 ;
   width:90px;
}
a:hover#n-access,#f #n-access{
   background:url(../common/img/nav_on.gif) no-repeat -500px 0 ;
   width:110px;
}
a:hover#n-sightseeing,#h #n-sightseeing{
   background:url(../common/img/nav_on.gif) no-repeat -610px 0 ;
   width:50px;
}
a:hover#n-blog{
   background:url(../common/img/nav_on.gif) no-repeat -660px 0 ;
   width:90px;
}

	
 /*-----------☆フッター☆--------------*/
#footer ul a{text-decoration:none;}
#footer ul a:link { color:#55504c;}
#footer ul a:visited{ color:#666666;}
#footer ul a:active{ color:#003366;}
#footer ul a:hover{ color:#ffcc66;}

#footer {
    clear:both;
	padding:0px 0px 0px 0px;
	width:750px;
}  
#footer h3 {
    padding:0 ;
	margin:0;
	width:750px;
	text-indent:-9999px;
	height:20px;
	
}    
#footer ul {
    margin:0;
    padding:5px 0px 5px 0px;
	width:100%;
	font-size:11px;
	border:none;
	color:#55504c;	
	/*background-color:#b5941f;*/
	text-align:center;
	/*border:1px solid #FFF;*/
}
#footer li {
    display:inline;
}
#footer_back {
    margin:0;
    padding:10px 0px 0px 0px;
	width:750px;
	font-size:11px;
	border:none;
}
.copy {
    width:100%;
	height:26px;  
    clear:both;
    text-align:center;
	padding:10px 0px 0px 0px;
	margin:0px;
	font-size:10px;
	color:#ffffff;
	background:url(../common/img/f-bg1.gif) no-repeat;
}
.copyright {
     color:#ffffff;
     width:750px;
	 height:15px;
	 background:#8a816d;
	 text-align:right;
	 padding:0;
	 margin:0;
	 }