@charset="UTF-8";


/*---------- �y�[�W�S�̂̎w�� ----------*/

body {
  font-family: Fang Song, Verdana, Arial, Helvetica, sans-serif, "ElEr ESEVEbEN","Hiragino KaKu Gothic Pro", Osaka;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 820px;
  background-color: #00000;
  background-image: url(img/zantai5.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 50% 0%
}

a:link {
  color: #004080;
  font-size: 14px;
}

a:visited {
  color: #004080;
  font-size: 14px;
}


a:hover {
  color: #004080;
  font-size: 14px;
  text-decoration:none;
}


a:active {
  color: #004080;
  font-size: 14px;
  text-decoration:none;
}


p {
  margin: 20px 0 20px 0;
  line-height: 150%;
  letter-spacing: 1px;
}

h1 {
  font-size: 12px;
  margin: 0;
  padding: 2px 3px 0px 3px;
  color: #333;
}

h2 {
	font-size: 110%;
	margin: 0px 0px 0px;
	color: #333333;
	border-bottom: 1px dashed #999;
	padding: 0px 0px 5px;
	clear: both;
}

h3 {
	font-size: 130%;
	margin: 0px 0px 0px;
	color: #333333;
	padding: 0px 0px 0px;
	clear: both;
}

h4 {
	font-size: 100%;
	margin: 0px 0px 0px;
	color: #363;
	padding: 0px 0px 0px;
	clear: both;
}



.text{width:480px; margin:0px 0px 0px; padding: 15px 35px 10px 15px; position:relative; background:url("img/bg-w-border6.png");
filter: alpha(opacity=90);
}

.text2{width:480px; margin:0px 0px 0px; padding: 15px 35px 10px 15px; position:relative; background:url("img/bg-b-border6.png");
filter: alpha(opacity=90);
}



/*----------main---------*/
#main {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 820px;

 
  background-position: 50% 0%
  
}



/*----------header---------*/

#header {
  margin: 0;
  background-color: #000;
  background-posision: center;
}

#header-inner {
  margin: 0;
  padding: 0;
  width: 820px;
  height: 100px;
  font-family:Verdana;
  background-image: url(img/name7.jpg);
  background-repeat: no-repeat;
  background-posision: center;
}

#header h1 {
  margin: 0;
  padding: 0px 0 0px 0px;
  font-size: 16px;
  color: #ffffff;
}

#header a{
  color: #ffffff;
  font-size: 24px;
 }

#header a:hover{
  color: #000;
  font-size: 24px;
}



/*----------container----------*/

#container {
  div align: center;
  margin: 0px;
  padding: 0px;
  width: 820px;
}



/*---------- contents ----------*/

#contents {
	float: left;
	width: 520px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 50px;
	_margin-left: 35px;  /*   for IE6 全体的に役15pxのずれ */
}

#contents h1 {
  margin: 0;
  padding: 0px 0 0px 0px;
  line-height: 110%;
  font-size: 12px;
  color: #333333;
  background-image: url(img/filter.gif);
  background-repeat: repeat-x;
}



/*---------- メニュー----------*/

#menu {
	width: 200px;
	height: 100%;
	margin-top: 20px;
	_margin-top: 35px;	 /*  for Ie6	*/
	margin-right:0px;
	float: left;
	text-align: left;

}

#menu li a {
voice-family: inherit;
height: 20px;
text-decoration: none;
text-align: left;
}	
	
a.guestroom {
display: block;
background:  url(img/m-guest2.png);
filter: alpha(opacity=75);
padding: 0px 0 0 0px;
height: 27px;
width: 177px;
}


a:hover.guestroom {
background:  url(img/m-guest2.jpg);
filter: alpha(opacity=100);
padding: 0px 0 0 0px;
height: 27px;
width: 177px;
}	


a.facility {
display: block;
background:  url(img/m-faci2.png);
filter: alpha(opacity=75);
padding: 0px 0 0 0px;
height: 27px;
width: 177px;

}
	
a:hover.facility {
background:  url(img/m-faci2.jpg);
filter: alpha(opacity=100);
padding: 0px 0 0 0px;
height: 27px;
width: 177px;

}


a.meals {

display: block;
background:  url(img/m-meals2.png);
filter: alpha(opacity=75);
padding: 0px 0 0 0px;
height: 27px;
width: 177px;

}
	
a:hover.meals {
background:  url(img/m-meals2.jpg);
padding: 0px 0 0 0px;
filter: alpha(opacity=100);
height: 27px;
width: 177px;

}	


a.access {

display: block;
background:  url(img/m-access2.png);
filter: alpha(opacity=75);
padding: 0px 0 0 0px;
height: 27px;
width: 177px;

}
	
a:hover.access {
background:  url(img/m-access2.jpg);
filter: alpha(opacity=100);
padding: 0px 0 0 0px;
height: 27px;
width: 177px;
}	

a.charge {
display: block;
background:  url(img/m-charge2.png);
filter: alpha(opacity=75);
padding: 0px 0 0 0px;
height: 27px;
width: 177px;
}
	
