/* --グローバルナビ　ロールオーバー --*/
#g-navi ul li#g-ferry a{
	background-position:0 -32px;
	}


/* ----*/
	
	
	


.area_l{
	width:222px;
	float:left;
	}

.menu{
	font-size:84%;
	line-height: 120%;
	padding-bottom:1px;	
	background-image:  url("/ferry/img/bg_menu.gif");		
	border-bottom:1px solid #d9d9d9;
	margin-bottom:10px;
	}

.menu_irregular{
	margin-bottom:10px;
	}

.menu ul{
	clear:both;
	}
	
.other_area{
	float:right;
	width:528px;
	margin:0;
	padding:0;
	}
/* --------------------- */	
.news{
	float:left;
	width:300px;
	padding:0 14px;
	margin:10px 0;
	}
.web_infor{
	margin:0;
	}
	
.information{
	margin:0;
	}

.topics{
	margin:0;
	}

.side ul{
	clear:both;
	width:298px;
	margin:0;
	padding:10px 0 20px 0;
	}

.side li{
	background:url(/common/img/list_arrow.gif) no-repeat;
	background-position:0 4px;
	margin:0 0 4px 0;
	padding:0 0 0 14px;
	}

.reservation_txt{
	clear:both;
	margin:0;
	padding:5px 0 20px 5px;
	line-height:110%;
	}


.news_h{
	margin:0;
	padding:0;
	float:left;
	}

.backnumber{
	float:right;
	}

.backnumber a{
	display: block;
	width:50px;
	height: 0 !important; 
	height /**/: 19px; 
	padding: 19px 0 0 0;
	overflow: hidden;
	background-image:  url("/ferry/img/b_backnumber.gif");
}

.backnumber a:hover {
	background-position: 0 -19px;
}



/* --------------------- */	
.plan{
	background-image:  url("/ferry/img/bg_plan.gif");		
	border-bottom:1px solid #d9d9d9;
	margin:10px 0;
	}
.plan_banner{
	padding:1px 2px;
	}

.plan li.menu_plan{
	margin:0;
	padding:0;
}

.plan li.menu_plan a{
	display: block;
	width:222px;
	height: 0 !important; 
	height /**/: 30px; 
	padding: 30px 0 0 0;
	overflow: hidden;
}

.menu_plan a {
	background-image:  url("/ferry/img/b_plan.gif");
}

.menu_plan a:hover {
	background-position: 0 -30px;
}
/* --------------------- */	

.left_menu ul{
	margin-bottom:5px;
}
.left_menu li a{
	display: block;
	width:222px;
	height: 0 !important; 
	height /**/: 24px; 
	padding: 24px 0 0 0;
	overflow: hidden;
}
.menu_opinion a {
	background-image:  url("/ferry/img/b_opinion.gif");
}

.menu_opinion a:hover {
	background-position: 0 -24px;
}
.menu_link a {
	width:200px !important;
	background-image:  url("/ferry/img/b_link.gif");
}

.left_menu a:hover {
	background-position: 0 -24px;
}

.left_menu li.banner a{
	display: block;
	width:222px;
	height: 0 !important; 
	height /**/: 80px; 
	padding: 80px 0 0 0;
	overflow: hidden;
}

.menu_plaza a {
	background-image:  url("/ferry/img/b_plaza.gif");
}

.menu_plaza a:hover {
	background-position: 0 -80px;
}


/* --------------------- */	

.other_banner{
	border:1px solid #d9d9d9;
	padding:1px;
	}

.pickup{
	float:right;
	width:200px;
	padding:0;
	margin:0;	
	}

.attention{
	width:200px;
	padding:5px 0;
	margin:0;	
	}

.attention_photo{
	width:65px;
	padding:0 5px 0 0;
	margin:0;
	float:left;
	}


.attention_txt{
	margin:0;	
	padding:0 5px 0 1px;
	width:124px;
	float:right;
	line-height:120%;
	}

hr.dot{
	border-bottom:1px dotted #dadada;
	clear:both;
	background-color:#FFFFFF;
	}
	

/* --------------------- */	
.menu_list{
	border:1px solid #e2e2e2;
	background-color:#fafafa;
	width:216px;
	margin:1px 2px;
	padding:5px 0 5px 0;
	clear:both;
	}

.s_list_link{
	display:block;
	width:80px;
	float:left;
	padding:0 0 0 8px;
	margin:0 0 0 5px;
	background:url(/common/img/menu_arrow.gif) no-repeat;
	background-position:0 2px;
	}
	
