/* CSS Document */



/*--------------------------------------------

Default Reset& Base Style Sheet

Last Update 2008-1-21



 1.Universal selector

 2.Structure Module

 3.Text Module

 4.Hypertext Module

 5.List Module

 6.Image Module

 7.Navgation Module

 8.Header Module

 9.Footer Module

10.Sitemap Module

------------------------------------------------*/

/*----------------------------------------------



 1.Universal selector



------------------------------------------------*/

*{

   padding:0px;

   margin:0px;

   line-height:1.3em;

   font-style:normal;

   font-size:100%;

}



/*----------------------------------------------



 2.Structure Module



------------------------------------------------*/



body{

   background:#351604;

}

#top-container{

   width:900px;

   margin:0 auto;

   background:url(../common/top-background.gif) no-repeat;

}

/*----------------*/

#container{

   width:820px;

   margin:0 auto;

   background:url(../common/top-background1.gif) no-repeat;

 }

/*---------------*/ 

#contents{

   width:800px;

   background:#4a2e1e;

   margin-left:10px;

   margin-right:10px;

   margin-top:5px;

   font-size:110%;

}


/*----------------------------------------------



  3.Text Module



------------------------------------------------*/

h1{

   width:820px;

   color:#ede2c4;

   margin:0 auto;

   text-align:center;

   font-size:75%;

   font-weight:normal;

   padding:4px 0;

}





/*----------------------------------------------



 4.Hypertext Module



------------------------------------------------*/

a{

   text-decoration:none;

}



/*----------------------------------------------



 5.List Module



------------------------------------------------*/

li{

   list-style:none;

}



/*----------------------------------------------



 6.Image Module



------------------------------------------------*/

img{

   border:none;

}



/*----------------------------------------------



 7.Navgation Module



------------------------------------------------*/

#nav{

   width:800px;

   height:35px;

   margin:0 0 10px 10px;

}

#nav li{

   float:left;

}

#nav li a{

   height:37px;

   display:block;

}

#nav #spa_n{

   background:url(../common/nav.gif) no-repeat 0px 0px;

   width:95px;

}

#nav #meal_n{

   background:url(../common/nav.gif) no-repeat -95px 0px;

   width:93px;

}

#nav #facilities_n{

   background:url(../common/nav.gif) no-repeat -188px 0px;

   width:92px;

}

#nav #access_n{

   background:url(../common/nav.gif) no-repeat -373px 0px;

   width:93px;

}

#nav #sightseeing_n{

   background:url(../common/nav.gif) no-repeat -281px 0px;

   width:93px;

}

#nav #question_n{

   background:url(../common/nav.gif) no-repeat -466px 0px;

   width:93px;

}

#nav #top_n{

   background:url(../common/nav.gif) no-repeat -559px 0px;

   width:94px;

}

#nav #reserve_n{

   background:url(../common/nav.gif) no-repeat -653px 0px;

   width:147px;

}



/*----------------------------------------------



 8.Header Module



------------------------------------------------*/

#top-img{

   margin-left:10px;

}

.logo{

   float:left;

   margin:25px 0 10px 35px;

}

#h-reserve{

   width:225px;

   float:right;

   margin:10px 2px 0 0;

   font-size:80%;

}

#h-reserve p{

   color:#ffffff;

   margin:2px 0 7px 0;

   text-align:right;

   padding-right:7px;

}

#h-reserve a{

   color:#ffffff;

}
#h-reserve a:hover{color:#ffffff; text-decoration:underline;}

.yoyaku{

   margin-top:7px;

}



#flash{

   margin:0 0 10px 10px;

   width:798px;

   border:1px solid #A79260;

}





/*----------------------------------------------



 9.Footer Module



------------------------------------------------*/



#bottom-link{

   float:left;

   margin:6px 0 0 0;

   padding-left:190px;

}

#bottom-link li{

   display:inline;

}

#pagetop{

   float:right;

   margin:0 25px 10px 0;

}



