@charset "utf-8";

/*ブラウザスタイルの初期化*/

body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
table,th,td,
form,fieldset,legend {
	margin: 0;
	padding: 0;
	font-family: Verdana,Arial,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",san-serif;
}

/*font-size初期化*/

body {
	font-size: 10px;
	_font-size:62.5%;/*IE6*/
	line-height:1.4;
}

/*border初期化*/
/*margin　paddingプロパティ追加*/

img,object {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:bottom;
}

/*table設定*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*テキスト設定*/

p {
	text-align: justify;
	text-justify: distribute;
}

/*clearfix*/
/*height0.1px font-size0.1em追加*/

.clearfix:after, div:after {
    content: "."; 
    display: block; 
	height: 0.1px;  
	font-size: 0.1em;  
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}/*IE7用*/

.clear {
	clear:both;
}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

body {
	background:url(../image/bg.jpg);
	color: #333;
}

ul,
li,
ol {
	list-style:none;
}

a {
	text-decoration:underline;
	cursor: pointer;
} 

a:link {
	color: #363573;
}

a:visited {
	color: #363573;
}

a:hover {
	color: #6F6CBB;
}

a:active {
	color: #363573;
}
/*		share
-----------------------------------------------------------------*/
.mb10 {
	margin-bottom:6px;
}
.RGHT {
	text-align:right;
}
.floatL {
	float:left;
}
.floatR {
	float:right;
}
p.mr {
	margin-right:40px;
}
p.tops {
	text-align:right;
	clear:both;
	padding:5px 0 0 0;
}
p.top {
	text-align:right;
	clear:both;
}
p.topbt {
	margin-bottom:20px;
}
p.index-link {
	text-align:right;
	clear:both;
	line-height:1.7;
}
p.top a {
	color:#00A600;
	text-decoration:underline;
}
p.top a:hover {
	text-decoration:none;
}
h2 {
	color:#FFF;
	text-align:right;
	font-size:1em;
	font-weight:normal;
	padding:75px 12px 0 0;
}
h3.bt {
	margin-bottom:10px;
}
h3 {
	margin-bottom:5px;
}
h4 {
	background:url(../image/h4-bg.jpg) no-repeat;
	height:25px;
	color:#FFF;
	padding:5px 0 0 30px;
	font-size:1.2em;
	margin-bottom:10px;
	clear:both;
}
h5 {
	background:url(../image/h5-bg.jpg) no-repeat left center;
	height:17px;
	padding:0 0 0 16px;
	font-size:1.2em;
	color:#000099;
	clear:both;
	margin-bottom:10px;
}
/*		全体構造
-----------------------------------------------------------------*/
div#container {
	margin:0 auto;
	font-size:1.2em;
	width:800px;
}
div#header {
	margin:0 auto;
	width:800px;
	background:url(../image/head-bg.jpg) no-repeat;
	height:113px;
}
div#index-navi {
	margin:0 auto;
	width:800px;
	background:url(../image/mainimg.jpg) no-repeat;
	height:300px;
	position:relative;
}
div#gnavi {
	margin:0 auto;
	width:800px;
	background:url(../image/otherimg.jpg) no-repeat;
	height:130px;
	position:relative;
}
div#index-navi ul ,div#gnavi ul {
	position:absolute;
	bottom:0px;
	width:798px;
	height:30px;
	padding-left:1px;
}
div#index-navi ul li ,div#gnavi ul li {
	float:left;
	text-align:center;
}
div#index-navi ul li a ,div#gnavi ul li a {
	display:block;
	padding-top:7px;
	height:23px;
	width:160px;
	background:url(../image/navi-bg.jpg) no-repeat;
	color:#FFF;
	text-decoration:none;
	opacity : 0.7;
	filter: alpha(opacity=70);
}
div#index-navi ul li.firstChild a ,div#gnavi ul li.firstChild a {
	width:159px;
	background:url(../image/navi-first.jpg) left top no-repeat;
}
div#index-navi ul li.lastChild a ,div#gnavi ul li.lastChild a {
	width:159px;
	background:url(../image/navi-last.jpg) right top no-repeat;
}
div#index-navi ul li a:hover ,div#gnavi ul li a:hover {
	opacity : 0.55;
	filter: alpha(opacity=55);
}
div#main {
	margin:0 auto;
	width:780px;
	padding:10px;
	background:url(../image/main-x.jpg) repeat-x #FFF;
}
div#footer {
	clear:both;
	margin:0 auto;
	background:url(../image/foot-bg.jpg) no-repeat;
	height:117px;
	width:800px;
}
div#footer address {
	float:right;
	font-style:normal;
	color:#FFF;
	padding:9px 10px 0 0;
}
/*		インデックス
-----------------------------------------------------------------*/
div#main dl.Left {
	background:url(../image/left-box.jpg) no-repeat left top;
	float:left;
	width:255px;
	padding:145px 0 0 0;
	margin-right:4px;
}
div#main dl.Center {
	background:url(../image/center-box.jpg) no-repeat left top;
	float:left;
	width:256px;
	padding:145px 0 0 0;
	margin-right:5px;
}
div#main dl.Right {
	background:url(../image/right-box.jpg) no-repeat left top;
	float:left;
	width:255px;
	padding:145px 0 0 0;
	margin-bottom:10px;
}
div#main dl.Left dt ,div#main dl.Center dt ,div#main dl.Right dt {
	background:url(../image/index-dt.jpg) no-repeat;
	color:#FFF;
	padding:6px 0 10px 23px;
	font-weight:bold;
}
div#main dl.Left dd ,div#main dl.Center dd ,div#main dl.Right dd {
	width:248px;
	height:70px;
	padding:0 0 0 2px;
	position:relative;
}
div#main dl.Left dd span ,div#main dl.Center dd span ,div#main dl.Right dd span {
	display:block;
	position:absolute;
	right:2px;
	bottom:0px;
}
/*	　　ご利用ガイド
-----------------------------------------------------------------*/
table.guide {
	margin:0 auto 5px;
}
table.guide caption {
	text-align:left;
	padding:0 0 2px 60px;
	font-size:1.4em;
	font-weight:bold;
}
table.guide th {
	width:190px;
	background-color:#2D60B5;
	color:#FFF;
	padding:4px 0;
	border:2px solid #FFF;
}
table.guide td {
	background-color:#C2DBF5;
	color:#00468C;
	padding:4px 10px;
	border:2px solid #FFF;
}
p.subtxt {
	text-align:right;
	padding:0 40px 0 0;
	margin-bottom:10px;
}
/*	　　客室
-----------------------------------------------------------------*/
div.content {
	padding:0 40px;
}
div.content dl.room {
	float:left;
	margin:0 6px 15px 4px;
}
div.content dl.roomR {
	float:left;
	margin:0 0 0 4px;
}
div.content dl.room dt , div.content dl.roomR dt {
	padding-bottom:4px;
}
div.content dl.room dd , div.content dl.roomR dd {
	background:url(../image/room-arr.jpg) no-repeat left center;
	padding:0 0 0 20px;
	margin-left:5px;
}
table.room {
	margin:5px 0 5px;
}
table.room th {
	width:190px;
	background-color:#CDBAA9;
	color:#660000;
	padding:4px 0;
	border:2px solid #FFF;
}
table.room td {
	background-color:#FFF3E4;
	color:#660000;
	padding:4px 10px;
	border:2px solid #FFF;
	font-size:1.2em;
}
/*	　　観光
-----------------------------------------------------------------*/
p.seeing {
	padding:0 10px 10px 10px;
	clear:both;
}
p.seeimg {
	margin-bottom:30px;
}
dl.seeing {
	float:right;
	width:475px;
}
dl.seeingg {
	margin-bottom:20px;
	padding:0 0 0 10px;
}
dl.seeing dt ,dl.seeingg dt {
	color:#990000;
	background:url(../image/seeing-dt.jpg) no-repeat left center;
	padding:0 0 0 20px;
}
dl.seeing ul li {
	background:url(../image/seeing-li.jpg) no-repeat left center;
	padding:0 0 0 20px;
}
dl.seeing dd p ,dl.seeingg dd p {
	padding:5px 0 0 2px;
}
img.seeing {
	padding:0 0 20px 10px;
}
ul.link {
	padding:5px 0 0 15px;
}
ul.link li {
	float:left;
	padding-right:10px;
	text-align:center;
	margin-bottom:20px;
}
ul.link li a {
	line-height:1;
}
ul.link li img {
	display:block;
	padding-bottom:4px;
}
/*	　　マップ
-----------------------------------------------------------------*/
div#map {
	height:300px;
	width:700px;
	margin-bottom:15px;
}
h6 {
	font-size:1.6em;
	line-height:1;
}
/*		english
-----------------------------------------------------------------*/
div.english {
	padding:0 40px;
}
div.english p {
	padding:0 10px 10px 10px;
	font-size:1.2em;
}
div.english p span {
	color:#2B6193;
	font-weight:bold;
}