.l_list_link{
	display:block;
	width:185px;
	float:left;
	padding:0 0 0 8px;
	margin:0 0 5px 5px;
	background:url(/common/img/menu_arrow.gif) no-repeat;
	background-position:0 2px;
	}
	
.ls_list_link{
	display:block;
	width:185px;
	float:left;
	padding:0 0 0 10px;
	margin:0 0 5px 10px;
	background:url(/common/img/menu_arrow2.gif) no-repeat;
	background-position:0 2px;
	}
	
.readtxt{
	margin:5px 5px 2px 15px;
	padding:0;
	}
	
.vacant{
	margin:0;
	padding:0;
	}
	
/* --------------------- */	
.menu li.menu_reservation{
	margin:0;
	padding:0;
}

.menu li.menu_reservation a{
	display: block;
	width:222px;
	height: 0 !important; 
	height /**/: 30px; 
	padding: 30px 0 0 0;
	overflow: hidden;
}

.menu_reservation a {
	background-image:  url("/ferry/img/b_reservation.gif");
}

.menu_reservation a:hover {
	background-position: 0 -30px;
}

/* --------------------- */	

.menu li{
	margin:0;
	padding:0;
}

.menu li a{
	display: block;
	width:222px;
	height: 0 !important; 
	height /**/: 27px; 
	padding: 27px 0 0 0;
	overflow: hidden;
}

.menu li p{
	display: block;
	width:222px;
	height: 0 !important; 
	height /**/: 27px; 
	padding: 27px 0 0 0;
	overflow: hidden;
}

.menu_port p {
	background-image:  url("/ferry/img/b_port.gif");
	margin:0;
	padding:0;
}


.menu_guide a {
	background-image:  url("/ferry/img/b_guide.gif");
}
.menu_guide a:hover {
	background-position: 0 -27px;
}

/*運賃重複期間用*/
.menu_tariff p {
	background:url(/ferry/img/b_tariff2.gif) no-repeat;
	margin:0;
	padding:0;
}

/*運賃通常期間用*/
.menu_tariff a {
	background-image:  url("/ferry/img/b_tariff.gif");
}
.menu_tariff a:hover {
	background-position: 0 -27px;
}


.menu_cabin a {
	background-image:  url("/ferry/img/b_cabin.gif");
}
.menu_cabin a:hover {
	background-position: 0 -27px;
}

.menu_facilities a {
	background-image:  url("/ferry/img/b_facilities.gif");
}
.menu_facilities a:hover {
	background-position: 0 -27px;
}

.menu_line a {
	background-image:  url("/ferry/img/b_line.gif");
}
.menu_line a:hover {
	background-position: 0 -27px;
}

.menu_qa a {
	background-image:  url("/ferry/img/b_qa.gif");
}
.menu_qa a:hover {
	background-position: 0 -27px;
}


/* --------------------- */	

.menu_irregular li{
	margin:0 0 2px 0;
	padding:0;
}

.menu_irregular li a{
	display: block;
	width:222px;
	height: 0 !important; 
	height /**/: 27px; 
	padding: 27px 0 0 0;
	overflow: hidden;
}

.menu_irregular li p{
	display: block;
	width:200px;
	height: 0 !important; 
	height /**/: 27px; 
	padding: 27px 0 0 0;
	overflow: hidden;
}

.menu_press a {
	background-image: url("/ferry/img/b_press.gif");
}
.menu_press a:hover {
	background-position: 0 -27px;
}

.menu_recruit a {
	background-image: url("/ferry/img/b_recruit.gif");
}
.menu_recruit a:hover {
	background-position: 0 -27px;
}


/* --------------------- */	

.pickup div.banner{
	margin-bottom:10px;
	}
	
.pickup div.banner p{
	padding:1px;
	border:1px solid #d4d4d4;
	margin-bottom:3px;
	}


.pickup ul#right_menu{
	background-color:#d8eaf1;
	padding:5px 5px 2px 5px;
	margin-bottom:10px;
}

.pickup ul#right_menu li{
	margin-bottom:3px;
}

.pickup ul#right_menu li a{
	display:block;
	width:190px;
	height:66px;
	overflow:hidden;
}

.pickup ul#right_menu li a span{
	display:block;
	padding-left:9999px;
}

