@charset "utf-8";
/* top.css */


/****************************************

	body

*****************************************/

body, p { color:#000;}




/*****************************

	ヘッダー

******************************/

#wrp_header {
	margin:0;
	padding:0 0 0 0;
	width:100%;
	height:90px;
	overflow:hidden;
	background:url(../images/bg_header.jpg) center top repeat-x;
}

#wrp_header #cnt_header {
	margin:0 auto;
	padding:0;
    width:950px;
	height:90px;
	top:0px;
	position:relative;
}

#wrp_header #cnt_header h1 {
	top:20px;
	/*left:0px;*/	
	left:180px;
	position:absolute;
	width:259px;
	height:48px;
}
/* コロナ予防対策バナー*/
#wrp_header #cnt_header .prevention_bnr {
	width :160px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
#wrp_header #cnt_header .prevention_bnr img {
    max-width: 100%;	
}
/* end brn */
#wrp_header 

#wrp_header #cnt_header span {
	height: 48px;
    left: -160px;
    position: absolute;
    top: -489px;
    width: 255px;
}

#wrp_header #cnt_header h1 a {
	display:block;
	overflow:hidden;
	cursor: pointer;
	word-break:break-all;
	width:259px;
	height:48px;
}



/****  サブメニュー バナー ****/
#wrp_sbmenu_banner {
	margin:0;
	padding:0;
	width:407px;
	height:40px;
	top:0;
	right:0;
	position:absolute;
}

#wrp_sbmenu_banner ul#sbmenu_banner {
	margin:0;
	padding: 0;
	border: 0;
	width:555px;
	height:40px;
	line-height:40px;
	background:url(../images/menu/sbm_header_banner.png) left top no-repeat;
}

#wrp_sbmenu_banner ul#sbmenu_banner li {
	margin:0;
	padding:0;
	list-style: none;
	float:left;
	text-indent:-9999px;
}

#wrp_sbmenu_banner ul#sbmenu_banner li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}


#wrp_sbmenu_banner ul#sbmenu_banner li#sbmb01 a {
	margin:0 6px 0 0;
	width: 70px;
	height:30px;
}

#wrp_sbmenu_banner ul#sbmenu_banner li#sbmb02 a {
	margin:0 6px 0 0;
	width:70px;
	height:30px;
}

#wrp_sbmenu_banner ul#sbmenu_banner li#sbmb03 a {
	margin:0 6px 0 0;
	width:251px;
	height:36px;
}

/*#wrp_sbmenu_banner ul#sbmenu_banner li#sbmb04 a {
	width:144px;
	height:30px;
}*/


/****  お電話の予約 ****/

#img_phone {
	margin:0;
	padding:0;
	width:179px;
	height:30px;
	top:43px;
	right:289px;
	position:absolute;
	background:url(../images/img_phone.gif) left top no-repeat;
}

#img_phone p {
	margin:0;
	padding:0;
	font-size:0;
	text-indent:-9999px;
}



/****  サブメニュー ****/
#wrp_sbmenu {
	margin:0;
	padding:0;
	/*width:275px;*/
	height:24px;
	top:48px;
	right:5px;
	position:absolute;
}

#wrp_sbmenu ul#sbmenu {
	margin: 0;
	padding: 0;
	border: 0;
	/*background:url(../images/menu/sbm_header03.gif) left top no-repeat;
	width:275px;*/
	background:url(../images/menu/sbm_header04.gif) left top no-repeat;
	width:196px;
	height:24px;
	line-height:24px;
	
}

#wrp_sbmenu ul#sbmenu li {
	margin:0;
	padding:0;
	height:24px;
	list-style: none;
	float:left;
	text-indent:-9999px;
}

#wrp_sbmenu ul#sbmenu li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#wrp_sbmenu ul#sbmenu li#sbm01 a {
	width: 101px;
}

#wrp_sbmenu ul#sbmenu li#sbm02 a {
	width:79px;
}

#wrp_sbmenu ul#sbmenu li#sbm03 a {
	width:93px;
}

#wrp_sbmenu ul#sbmenu li#sbm04 a {
	width:74px;
}

/************************

	グローメニュー

*************************/

#top #wrp_gmenu {
	margin:0;
	padding:0;
	width:100%;
	height:57px;
	background:url(../images/menu/bg_gmenutop.jpg) center top repeat-x;
}

#top #wrp_gmenu ul#gmenu {
	margin:0 auto;
	padding:0;
	border:0;
	width:950px;
	height:45px;
	line-height:45px;
	background:url(../images/menu/gmenutop.jpg) left top no-repeat;
}


#top #wrp_gmenu ul#gmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	text-indent:-9999px;
}

#top #wrp_gmenu ul#gmenu li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height:45px;
}


#top #wrp_gmenu ul#gmenu li#gm01 a {
	width: 179px;
}

#top #wrp_gmenu ul#gmenu li#gm01 a:hover {
	background:url(../images/menu/gmenutop.jpg) 0 -45px no-repeat;
}