#foot{

  /* height:185px;*/

   text-align:center;

   padding-bottom:15px;

   background:url(../common/foot-background.gif) bottom no-repeat #361705;

}

#foot-nav{

   padding-top:50px;

   margin-bottom:15px;

   width:820px;

   color:#926b1c;

   font-size:110%;

}

#foot-nav ul{

   text-align:center;

}

#foot-nav li{

   display:inline; list-style:none;

   font-size:75%;

}

#foot li a{

   color:#926b1c; text-decoration:underline;

}

#f-img{

   float:left;

   padding:0 0 0 15px;

   margin:0;

}

#address{

   font-size:80%;

   color:#ede8d5;

   float:left;

   text-align:left;

   font-weight:normal;

   padding:0px 0 0 20px;

   margin:30px 0 0 0;

}

#foot h5{

   font-size:110%;

}

#address address{

   line-height:160%;

}

.copyright{

   clear:both;

   text-align:center;

   margin-top: 7px; margin-bottom:20px;

   font-size:75%;

   color:#FFFFFF;

}

.copyright a {color :#FFFFFF;}
.copyright a:hover{color :#FF9900;}

p.clear{clear:both; height:1px; text-align:left; color:#654a35;}




/*ڍscss*/
.cl{
	font-size: 0.1px;
	line-height: 0.1px;
	height: 0.1px;
	display: block;
	visibility: hidden;
	clear: both;
}

#toplink{ padding-top:7px; font-size:75%;}
	 
#toplink a{color:#926b1c; text-decoration:underline;}

#toplink2{ padding-top:7px; font-size:75%;}
	 
#toplink2 a{color:#926b1c; text-decoration:underline;}






/*----------------------------------------------



10.Sitemap Module



------------------------------------------------*/


#st-link{
	width:820px;
	text-align:right;
	margin:0 auto;
}


#st-link a{
	color: #ffffff;


}


/*----- color ------*/

.yellow { color:#fdde83;}

.blue { color:#00bfff;}




.def{font-size:14px; background:#ff9933;}


.mq {
	white-space: nowrap;
	width:800px;
	height:20px;
	margin-left:10px;
	background-color:#ff9933;
	font-size:14px;
	}



/*----------------------------------------------



black



------------------------------------------------*/
.black-body {
	background: #000000;
}
.black-body #container {
	background-image: url(../common/top-background2.gif);
}
.black-body #contents {
	background: #1d1d1d;
}
.black-body #foot {
	background: url(../common/foot-background1.gif) bottom no-repeat #000;
}
.black-body #nav #spa_n{
   background:url(../common/nav2.gif) no-repeat 0px 0px;
}
.black-body #nav #meal_n{
   background:url(../common/nav2.gif) no-repeat -95px 0px;
}
.black-body #nav #facilities_n{
   background:url(../common/nav2.gif) no-repeat -188px 0px;
}
.black-body #nav #access_n{
   background:url(../common/nav2.gif) no-repeat -373px 0px;
}
.black-body #nav #sightseeing_n{
   background:url(../common/nav2.gif) no-repeat -281px 0px;
}
.black-body #nav #question_n{
   background:url(../common/nav2.gif) no-repeat -466px 0px;
}
.black-body #nav #top_n{
   background:url(../common/nav2.gif) no-repeat -559px 0px;
}
.black-body #nav #reserve_n{
   background:url(../common/nav2.gif) no-repeat -653px 0px;
}



/*
TOP page
*/
#top #st-link {
	width: 900px
}
#top-container #contents {
	width: 900px;
	margin-left: 0px;
	margin-right: 0px;
}
#top-container #nav {
	margin: 0px auto 10px;
}
#top-container #flash {
	width: 900px;
	margin: 0 0 10px;
	border: none;
}
#top-container #foot-nav {
	width: 880px;
}
#top-container #center-col {
	width: 458px;
}
	width: 880px;