a:hover.charge {
background:  url(img/m-charge2.jpg);
filter: alpha(opacity=100);
padding: 0px 0 0 0px;
height: 27px;
width: 177px;
}	

a.vacancy {

display: block;
background:  url(img/m-vac2.png);
filter: alpha(opacity=75);
padding: 0px 0 0 0px;
height: 27px;
width: 177px;

}
	
a:hover.vacancy {
background:  url(img/m-vac2.jpg);
filter: alpha(opacity=100);
padding: 0px 0 0 0px;
height: 27px;
width: 177px;
}	
a.faq {

display: block;
background:  url(img/m-faq2.png);
filter: alpha(opacity=75);
padding: 0px 0 0 0px;
height: 27px;
width: 177px;

}
	
a:hover.faq {
background:  url(img/m-faq2.jpg);
filter: alpha(opacity=100);
padding: 0px 0 0 0px;
height: 27px;
width: 177px;
}	



a.index {
display: block;
background:  url(img/toppaage_1.png);
padding: 0px 0 0 0px;
height: 24px;
width: 150px;
}
	
a:hover.index {
background:  url(img/toppage_2.png);
padding: 0px 0 0 0px;
height: 24px;
width: 150px;
}



a.Japanese {
display: block;
background:  url(img/japanese_1.png);
padding: 0px 0 0 0px;
height: 24px;
width: 150px;
}
	
a:hover.Japanese {
background:  url(img/japanese_2.png);
padding: 0px 0 0 0px;
height: 24px;
width: 150px;
}


a.English {
display: block;
background:  url(img/english_1.png);
padding: 0px 0 0 0px;
height: 24px;
width: 150px;
}
	
a:hover.English {
background:  url(img/english_2.png);
padding: 0px 0 0 0px;
height: 24px;
width: 150px;
}









a.charge-s {
display: block;
background:  url(img/charge-s1.jpg);
padding: 0px 0 0 0px;
width: 230px;
height: 120px;
}
	
a:hover.charge-s {
background:  url(img/charge-s2.jpg);
padding: 0px 0 0 0px;
width: 230px;
height: 120px;
}



a.faq-s {
display: block;
background:  url(img/faq-s2.jpg);
padding: 0px 0 0 0px;
width: 230px;
height: 120px;
}
	
a:hover.faq-s {
background:  url(img/faq-s3.jpg);
padding: 0px 0 0 0px;
width: 230px;
height: 120px;
}







/*---------- swap ----------*/

#swap {
width: 500px;
height: 100%;
margin: 0px;
align: left;
padding: 0px 0px 0px 0px;

}

#swap li a {
voice-family: inherit;
height: 120px;
text-decoration: none;

}	
	
a.charge-s {
display: block;
background:  url(img/charge-s1.jpg);
padding: 0px 0 0 0px;
width: 230px;
height: 120px;
}
	
a:hover.charge-s {
background:  url(img/charge-s2.jpg);
padding: 0px 0 0 0px;
width: 230px;
height: 120px;
}



a.faq-s {
display: block;
background:  url(img/faq-s2.jpg);
padding: 0px 0 0 0px;
width: 230px;
height: 120px;
}
	
a:hover.faq-s {
background:  url(img/faq-s3.jpg);
padding: 0px 0 0 0px;
width: 230px;
height: 120px;
}




/*---------- /swap ----------*/








/*---------- m-bar ----------*/

.m-bar {
	border: 0;
	margin: 0;
	padding: 0;
	width: 230px;
	height: 120px;
	overflow: hidden;
}

.m-bar img {
	visibility: hidden;
}

.m-bar a,
.m-bar a:link,
.m-bar a:visited {
	background-position: 0px 0px;
	float:left;
}
.m-bar a:focus,
.m-bar a:hover,
.m-bar a:active {
	background-position: 0px 120px;
	float:left;
}

.m-bar .charge-s a {
	background-image: url(img/charge4.jpg);
}
.m-bar .faq-s a {
	background-image: url(img/faq4.jpg);
}






/*---------- /m-bar ----------*/













/*---------- �t�b�^�[ ----------*/

#footer {
  clear: both;
  margin: 0;
  padding: 2px 0 1px 0;
  text-align: center;
  font-size: 12px;
  color: #333;
  border-top: solid 0px #333333;
  border-bottom: solid 0px #666666;
  
  background-image: url(img/bg-gra2.pn);
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-position: 0% 100%;
  background-color: #000;
}

#footer h1 {
  margin: 0;
  text-align: center;
  padding: 0px 0px 0 0;
  font-size: 10px;
  color: #666;
}

#footer h1 a {
  padding: 2px 0 0 0;
  color: #ccc;
  font-size: 12px;
 }

#footer h1 a:hover {
  padding: 2px 0 0 0;
  color: #ccc;
}

#footer a {
  color: #004080;
  font-size: 10px;
 }

#footer a:hover {
  color: #004080;
}