@charset "UTF-8";

/* Java 画像差し替え-- */
#s1 {
	display:block;
	width:844px;
	height: 431px;
	z-index: 0;
}

h1 a {background-image: url(image/h1.png);
	width:240px;
	height: 80px;
	position:absolute; top:0px; left:0px;
	z-index:100;
}

/* top インフォメーション-- */
.index #info_baer {
	display:block;
	background-image: url(image/info_baer.png);
	background-repeat: repeat-x;
	position:absolute; top:397px; left:0px;
	padding :0px;
	width:844px;
	height: 34px;
	margin:0px 0px 0px 0px;
	z-index: 100;
	}


.index #contents {
	display:block;
	width: 645px;
	padding: 17px 5px 0px 0px;
	margin : 0px 0px 0px 0px;
	}

/* TOP用レフトスタイル-- */

/* IE文字可変で開きすぎるから-- */
* html .index #left { line-height:18px;}
*+html .index #left { line-height:18px;}


.index #left {
	display:block;
	width: 188px;
	background-image: none;
	background-color: transparent;
	margin: 0px 0px 0px 0px;
	padding: 17px 0px 0px 5px;
	float:left;
	}
	
.index #left .empty,
.index #left .visitor{

	display:block;
	background-image: url(image/l_baner.png);
	background-repeat: no-repeat;
	width: 188px;
	height: 66px;
	margin: 0px 0px 3px 0px;
	padding: 2px 0px 0px 0px;
	text-indent: 0px;}

.index #left .empty a,
.index #left .visitor a{
	display:block;
	background-repeat: no-repeat;
	width: 178px;
	height: 58px;
	margin: 0px 0px 0px 5px;
	text-indent: -9999em;}

.index #left .empty a{ background-image: url(common/image/l_empty.jpg);}
.index #left .visitor a{ background-image: url(common/image/l_visitor.jpg);}
.index #left .visitor a:hover, .index #left .empty a:hover{background-position: 0px 100%;}


/* レフトナビイベント情報-- */

.index #left .event_info{
	display:block;
	background-image: url(image/l_event.jpg);
	background-position: 0px 100%;
	background-repeat: no-repeat;
	width: 188px;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 6px 0px;
	text-indent: 0px;}

.index #left .event_info h3 a{
	display:block;
	background-image: url(image/t_event.jpg);
	background-repeat: no-repeat;
	width: 188px;
	height: 61px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: -9999em;}

.index #left .event_info dl{
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	}
	
.index #left .event_info dl dt {
	margin: 0px 0px 0px 0px;
	padding: 15px 8px 2px 11px;}

.index #left .event_info dl dd {
	border-bottom:solid 1px #e3e3e1;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 15px 11px;}

.index #left .event_info .more_b {
	display:block;
	background-image: url(image/go_info.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 101px;
	width: 79px;
	height: 34px;
	text-indent: -9999em;}

/* レフトナビおといあわせ-- */

.index #left dl.inquiry  {
	display:block;
	background-image: url(image/l_inq.jpg);
	background-position: 0px 100%;
	background-repeat: no-repeat;
	width: 188px;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	text-indent: 0px;}

.index #left dl.inquiry dt{
	display:block;
	background-image: url(image/t_inq.jpg);
	background-repeat: no-repeat;
	width: 188px;
	height: 34px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999em;}

.index #left dl.inquiry dd{
	border-bottom:solid 1px #e0e3e3;
	margin: 0px 5px 0px 5px;
	padding: 9px 10px 7px 11px;
	color: #49218c;}


.index #left dl.inquiry dd.mail{
	border-bottom: 0px none;
	font-size:12px;}

.index #left p.qr{
	display:block;
	background-image: url(image/qr.jpg);
	background-repeat: no-repeat;
	width: 188px;
	height: 58px;
	text-indent: -9999em;}



/* トップページ用コンテンツ
------------------------------------ */


/* トップバナーにシャドウがつきます。-- */
#contents a.main_baner{
	display:block;
	background-image: url(image/top_baner.jpg);
	background-repeat: no-repeat;
	padding: 1px 9px 12px 8px;
	width: 628px;
	height: 115px;}

#contents a.main_baner img{
	display:block;
	width: 628px;
	height: 115px;}


/* トップ2段Banner- */

.index #contents ul#sub_baner {
	display:block;
	padding: 0px;}

.index #contents ul#sub_baner li{
	display:block;
	width: 315px;
	float:left;
	margin:0px 3px 5px 0px ;}


.index #contents ul#sub_baner a {
	display:block;
	border:solid 1px #a581d1;
	margin-left:8px;}

