@charset "utf-8";
/* CSS Document */

div#navi ul{
	margin: 0;
	padding:0;
	height:35px;
}


#navi li {
	display:inline;
	list-style-type:none;
	height:35px;	
}

#navi li a{
	display:block;
	float:left;
	overflow:hidden;
	text-decoration:none;
	height:35px;
}
/*--navi（ナビゲーションバーの設定）*/

li#home a{ /*全ページに使用*/
	background: url(images/navi1.gif) no-repeat 0 0;
	width:130px;
}
li#company a{ /*会社紹介ページ以外に使用*/
	background: url(images/navi1.gif) no-repeat -130px 0;
	width:130px;
}
li#company-now a{ /*会社紹介ページに使用*/
	background: url(images/navi3.gif) no-repeat -130px 0;
	width:130px;
}
li#business a{ /*事業紹介ページ以外に使用*/
	background: url(images/navi1.gif) no-repeat -260px 0;
	width:130px;
}
li#business-now a{ /*事業紹介ページに使用*/
	background: url(images/navi3.gif) no-repeat -260px 0;
	width:130px;
}
li#ships a{ /*船舶紹介ページ以外に使用*/
	background: url(images/navi1.gif) no-repeat -390px 0;
	width:130px;
}
li#ships-now a{ /*船舶紹介ページに使用*/
	background: url(images/navi3.gif) no-repeat -390px 0;
	width:130px;
}
li#recruit a{ /*採用情報ページ以外に使用*/
	background: url(images/navi1.gif) no-repeat -520px 0;
	width:130px;
}
li#recruit-now a{ /*採用情報ページに使用*/
	background: url(images/navi3.gif) no-repeat -520px 0;
	width:130px;
}
li#inquiry a{ /*お問い合わせページ以外に使用*/
	background: url(images/navi1.gif) no-repeat -650px 0;
	width:127px;
}
li#inquiry-now a{ /*お問い合わせページに使用*/
	background: url(images/navi3.gif) no-repeat -650px 0;
	width:127px;
}
/*------link hover*/

li#home a:hover{ 
	background: url(images/navi2.gif) no-repeat 0 0;
	width:130px;
}
li#company a:hover{ 
	background: url(images/navi2.gif) no-repeat -130px 0;
	width:130px;
}
li#business a:hover{ 
	background: url(images/navi2.gif) no-repeat -260px 0;
	width:130px;
}
li#ships a:hover{ 
	background: url(images/navi2.gif)  no-repeat -390px 0;
	width:130px;
}
li#recruit a:hover{ 
	background: url(images/navi2.gif) no-repeat -520px 0;
	width:130px;
}
li#inquiry a:hover{ 
	background: url(images/navi2.gif) no-repeat -650px 0;
	width:127px;
}
.text-hidden {
	visibility:hidden;
}