@charset "Shift-JIS";

body{
	width: 100% ;
	margin: 0px auto ;
	padding: 0px ;
	text-align: center ;
	background-color: #000000 ;
	color: #333333 ;
	font-size: 13px ;
}
a{text-decoration: none ;}
a:link{color: #AC6F17 ;}
a:visited{color: #AC6F17 ;}
a:hover{color: #DB3400 ;}
h1{
	margin: 0px ;
	padding: 0px ;
	font-size: 12px ;
	font-weight: normal ;
	color: #BBBBBB ;
}
h1 a         { color: #BBBBBB ; text-decoration: none ; }
h1 a:link    { color: #BBBBBB ; text-decoration: none ; }
h1 a:visited { color: #BBBBBB ; text-decoration: none ; }
h1 a:hover   { color: #BBBBBB ; text-decoration: none ; }
h2{
	margin: 0px ;
	padding: 0px ;
}
h3{
	margin: 0px ;
	padding: 0px ;
	font-size: 13px ;
	font-weight: normal ;
}
h4{
	margin: 0px ;
	padding: 0px 0px 15px 0px ;
	font-weight: normal ;
	font-size: small ;
}
img{
	border: none ;
}
table{
	border-collapse: collapse ;
}
table td{
	padding: 0px ;
}
.clear{
	margin: 0px ;
	padding: 0px ;
	clear: both ;
}
.space {
	margin: 5px 0px ;
}
.right{
	text-align: right ;
}
.left{
	text-align: left ;
}
.center{
	text-align: center ;
}
.top{
	vertical-align: top ;
}
.bottom{
	vertical-align: bottom ;
}
.bold{
	font-weight: bold ;
}
.red{
	color: #CC0000 ;
}
.orange{
	color: #FF9900 ;
}
/*ヘッダ部分ここから*/
#yago{
	width: 800px ;
	margin: 0px auto ;
	background-color: #000000 ;
	color: #BBBBBB ;
	text-align: left ;
}
#yago-logo{
	width: 300px ;
	margin: 0px ;
	padding: 0px ;
	float: left ;
}
#tel-logo{
	width: 310px ;
	text-align: right ;
	float: right ;
}
#tel-logo a{
	width: 310px ;
	height: 20px ;
	background: url(../img/res-bnr.gif) center bottom no-repeat ;
	display: block ;
}
#tel-logo a:hover{
	width: 310px ;
	height: 20px ;
	background: url(../img/res-bnr.gif) center top no-repeat ;
	display: block ;
}
#head{
	background-color: #000000 ;
}
#head .inner{
	width: 800px ;
	margin: 0px auto ;
}
/*ヘッダ部分ここまで*/

/*各ページトップ部分*/
#page-head td{
	padding: 10px ;
	vertical-align: top ;
}
#page-head ul{
	width: 310px ;
	margin: 0px ;
	padding: 15px 0px 0px 40px ;
	color: #FFFFFF ;
}
#page-head li{
	margin: 0px ;
	padding: 0px ;
	list-style-type: none ;
	line-height: 120% ;
	color: #FFFFFF ;
}
#page-head li a{
	display: block ;
	height: 15px ;
	padding: 0px 0px 0px 15px ;
	background: url(../img/list-mark.gif) left bottom no-repeat ;
	color: #FFFFFF ;
}
#page-head li a:hover{
	background: url(../img/list-mark.gif) left top no-repeat ;
	color: #FFCC00 ;
}
/*各ページトップ部分ここまで*/

