body {
	background:url("images/back.gif") fixed repeat-x top;
	margin:0 auto;
	padding: 0;
	text-align:center;
	font-size: 0.9em;
	line-height:1.1em;
	color:#000000;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
}

#layout{
	background:url("images/footer.gif") no-repeat bottom center;
	padding: 0;
	text-align:center;
	margin:0 auto;
}

/*===============================================
ヘッダー
===============================================*/
#head{
	width: 808px;
	background-color:#ffffff;
	padding: 0;
	text-align:left;
	margin:0 auto;
}

#head table{
	width:100%;
}
#head td {
	padding-left:1px;
	padding-bottom: 1px;
	padding-top: 0px;
	margin:0px;
}
.s-logo{
	position:absolute ;
	top:0px;
	left:50%;
	margin-left:-480px;
}

.tph1{
 font-size:16pt;
 font-family:century;
 color:#000000;
 padding-left:15px;
 margin:5px 0px 5px 0px;
 border:0;
}

.tph2{
 font-size:14pt;
 font-family:century;
 color:#84b341;
 padding-left:15px;
 margin-bottom:15px;
 border: 0px;
 text-align:left;
}

/*===============================================
ナビゲーション
===============================================*/
#navi-top{
	background-color:#2f65ee;
	width:100%;
	text-indent: -1500em;
	position:absolute ;
	top: 508px;
	left:0px;
}

#navi-sub{
	background-color:#2f65ee;
	width:100%;
	text-indent: -1500em;
	position:absolute ;
	top: 350px;
	left:0px;
}

ul#navi {
	width:910px;
	height:40px;
	overflow:hidden;
	margin:0px auto;
}
ul#navi li {
	float:left;
	list-style: none;
}
ul#navi li a {
	height:40px;
	display:block;
}
ul#navi li a:hover {
	background-position:0px -40px;
}

.navi01 a {
	width:97px;
	background:url(images/navi/01.gif) no-repeat 0px 0px;
}
.navi02 a {
	width:97px;
	background:url(images/navi/02.gif) no-repeat 0px 0px;
}
.navi03 a {
	width:97px;
	background:url(images/navi/03.gif) no-repeat 0px 0px;
}
.navi04 a {
	width:97px;
	background:url(images/navi/04.gif) no-repeat 0px 0px;
}
.navi05 a {
	width:97px;
	background:url(images/navi/05.gif) no-repeat 0px 0px;
}
.navi06 a {
	width:97px;
	background:url(images/navi/06.gif) no-repeat 0px 0px;
}
.navi07 a {
	width:97px;
	background:url(images/navi/07.gif) no-repeat 0px 0px;
}
.navi08 a {
	width:97px;
	background:url(images/navi/08.gif) no-repeat 0px 0px;
}
.navi09 a {
	width:97px;
	background:url(images/navi/09.gif) no-repeat 0px 0px;
}

.navi01-selected a {
	width:97px;
	background:url(images/navi/01.gif) no-repeat 0px -40px;
}
.navi02-selected a {
	width:97px;
	background:url(images/navi/02.gif) no-repeat 0px -40px;
}
.navi03-selected a {
	width:97px;
	background:url(images/navi/03.gif) no-repeat 0px -40px;
}
.navi04-selected a {
	width:97px;
	background:url(images/navi/04.gif) no-repeat 0px -40px;
}
.navi05-selected a {
	width:97px;
	background:url(images/navi/05.gif) no-repeat 0px -40px;
}
.navi06-selected a {
	width:97px;
	background:url(images/navi/06.gif) no-repeat 0px -40px;
}
.navi07-selected a {
	width:97px;
	background:url(images/navi/07.gif) no-repeat 0px -40px;
}
.navi08-selected a {
	width:97px;
	background:url(images/navi/08.gif) no-repeat 0px -40px;
}
.navi09-selected a {
	width:97px;
	background:url(images/navi/09.gif) no-repeat 0px -40px;
}

/*===============================================
clearfix
===============================================*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */


/*===============================================
main
===============================================*/
#main{
	width:800px;
	padding: 0;
	text-align:center;
	margin:40px auto 20px auto;
	background-color:#ffffff;
	
}
 

/*===============================================
content
===============================================*/
#content{
	padding:10px 20px;
	text-align:left;
}

#content p{
	margin:0;
	padding:10px;
}

