/* グローバルメニュー */
.g_menu{
	margin-top:10px;
	background-image:url(/cargo/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(/cargo/g_menu/img/gm_ferry.gif);
}

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

.menu_cargo a {
	background-image:url(/cargo/g_menu/img/gm_cargo.gif);
	background-position: 0 -24px;
}

.menu_corporate a {
	background-image:url(/cargo/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(/cargo/menu/img/bg_menu.gif);		
	border-bottom:1px solid #d9d9d9;
	margin:0 0 5px 0;
	}
	
.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_cargo.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_cargo.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_arrow_cargo2.gif) no-repeat;
	background-position:0 2px;
	}


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

.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 /**/: 37px; 
	padding: 37px 0 0 0;
	overflow: hidden;
}



.menu_line a {
	background-image: url(/cargo/menu/img/b_line.gif);
}

.menu_line a:hover {
	background-position: 0 -27px;
}


.menu_services a {
	background-image: url(/cargo/menu/img/b_services.gif);
}

.menu_services a:hover {
	background-position: 0 -27px;
}


.menu_container a {
	background-image: url(/cargo/menu/img/b_container.gif);
}

.menu_container a:hover {
	background-position: 0 -27px;
}





ul.bnArea{
	margin-top:15px;
	}
	

ul.bnArea li{
	margin:0 0 5px 0;
	padding:0;
}

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


ul.bnArea li.bn_safety a {
	background-image: url(/cargo/menu/img/bn_safety.gif);
}

ul.bnArea li.bn_safety a:hover {
	background-position: 0 -45px;
}

ul.bnArea li.bn_modalshift a {
	background-image: url(/cargo/menu/img/bn_modalshift.gif);
}

ul.bnArea li.bn_modalshift a:hover {
	background-position: 0 -45px;
}



ul.bnArea2{
	margin-top:15px;
	}
	

ul.bnArea2 li{
	margin:0 0 5px 0;
	padding:0;
}

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


ul.bnArea2 li.bn_newship a {
	background-image: url(/cargo/menu/img/bn_multimodal.jpg);
}

ul.bnArea2 li.bn_newship a:hover {
	background-position: 0 -150px;
}
ul.bnArea2 li.bn_newship2 a {
	background-image: url(/cargo/menu/img/bn_newship.jpg);
}

ul.bnArea2 li.bn_newship2 a:hover {
	background-position: 0 -150px;
}
ul.bnArea2 li.bn_kyushu a {
	background-image: url(/cargo/menu/img/bn_cargo_service_kyushu.gif);
}

ul.bnArea2 li.bn_kyushu a:hover {
	background-position: 0 -150px;
}