/* CSS Document */

@import url("format.css");

#top_flash{
	/*width:100%;
	height:809px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:url(../images/top/img_flash.jpg) top center no-repeat;*/
}

#top_left{
	float:left;
	width:240px;
	margin:0;
	padding:0;
	}
#top_right{
	float:right;
	width:720px;
	margin:0;
	padding:0;
	}

/*MAINVISUAL*********************************************************/
.infinity-slide{
  display: flex; /* 二つのスライドを横に並べる */
  width: auto;
  overflow: hidden;
}

.slide {
  animation: infinity-loop 30s infinite linear 1s both; /* 無限ループアニメーションの設定 */
  display: flex; /* スライドの要素を横に並べる */
  height: 100px; /* スライドの高さ */
  position: relative;
}

/* #blockからimgに変えた */
.slide img{
  height: 100%;
  width: auto；
}

/* 無限ループアニメーション */
@keyframes infinity-loop {
  from {
    transform: translateX(0vw);
  }
  to {
    transform: translateX(-100%);
  }
}


/*hotel*********************************************************/
#top_hotel{
	position:relative;
	width:240px;
	height:465px;
	margin:0;
	padding:0;
	background:url(../images/top/bg_hotel.jpg) top left;
	}
.hotel_unit01,.hotel_unit02,.hotel_unit03{
	position:absolute;
	width:215px;
	height:126px;
	margin:0;
	padding:0;
	}
	
.hotel_unit01{top:64px;	left:13px;}
.hotel_unit02{top:193px; left:13px;}
.hotel_unit03{top:322px; left:13px;}

.hotel_cap{
	position:absolute;
	top:68px;
	left:10px;
	font-size:10px;
	color:#b4ac87;
	}
.hotel_name{
	position:absolute;
	top:81px;
	left:10px;
	font-size:12px;
	color:#43539f;
	}
.hotel_btn_tour{position:absolute; top:104px; left:14px;}
.hotel_btn_detail{position:absolute; top:104px; left:112px;}


/*news*********************************************************/
#top_news{
	position:relative;
	width:240px;
	height:335px;
	margin:0;
	padding:0;
	background:url(../images/top/bg_news.jpg) top left no-repeat;
	}

.news01,.news02,.news03,.news04{
	position:absolute;
	font-size:10px;
	line-height:1.2em;
	color:#625a25;
	}
.news01{top:59px; left:55px;}
.news02{top:119px; left:55px;}
.news03{top:179px; left:55px;}
.news04{top:239px; left:55px;}

.news01 a,.news02 a,.news03 a,.news04 a{
	font-size:10px;
	line-height:1.2em;
	color:#625a25;
	text-decoration:none;
	}
.news01 a:hover,.news02 a:hover,.news03 a:hover,.news04 a:hover{
	color:#c71d1d;
	text-decoration:underline;
	}
	
/*link*********************************************************/
#top_link{
	position:relative;
	width:240px;
	height:460px;
	margin:0;
	padding:0;
	background:url(../images/top/bg_link.jpg) top left no-repeat;
	}
	
.top_link_box{position:absolute; top:32px; left:13px;}



/*cap*********************************************************/
#top_cap{
	position:relative;
	width:720px;
	height:241px;
	margin:0;
	padding:0;
	background:url(../images/top/bg_cap.jpg) top left no-repeat;
	}
.top_cap_box{
	position:absolute;
	top:65px;
	left:17px;
	font-size:12px;
	color:#5c5c5c;
	line-height:1.5em;
	}
	
/*speciao*********************************************************/
#top_special{
	position:relative;
	width:720px;
	height:296px;
	margin:0;
	padding:0;
	background:url(../images/top/bg_special.jpg);
	}
	
.special01{position:absolute; top:19px; left:253px;}
.special02{position:absolute; top:19px; left:483px;}
.special03{position:absolute; top:153px; left:23px;}
.special04{position:absolute; top:153px; left:253px;}
.special05{position:absolute; top:153px; left:483px;}

/*tour*********************************************************/
#top_tour{
	position:relative;
	width:720px;
	height:593px;
	margin:0;
	padding:0;
	background:url(../images/top/bg_tour_20111124.jpg) top left no-repeat;
	}
.top_tour_txt{
	position:absolute;
	top:96px;
	left:28px;
	font-size:12px;
	color:#ffffff;
	line-height:1.7em;
	}

.top_tour_unit01,.top_tour_unit02,.top_tour_unit03,.top_tour_unit04{
	position:absolute;
	width:570px;
	height:70px;
	margin:0;
	padding:0;
	}
.top_tour_unit01{top:256px;	left:32px;}
.top_tour_unit02{top:336px;	left:32px;}
.top_tour_unit03{top:416px;	left:32px;}
.top_tour_unit04{top:496px;	left:32px;}


.top_tour_img{position:absolute; top:0; left:0;}
.top_tour_cap{position:absolute; top:5px; left:92px; font-size:12px; color:#575757;}
.top_tour_link{position:absolute; top:27px; left:92px; font-size:12px; color:#1d871c; line-height:1.4em;}
.top_tour_link a{font-size:12px; color:#1d871c; line-height:1.4em; text-decoration:none;}
.top_tour_link a:hover{font-size:12px; color:#c71d1d; line-height:1.4em; text-decoration:underline;}


/*select*********************************************************/
#top_select{
	position:relative;
	width:720px;
	height:130px;
	margin:0;
	padding:0;
	background:url(../images/top/bg_select.jpg)  top left no-repeat;
	}



.select01,.select02,.select03,.select04,.select05,.select06,.select07,.select08{
	position:absolute;
	height:20px;
	font-size:10px;
	color:#000000;
	line-height:1.4em;
	}
.select01{top:53px;	left:49px;}
.select02{top:53px;	left:159px;}
.select03{top:89px;	left:49px;}
.select04{top:53px;	left:345px;}
.select05{top:53px;	left:464px;}
.select06{top:51px;	left:582px;}
.select07{top:89px;	left:345px;}
.select08{top:89px;	left:464px;}

.select01 a,.select02 a,.select03 a,.select04 a,.select05 a,.select06 a,.select07 a,.select08 a{
	font-size:10px;
	color:#000000;
	background: url(../images/top/arrow.gif) top left no-repeat;
	margin:0;
	padding:0 0 0 12px;
	text-decoration:none;
	}
.select01 a:hover,.select02 a:hover,.select03 a:hover,.select04 a:hover,.select05 a:hover,.select06 a:hover,.select07 a:hover,.select08 a:hover{
	font-size:10px;
	color:#c71d1d;
	background: url(../images/top/arrow-on.gif) top left no-repeat;
	text-decoration:underline;
	margin:0;
	}