.index #contents ul#sub_baner a:hover{
	display:block;
	border:solid 1px #1c1c1c;
	margin-left:8px;}

.index #contents ul#sub_baner img {
	display:block;
	border:solid 1px #fff;}





/* ピックアップ-- */

.index #contents ul#pickup {
margin-top:7px;
	display:block;
	padding: 0px;}

.index #contents ul#pickup li{
	display:block;
	width: 210px;
	float:left;
	margin:0px 3px 0px 0px ;}

.index #contents ul#pickup p{
	color:#003371;
	margin:5px 0px 20px 8px ;
}

.index #contents ul#pickup a {
	display:block;
	border:solid 1px #a581d1;
	margin-left:8px;}

.index #contents ul#pickup a:hover{
	display:block;
	border:solid 1px #1c1c1c;
	margin-left:8px;}

.index #contents ul#pickup img {
	display:block;
	border:solid 1px #fff;}

.index #contents ul#pickup h3 a {
	display:block;
	background-image: url(image/top_baner.jpg);
	background-repeat: no-repeat;
	border: 0px none;
	height: 32px;
margin-top:10px;
margin-bottom:7px;
	margin-left:8px;
	text-indent:-9999em;}

.index #contents ul#pickup h3.spa a { background-image: url(image/t_spa.jpg); }
.index #contents ul#pickup h3.viking a { background-image: url(image/t_viking.jpg); }
.index #contents ul#pickup h3.banquet a { background-image: url(image/t_banquet.jpg); }
.index #contents ul#pickup h3 a:hover { border: 0px none;}


/* 新着-- */

.index #contents h3#news{
	background-image: url(image/t_news.jpg);
	background-repeat: no-repeat;
	width: 59px;
	height: 18px;
	margin: 0px 0px 0px 18px;
	text-indent:-9999em;}

.index #contents .news{
	display:block;
	list-style:none;
	margin: 5px 8px 0px 8px;
	padding:0px 0px 20px 0px;
	}

.index #contents .news li{
	display:block;
	background-image: url(image/news_border.gif);
	background-repeat: repeat-x;
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 0px;
	clear:both;
	color:#00000;}
	
.index #contents .news li b {
	display:block;
	width:75px;
	margin: 3px 0px 0px 0px;
	padding: 0px 1.1em 0px 15px;
	float:left;
	clear:right;
	}
	
.index #contents .news li p {
	display:block;
	width:500px;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	}
	
	
/* 天気とバナー----- */

.index #contents dl#weather{
	display:block;
	background-image: url(image/weather.jpg);
	background-position: 0px 100%;
	background-repeat: no-repeat;
	width: 169px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 11px 0px;
	color:#00000;
	float:left;
	}

.index #contents dl#weather dt{
	display:block;
	background-image: url(image/t_weather.jpg);
	background-repeat: no-repeat;
	width: 169px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: -9999em;
	}

.index #contents dl#weather dd{
	display:block;
	background-repeat: no-repeat;
	background-position: 0px 0.9em;
	border-bottom:solid 1px #e1e1d7;
	width: 107px;
	margin: 0px 16px 0px 18px;
	padding: 10px 0px 6px 28px;
	text-indent: 0px;
	line-height: 0.9em;
	font-size:12px;
	}


/* 天気マークはクラスで変更----- */

.index #contents dl#weather dd.wt1 { background-image: url(image/w_01.jpg); }
.index #contents dl#weather dd.wt2 { background-image: url(image/w_02.jpg); }


.index #contents dl#weather dd br{ 	height: 0px; clear:both;}

.index #contents dl#weather dd p {
	display:block;
	color:#000;
	margin: 0px;
	padding: 0px;
	letter-spacing: -1px;
	float:left;}

.index #contents dl#weather dd p.temp {
	display:block;
	text-align:right;
	float:right;}
	
.index #contents dl#weather dd p .high{ color:#fe0000;}
.index #contents dl#weather dd p .low{ color:#0183ff;}


/* バナー群----- */
#contents  #baner_crowd {
	display:inline;
	float:right;
	width: 635px;
	list-style: none;
	margin: 24px -11px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#contents #baner_crowd li {
	display:block;
	background-image: url(image/c_baner.png);
	background-repeat: no-repeat;
	width: 157px;
	height: 58px;
	margin: -3px 0px 0px -9px;
	padding: 1px 0px 0px 6px;
	text-indent: 0px;
	float:left;
	}


#contents #baner_crowd li a{
	display:block;
	margin: 0px;
	width: 146px;
	height: 45px;
	padding: 2px;
	border:solid 1px #a3a1a4;
	}

#contents #baner_crowd li a:hover { border:solid 1px #940425}