#top #wrp_gmenu ul#gmenu li#gm02 a {
	width: 122px;
}

#top #wrp_gmenu ul#gmenu li#gm02 a:hover {
	background:url(../images/menu/gmenutop.jpg) -179px -45px no-repeat;
}

#top #wrp_gmenu ul#gmenu li#gm03 a {
	width: 136px;
}

#top #wrp_gmenu ul#gmenu li#gm03 a:hover {
	background:url(../images/menu/gmenutop.jpg) -301px -45px no-repeat;
}

#top #wrp_gmenu ul#gmenu li#gm04 a {
	width: 138px;
}

#top #wrp_gmenu ul#gmenu li#gm04 a:hover {
	background:url(../images/menu/gmenutop.jpg) -437px -45px no-repeat;
}

#top #wrp_gmenu ul#gmenu li#gm05 a {
	width: 114px;
}

#top #wrp_gmenu ul#gmenu li#gm05 a:hover{
	background:url(../images/menu/gmenutop.jpg) -575px -45px no-repeat;
}

#top #wrp_gmenu ul#gmenu li#gm06 a {
	width: 98px;
}

#top #wrp_gmenu ul#gmenu li#gm06 a:hover {
	background:url(../images/menu/gmenutop.jpg) -689px -45px no-repeat;
}

#top #wrp_gmenu ul#gmenu li#gm07 a {
	width: 158px;
}

#top #wrp_gmenu ul#gmenu li#gm07 a:hover {
	background:url(../images/menu/gmenutop.jpg) -787px -45px no-repeat;
}




/*****************************

	コンテンツエリア

******************************/

#top #content_area {
	margin:0 auto;
	padding:30px 19px;
	width:920px;
	overflow:hidden;
	position:relative;
}


/*****************************

	左コンテンツ

******************************/


#top #content_left {
	margin:0;
	padding:0 10px 0 0;
	width:300px;
	float:left;
	background:url(../images/side_line.gif) right top repeat-y;
}


/****  ニュースタイトル ****/
#top #content_left h3#tit_auroranews {
	margin:0;
	padding:0;
	float:left;
	width:368px;
	height:17px;
	line-height:17px;
	text-indent:-9999px;
	background:url(../images/top/tit_auroranews.gif) left top no-repeat;
}


#top #content_left p#btn_morenews a {
	margin:0;
	padding:0;
	float:right;
	width:107px;
	height:18px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/top/btn_morenews.gif) left top no-repeat;
}


/****  おーろらニュース構成 ****/


#top #content_left .wrp_news {
	margin:0;
	padding:15px 0 10px 0;
	clear:both;
	width:482px;
	overflow:hidden;
	border-bottom:1px solid #BBC7BC;
}

#top #loader {
	padding:50px 0 0 200px;
}


#top #content_left .wrp_img {
	margin:0 4px 0 0;
	padding:4px 0 0 6px;
	width:82px;
	height:79px;
	float:left;
	background:url(../images/top/bg_img_news.gif) left top no-repeat;
}


#top #content_left .wrp_news .txt_cnt {
	margin:0;
	padding:0;
	float:left;
	width:390px;
}

#top #content_left .wrp_news .txt_cnt p.title span {
	padding:4px;
	margin-right:8px;
	width:100px;
	color:#fff;
	font-weight:bold;
	background-color:#7A9900;
}

#top #content_left .wrp_news .txt_cnt p.title {
	margin:0 0 10px 0;
	padding:0;
	width:350px;
	color:#106416;
	font-weight:bold;
}

#top #content_left .wrp_news .txt_cnt p.title a {
	color:#106416;
	text-decoration:none;
}

#top #content_left .wrp_news .txt_cnt p.title a:hover {
	text-decoration:underline;
}

#top #content_left .wrp_news .txt_cnt p {
	margin:0;
	padding:0;
	width:350px;
}

#top #content_left .wrp_news .txt_cnt p a {
	color:#000;
	text-decoration:none;
}

#top #content_left .wrp_news .txt_cnt p a:hover {
	text-decoration:underline;
}



/*****************************

	中央コンテンツ

******************************/


#top #content_middle {
	margin:0;
	padding:0 10px;
	width:386px;
	float:left;
	overflow:hidden;
	background:url(../images/side_line.gif) right top repeat-y;
}

/**** 3つポイント****/
#top #content_middle #bn_3points a {
	margin:0;
	padding:0;
	width:183px;
	height:165px;
	display:block;
	overflow:hidden;
	top:625px;
	right:250px;
	position:absolute;
	text-indent:-9999px;
	background:url(../images/top/bn_3points.jpg) left top no-repeat;
}

* html #top #content_middle #bn_3points a {
	right:247px;
}

/**** お客様の声****/
#top #content_middle #bn_cvoice a {
	margin:170px 0 0 0;
	padding:0;
	width:180px;
	height:90px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/top/bn_cvoice.jpg) left top no-repeat;
}