/* コンテンツ　右部分の小見出し */
#content dt{
	font-weight: bold;
	color:#333333;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0px;
}

/*===============================================
本文中のレイアウト表中央配置 サイズは個別指定
===============================================*/
#content table{
	margin:20px auto;
}

th, td{
	vertical-align:top;
	padding:6px;
}

table.select{
	border-collapse :collapse;
	border-spacing :0;
	width:96%;
}
.select th{
	vertical-align:middle;
	border:solid 1px #999;
}
.select td{
	border:solid 1px #999;
	padding:4px;
}

table.form{
	width:100%;
}
.form th{
	width:40%;
	text-align:right;
	border-right:2px solid #84b341;
	
}
.form td{
	width:60%;
	padding:10px;
}
	
table.price{
	border-collapse :collapse;
	border-spacing :0;
	width:100%;
	line-height:0.95em;
}
.price th, .price td{
	vertical-align:middle;
	border:solid 1px #999;
	padding:4px;
	text-align:center;
	width:150px;
}
		
	
/*===============================================
文中リンクボタン
===============================================*/

a.button-01{
	display: block;
	width: 170px;
	margin: 10px auto;
	color:#fff;
	background-color:#2f65ee;
	padding:4px 0px;
	text-align: center;
	text-decoration: none;
}

a.button-01 visited{
	color:#fff;
}
a.button-01:hover{
	background-color:#144fe2;
}
a.button-01:activ{
	color:#fff;
} 

a.button-02{
	display: block;
	width: 100%;
	margin: 10px auto;
	color:#fff;
	background-color:#2f65ee;
	padding:4px 0px;
	text-align: center;
	text-decoration: none;
}

a.button-02 visited{
	color:#fff;
}
a.button-02:hover{
	background-color:#144fe2;
}
a.button-02:activ{
	color:#fff;
} 


/* サブページ右部分 */
.content-right{
	width:560px;
	float:right;
	margin-left:20px;
	line-height: 1.4em;
}


.content-right ul li{
	list-style:square;
	margin-left:10px;
}

.content-right ol li{
	list-style:lower-roman;
	margin-left:0px;
}

/* サブページ左写真部分 */
.content-left{
	width:180;
	float:left;
	padding:15px 0px 0px 10px;
}
.content-left img{
	border:0px;
	padding-bottom: 20px;
}

/*===============================================
共通
===============================================*/
.clear{
	clear:both;
}

p{
	margin:0;
	padding:0;
}

.tac{
	text-align:center;
}

.tacb{
	text-align:center;
	font-weight:bold;
}
.tar{
	text-align:right;
	padding-right:20px;
}
.tal{
	 text-align:left;
}

img{
	border:0;
}

.tour li{
	list-style:none;
	background:url("images/li.gif") no-repeat left 50%;
	padding-left:16px;
	line-height:1.5em;
}

.content-left ul{
	margin:0px;
	padding:0px;
}
.content-left li{
	list-style:none;
}


span{
	color:red;
	font-weight:bold;
}

.rpt{
	text-align:right;
	background:url("images/page-top.gif") no-repeat right 50%;
	padding-right:20px;
	margin-right:10px;
}

/* 本文中見出し　h1ホテル名　h2大見出し*/
h1{
	font-size:1.3em;
	font-weight:normal;
	color:#84b341;
	text-align:left;
	margin-left:10px;
	border-left:10px solid #84b341;
	padding-left:10px;
}

h2{
	font-size: 1.2em;
	font-weight:bold;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	text-align:center;
	margin-top:15px;
	padding:4px 0px;
}

h3{
	font-size: 1.1em;
	font-weight:bold;
	text-align:left;
	margin-left:150px ;
	margin-top:15px;
	padding:0px;
}

/*===============================================
footer
===============================================*/
#footer{
	height:150px;
	width:780px;
	padding-top:50px;
	margin:0 auto;
	text-align:center;
	background:url("images/line.gif") no-repeat center top;
}

#footer h3{
 font-size:1em;
 margin:0px;
 text-align: left;
}
address{
	font-style:normal;
	margin: 5px 5px;
	text-align:left;
}
.fl{
	float:left;
	text-align: left;
}
.fl span{
	margin-right:10px;
}
.fr{
	float:right;
	margin-top: 30px;
	text-align:right;
}
#footer th,td{
	padding:0;
	margin:0;
}