/*メニュー部分*/
#menu{
	width: 800px ;
	height: 30px ;
	margin: 0px auto ;
	padding: 0px 0px 0px 0px ;
}
#menu ul{
	margin: 0px auto;
	padding: 0px 0px 0px 0px ;
}
#menu ul li{
	list-style-type: none ; 
	float: left ;
}
#menu-kodawari a{
	display: block ;
	width: 88px ;
	height: 30px ;
	background-image: url(../img/top-btn-kodawari.gif) ;
	background-position: center top ;
	background-repeat: no-repeat ;
}
#menu-kodawari a:hover{
	display: block ;
	width: 88px ;
	height: 30px ;
	background-image: url(../img/top-btn-kodawari.gif)  ;
	background-position: center bottom ;
	background-repeat: no-repeat ;
}
#menu-room a{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-room.gif) ;
	background-position: center top ;
	background-repeat: no-repeat ;
}
#menu-room a:hover{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-room.gif)  ;
	background-position: center bottom ;
	background-repeat: no-repeat ;
}
#menu-cuisine a{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-cuisine.gif) ;
	background-position: center top ;
	background-repeat: no-repeat ;
}
#menu-cuisine a:hover{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-cuisine.gif)  ;
	background-position: center bottom ;
	background-repeat: no-repeat ;
}
#menu-onsen a{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-onsen.gif) ;
	background-position: center top ;
	background-repeat: no-repeat ;
}
#menu-onsen a:hover{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-onsen.gif)  ;
	background-position: center bottom ;
	background-repeat: no-repeat ;
}
#menu-plan a{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-plan.gif) ;
	background-position: center top ;
	background-repeat: no-repeat ;
}
#menu-plan a:hover{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-plan.gif)  ;
	background-position: center bottom ;
	background-repeat: no-repeat ;
}
#menu-facilitity a{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-facilities.gif) ;
	background-position: center top ;
	background-repeat: no-repeat ;
}
#menu-facilitity a:hover{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-facilities.gif)  ;
	background-position: center bottom ;
	background-repeat: no-repeat ;
}
#menu-sight a{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-sight.gif) ;
	background-position: center top ;
	background-repeat: no-repeat ;
}
#menu-sight a:hover{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-sight.gif)  ;
	background-position: center bottom ;
	background-repeat: no-repeat ;
}
#menu-access a{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-access.gif) ;
	background-position: center top ;
	background-repeat: no-repeat ;
}
#menu-access a:hover{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-access.gif)  ;
	background-position: center bottom ;
	background-repeat: no-repeat ;
}
#menu-sitemap a{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-sitemap.gif) ;
	background-position: center top ;
	background-repeat: no-repeat ;
}
#menu-sitemap a:hover{
	display: block ;
	width: 89px ;
	height: 30px ;
	background-image: url(../img/top-btn-sitemap.gif)  ;
	background-position: center bottom ;
	background-repeat: no-repeat ;
}
/*メニュー部分ここまで*/

/*フッタ部分*/
#foot{
	background-color: #000000 ;
}
#foot .inner{
	width: 800px ;
	margin: 0px auto ;
	padding: 0px ;
	color: #FFFFFF ;
	text-align: left ;
	background-image: url(../img/foot.gif) ;
}
#foot a{ text-decoration: none ;outline: 0 ; }
#foot a:link{ color: #FFFFFF ;outline: 0 ; }
#foot a:visited{ color: #CCCCCC ;outline: 0 ; }
#foot a:hover{ color: #C15A1B ;outline: 0 ; }

#foot table{
	width: 100% ;
	margin: 0px ;
	padding: 0px ;
}
#foot table td{
	margin: 0px ;
	padding: 0px ;
}

#foot-address{
	color: #FFFFFF ;
	margin: 0px 15px 7px 0px ;
	text-align: right ;
	font-family: 'ＭＳ 明朝' ;
	font-weight: normal ;
	background-color: #000000 ;
}

#copyright{
	padding:  5px 0px 2px 0px;
	text-align: center ;
	font-size: 11px ;
	color: #CCCCCC ;
	font-style: normal ;
	letter-spacing: 0.1em;
	background-color: #444444 ;
}
#copyright a         { color: #CCCCCC ; outline: 0 ; text-decoration: none ; }
#copyright a:link    { color: #CCCCCC ; outline: 0 ; }
#copyright a:visited { color: #CCCCCC ; outline: 0 ; }
#copyright a:hover   { color: #CCCCCC ; outline: 0 ; }

/*フッタ部分ここまで*/

/*　clear関係　*/
.clear{
	clear: both ;
}
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/*　clear関係ここまで　*/