/****  ギャーラリー バナー****/
#top #content_middle #bn_gallery a {
	margin:170px 0 0 0;
	padding:0;
	width:180px;
	height:71px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/top/bn_gallery.jpg) left top no-repeat;
}

/****  乗り場のご案内 ****/
#top #bn_shiretoko a {
	margin:10px 0 0 0;
	padding:0;
	width:190px;
	height:47px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/top/bn_pshiretoko.jpg) left top no-repeat;
}
/****  パンフレットPdf　バナー ****/
#top #bn_pdf a {
	margin:0 0 10px 0;
	padding:0;
	width:190px;
	height:47px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/top/bn_pdf.jpg) left top no-repeat;
}

/****  ツアー体験！ムビー　バナー ****/
#top #content_middle #bn_movie a {
	margin:10px 0 0 0;
	padding:0;
	width:180px;
	height:47px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/top/bn_movie.jpg) left top no-repeat;
}

/****  天気情報 ****/
#top #content_middle h3#tit_weather {
	margin:15px 0 0 0;
	padding:0;
	width:180px;
	height:16px;
	line-height:16px;
	text-indent:-9999px;
	background:url(../images/top/tit_weather.gif) left top no-repeat;
}

#top #content_middle h4#sbtit_weather {
	margin:10px 0 10px 0;
	padding:0;
	width:114px;
	height:13px;
	line-height:13px;
	text-indent:-9999px;
	background:url(../images/top/sbtit_weather.gif) left top no-repeat;
}


#top #content_middle iframe {
	width:180px;
	height:224px;
	margin:0;
	padding:0;
	border-bottom:1px solid #D5EEED;
}

#top #content_middle .left {
	background:none;
}

/****  アクセス　ボタン ****/
#top #btn_access a {
	margin:0 0 10px 0;
	padding:0;
	width:190px;
	height:37px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/top/btn_access_s.gif) left top no-repeat;
}

/****  観光　ボタン ****/
#top #btn_sightseeing a {
	margin:0 0 10px 0;
	padding:0;
	width:190px;
	height:37px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/top/btn_sightseeing_s.gif) left top no-repeat;
}

/****  良くあるご質問　ボタン ****/
#top #btn_faq a {
	margin:0 0 10px 0;
	padding:0;
	width:190px;
	height:37px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/top/btn_faq_s.gif) left top no-repeat;
}


/*****************************

	右コンテンツ

******************************/


#top #content_right {
	margin:0;
	padding:0 0 0 10px;
	width:190px;
	float:left;

}

/****  Reservations ****/

#top h5#tit_reservations {
	margin:0 0 10px 0;
	padding:0;
	width:190px;
	height:16px;
	line-height:16px;
	text-indent:-9999px;
	background:url(../images/tit_reservations.gif) left top no-repeat;
}

#top ul#m_reserves{
    margin:0;
	padding:2%;
	border:0;
	width:96%;
	height:auto;
	background-color:#E5E764;
}

#top ul#m_reserves li{
	list-style:none;

}

#top ul#m_reserves li a{
	display:block;
	margin:0;
	padding:0;

}

#top ul#m_reserves li#mr01 {
	padding:12px 0 0 0;
}


#top ul#m_reserves li#mr01 a {
	height:60px;
}

#top ul#m_reserves li#mr02 {
	padding:1px 0 0 0;
}

#top ul#m_reserves li#mr02 a {
	height:42px;
}

/*Stay*/
#top #content_right h3#tit_plan {
	margin:15px 0 0 0;
	padding:0;
	width:190px;
	height:16px;
	line-height:16px;
	text-indent:-9999px;
	background:url(../images/top/tit_plan.gif) left top no-repeat;
}


/****  Departures ****/
#top #content_right h3#tit_departures {
	margin:15px 0 0 0;
	padding:0;
	width:190px;
	height:16px;
	line-height:16px;
	text-indent:-9999px;
	background:url(../images/top/tit_departures.gif) left top no-repeat;
}

#top #content_right h4#sbtit_departures {
	margin:10px 0 10px 0;
	padding:0;
	width:125px;
	height:16px;
	line-height:16px;
	text-indent:-9999px;
	background:url(../images/top/sbtit_departures.gif) left top no-repeat;
}

/*運航期間前・表示テキスト*/
#top #content_right p#img_departures_off {
	margin:10px 0 30px 0;
	padding:0;
	width:190px;
	height:44px;
	line-height:44px;
	text-indent:-9999px;
	background:url(../images/top/img_departures_off.gif) left top no-repeat;
}


#top #content_right iframe {
	margin:0 0 20px 0;
	padding:0;
	width:190px;
	height:280px;
}

#top #content_right .cont_bn {
	margin-bottom: 5px;
}


/*section#notice_s {
	border:solid 3px #1F955B;
	padding:1%;
	width:580px;
	margin-right: auto;
	margin-left: auto;
}

section#notice_s h2 {
	margin-top:0;
	line-height: 1.4;
	font-size:1em;
}
section#notice_s p {
	margin-bottom:0; font-size:80%;
}

.notice_box_s {
	background-color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
}
*/