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


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

	body

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

body, p { color:#000;}




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

	ヘッダー

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

#top #wrp_header {
	margin:0;
	padding:8px 0 0 0;
	width:100%;
	height:495px;
	overflow:hidden;
	position:relative;
	background:url(../images/top/bg_flash.gif) center top repeat-x;
}

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


#top #wrp_header #cnt_header h1 {
	top:-487px;
	left:0;
	position:absolute;
	width:259px;
	height:48px;
}

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



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

* html #top #wrp_sbmenu_banner {
	top:-503px;
}


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

* html #top #wrp_sbmenu {
	top:-455px;
}

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

	グローメニュー

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

#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 15px 0 0;
	width:480px;
	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 #C9E9E8;
}

#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:#318EAC;
}

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

#top #content_left .wrp_news .txt_cnt p.title a {
	color:#fff;
	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 15px;
	width:180px;
	float:left;
	overflow:hidden;
	background:url(../images/side_line.gif) right top repeat-y;
}

/**** お客様の声 バナー****/
#top #content_middle #bn_cvoice a {
	margin:0;
	padding:0;
	width:195px;
	height:181px;
	top:4px;
	right:245px;
	position:absolute;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/top/bn_cvoice.png) left top no-repeat;
}

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

/****  ツアー体験！ムビー　バナー ****/
#top #content_middle #bn_movie a {
	margin:5px 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 #bn_pamphlet a {
	margin:5px 0 0 0;
	padding:0;
	width:180px;
	height:47px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/top/bn_pamphlet.gif) left top no-repeat;
}

/****  流氷　バナー ****/
#top #content_middle #bn_ryuhyo a {
	margin:5px 0 0 0;
	padding:0;
	width:180px;
	height:47px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/top/bn_ryuhyo.jpg) left top no-repeat;
}

/****  流氷　バナー ****/
#top #content_middle #bn_ryuhyo1 a {
	margin:5px 0 0 0;
	padding:0;
	width:180px;
	height:28px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/top/bn_ryuhyo1.gif) left top no-repeat;
}

/****  流氷　バナー ****/
#top #content_middle #bn_ryuhyo2 a {
	margin:1px 0 0 0;
	padding:0;
	width:180px;
	height:28px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/top/bn_ryuhyo2.gif) 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:88px;
	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;
	overflow-x: hidden;
}



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

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

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

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

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

	右コンテンツ

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


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

}


/*ご予約メニュ*/
#top ul#m_reserves{
    margin:0;
	padding:0;
	border:0;
	width:190px;
	height:126px;
	background:url(../images/top/btn_reserves.gif) left top no-repeat;
}

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

#top ul#m_reserves li a{
	display:block;
	margin:0;
	padding:0;
	width:174px;
	text-indent:-9999px;
	overflow:hidden;
}

#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 plan ****/

#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;
}

/****  ご宿泊　ボタン ****/
#top #content_right #bn_stay a {
	margin:0;
	padding:0;
	width:190px;
	height:59px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
	background:url(../images/top/bn_plan.png) left top no-repeat;
}

/****  ご宿泊プランリスト ****/
#top #content_right .wrp_planlist {
	margin:10px 0 18px 0;
	padding:0;
	width:190px;
	overflow:hidden;
}

#top #content_right .wrp_planlist img {
	margin:0;
	padding:0;
	float:left;
}

#top #content_right .wrp_planlist .wrp_txt {
	margin:0;
	padding:0;
	width:140px;
	float:right;
}

#top #content_right .wrp_planlist .wrp_txt h4 {
	margin:0 0 5px 0;
	padding:0;
	width:140px;
	height:12px;
	line-height:12px;
	text-indent:-9999px;
	background:url(../images/top/sbtit_plan.gif) left top no-repeat;
}

#top #content_right .wrp_planlist .wrp_txt p a {
	color:#000;
	text-decoration:none;
	text-align:left;
	width:140px;
}

#top #content_right .wrp_planlist .wrp_txt p a:hover {
	color:#000;
	text-decoration:underline;
}

/****  ご宿泊プラン　ボタン ****/
#top #content_right #btn_planlist a {
	margin:0;
	padding:0;
	width:190px;
	height:10px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/top/btn_planlist.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 {
	width:190px;
	height:280px;
	margin:0 0 20px 0;
	padding:0;
}

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