/* グローバルメニュー */
.g_menu{
	margin-top:10px;
	background-image:url(/ferry/g_menu/img/bg_gm.gif);
	border-right:1px solid #18206F;
	height:24px;
	}

.g_menu li{
	margin:0;
	padding:0;
	display:block;
	float:left;
	list-style: none;
	}

.g_menu li a{
	display: block;
	width:145px;
	height: 0 !important; 
	height /**/: 24px; 
	padding: 24px 0 0 0;
	overflow: hidden;
}


.menu_ferry a {
	background-image:url(/ferry/g_menu/img/gm_ferry.gif);
	background-position: 0 -24px;
}

.menu_cargo a {
	background-image:url(/ferry/g_menu/img/gm_cargo.gif);
}

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

.menu_corporate a {
	background-image:url(/ferry/g_menu/img/gm_corporate.gif);
}

.menu_corporate a:hover {
	background-position: 0 -24px;
}
/* -------サブメニュー------------- */	
.area_l{
	width:172px;
	float:left;
	}
	
.menu{
	font-size:84%;
	line-height: 120%;
	padding-bottom:1px;	
	background-image: url("/ferry/menu/img/bg_menu.gif");		
	border-bottom:1px solid #d9d9d9;
	margin:0 0 5px 0;
	}

.menu_irregular{
	margin-bottom:10px;
	}


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

.s_list_link{
	display:block;
	width:60px;
	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:135px;
	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:135px;
	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;
	}
/* --------------------- */	
.menu li.menu_reservation{
	margin:0;
	padding:0;
}

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

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

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

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

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

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

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

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


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



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

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





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

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

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

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



/* --------------------- */	
.menu_irregular li{
	margin:0 0 3px 0;
	padding:0;
}

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

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

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

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

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

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

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

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

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

.light_menu ul{
	border-top:1px solid #D4D4D4;
	margin-bottom:5px;
}
	

.light_menu li a{
	display: block;
	width:172px;
	height: 0 !important; 
	height /**/: 24px; 
	padding: 24px 0 0 0;
	overflow: hidden;
}

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

.menu_plaza a:hover {
	background-position: 0 -24px;
}
	
.menu_opinion a {
	background-image: url("/ferry/menu/img/b_opinion.gif");
}

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

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


.light_menu li.menu_englishGuide  a {
	border-right:1px solid #D4D4D4;
	border-left:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
	display: block;
	width:170px;
	height: 0 !important; 
	height /**/: 67px; 
	padding: 67px 0 0 0;
	overflow: hidden;
	background-image:  url("/ferry/menu/img/b_englishguide.gif");
	}