@charset "utf-8";
/* CSS Document */
ul#navi{
	padding: 0px;
	vertical-align: top;
	height: 38px;
	width: 700px;
	list-style-type: none;
	margin: 0px;
}

ul#navi li{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	text-align: left;
	height: 38px;
	background-color: #000066;
}
#navi a em{position:absolute;
left:-999px;
}
/* ナビ背景 */
ul#navi li#to a{
	background-image: url(../image/nav/no-2/top-1.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 116px;
	margin: 0px;
	padding: 0px;
}
ul#navi li#to a:hover{
	background-image: url(../image/nav/no-2/top-2.jpg);
	background-repeat: no-repeat;
}
ul#navi li#works a{
	background-image: url(../image/nav/no-2/works-1.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 117px;
}
ul#navi li#works a:hover{
	background-image: url(../image/nav/no-2/works-2.jpg);
	background-repeat: no-repeat;
}
ul#navi li#companyinfo a{
	background-image: url(../image/nav/no-2/company-1.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 117px;
}
ul#navi li#companyinfo a:hover{
	background-image: url(../image/nav/no-2/company-2.jpg);
	background-repeat: no-repeat;
}
ul#navi li#recruit a{
	background-image: url(../image/nav/no-2/recruit-1.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 117px;
}
ul#navi li#recruit a:hover{
	background-image: url(../image/nav/no-2/recruit-2.jpg);
	background-repeat: no-repeat;
}
ul#navi li#blog a{
	background-image: url(../image/nav/no-2/blog-1.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 116px;
}
ul#navi li#blog a:hover{
	background-image: url(../image/nav/no-2/blog-2.jpg);
	background-repeat: no-repeat;
}
ul#navi li#contact a{
	background-image: url(../image/nav/no-2/contact-1.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 117px;
}
ul#navi li#contact a:hover{
	background-image: url(../image/nav/no-2/contact-2.jpg);
	background-repeat: no-repeat;
}
/* ブロック要素に変換縦横を設定 */
ul#navi li a{
	list-style-type: none;
	float: none;
	display: block;
	margin-top: 0px;
}
li{
	float: left;

}
/* フッター用のナビ */
#item{


}
#privacy{
	margin-left: 10px;
}
#sitemap{
}
ul#item{
	background-position: center center;
	padding: 0px;
	vertical-align: top;
	height: 16px;
	width: 360px;
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	margin-top: 10px;
	margin-right: 170px;
	margin-bottom: 0px;
	margin-left: 170px;
}
ul#item li{
	padding: 0px;
	background-position: center top;
	margin: 0px;
	list-style-type: none;
}
#item a em{position:absolute;
left:-999px;
}
/* ナビ背景 */
ul#item li#privacy a{
	background-image: url(../image/item/privacy-a.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
ul#item li#privacy a:hover{
	background-image: url(../image/item/privacy-b.gif);
	background-repeat: no-repeat;
}
ul#item li#sitemap a{
	background-image: url(../image/item/sitemap-a.gif);
	background-repeat: no-repeat;
}
ul#item li#sitemap a:hover{
	background-image: url(../image/item/sitemap-b.gif);
	background-repeat: no-repeat;
}
ul#item li#release a{
	background-image: url(../image/item/release-a.gif);
	background-repeat: no-repeat;
}
ul#item li#release a:hover{
	background-image: url(../image/item/release-b.gif);
	background-repeat: no-repeat;
}
/* ブロック要素に変換縦横を設定 */
ul#item li a{
	height: 15px;
	width: 120px;
	list-style-type: none;
	float: none;
	display: block;
}
li{
	float: left;

}