.pickup ul#right_menu li#rMenu01 a{background:url(/ferry/img/rMenu01.jpg) no-repeat;}
.pickup ul#right_menu li#rMenu02 a{background:url(/ferry/img/rMenu02.jpg) no-repeat;}
.pickup ul#right_menu li#rMenu03 a{background:url(/ferry/img/rMenu03.jpg) no-repeat;}
.pickup ul#right_menu li#rMenu04 a{background:url(/ferry/img/rMenu04.jpg) no-repeat;}
.pickup ul#right_menu li#rMenu05 a{background:url(/ferry/img/rMenu05.jpg) no-repeat;}
.pickup ul#right_menu li#rMenu06 a{background:url(/ferry/img/rMenu06.jpg) no-repeat;}
.pickup ul#right_menu li#rMenu07 a{background:url(/ferry/img/rMenu07.jpg) no-repeat;}
.pickup ul#right_menu li#rMenu08 a{background:url(/ferry/img/rMenu08.jpg) no-repeat;}
.pickup ul#right_menu li#rMenu09 a{background:url(/ferry/img/rMenu09.jpg) no-repeat;}
.pickup ul#right_menu li#rMenu10 a{background:url(/ferry/img/rMenu10.jpg) no-repeat;}
.pickup ul#right_menu li#rMenu11 a{background:url(/ferry/img/rMenu11.jpg) no-repeat;}

.pickup ul#right_menu li a:hover{background-position:0 -66px !important;}

/* --------------------- */	

.f_txt{
	clear:both;
	width:748px;
	margin:0 5px;
	padding:0 10px;
	background-color:#EEEEEE;
	color:#666666;
	font-size:85%;
	text-align:center;
	}

span.new {
	display: none;
	color: #ffffff;
	font-weight: bold;
}

/* RSSについて----------- */	
ul.ico_link{
	margin:10px 0;

}
li.rss{
    list-style:none;
	background:url(/ferry/img/ico_rss.gif) no-repeat;
	background-position:8px 9px;
	margin:0 0 5px 0;
	padding:5px 5px 5px 28px;
	min-height:14px;
	border:1px solid #D4D4D4;
	}

li.rss a{
	color:#265089;
	}
	
/* オススメ情報*/

.b_campain{
	clear:both;
	padding-top:5px;
	}
	
.b_campain a{
	background:url(/ferry/img/b_campain.gif) no-repeat;
	display:block;
	width:200px;
	height:22px;
	overflow:hidden;
	text-decoration:none;
	}
		
.b_campain a:hover{
	background-position:0 -22px;
	}
	
.b_campain a span{
	display:block;
	padding-left:250px;
	}
	

/* レストランのご案内----------- */

#restaurant{
	margin:0 0 10px 0;
	padding:0;
}

#restaurant a{
	display: block;
	width:222px;
	height: 0 !important; 
	height /**/: 40px; 
	padding: 40px 0 0 0;
	overflow: hidden;
	background:url(/ferry/img/b_restaurant.gif) 0 0 no-repeat;
}

#restaurant a:hover {
	background-position: 0 -40px;
}


/* メイン画像----------- */


#image-navigation {
	background:url(/ferry/img/mainimg/mainimg_bg.gif) left top no-repeat #ebebeb;
	width:750px;
	_height:260px;
	min-height:260px;
	margin:5px 0 13px 0;
	position:relative !important;
}

#image-navigation .navi-image {
  width:738px;
  z-index:50;
  position:absolute;
  left:5px;
  top:13px;
}

#image-navigation .navi-image #main00 {
	cursor:default;
}

#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }

#image-navigation .navi {
	position:absolute ;
	left:3px;
	top:213px;
	z-index:100;
	width:750px;
}


#image-navigation ul.navi li {
	float:left;
	padding:0 1px 0 0;
}

/*--ここの設定をしないとFirefoxで崩れます--*/
#image-navigation ul.navi li a{
	display:block;
}

#image-navigation ul.navi li#main00s {
	display:none;
}

#image-navigation #japanmap {
	position:absolute;
	left:6px;
	top:0;
	z-index:999;
}

/* --運航情報------------------- */	
dl#operating {
	background:url(/common/img/bg_dot.gif) left top;
	padding:10px;
	margin-bottom:15px;
}

dl#operating dt {
	float:left;
	padding-top:2px;
	width:70px;
	}
	
dl#operating dd {
	overflow:hidden;
	zoom:1;
	padding:0;
}

dl#operating dd p {
	margin-bottom:10px;
}

dl#operating dd p:last-child {
	margin-bottom:0;
}