/*-------------------------------------------------
タブ形式　NAVIGATION
-------------------------------------------------*/

#mainnavbox {
    width: 598px;
	margin:0;
	padding:20px 0 0 0;
	height: 30px;
	border-bottom:solid 2px #3194F8;
	}

#mainnav {
	margin: 0;
	padding: 0;
	background:url(../images/bkd_mainnav.gif) no-repeat;
	width: 590px;
	height: 30px;
	position: relative;
	top:0;
	}

#mainnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#mainnav li, #mainnav a {
	height: 30px;
	display: block;
	}

/* Modified Phark Image Replacement Technique */
#mainnav a {text-indent: -500px; overflow:hidden; }

#mainnav_untitled {left:10px; width: 140px;}
#mainnav_cost {left: 155px; width: 140px;}
#mainnav_system {left: 300px; width: 142px;}
#mainnav_experience {left: 445px; width: 144px;}


#mainnav_untitled a:hover, #mainnav_untitled a:visited:hover 
{ background: transparent url(../images/bkd_mainnav.gif) -10px -30px no-repeat;}
#mainnav_cost a:hover, #mainnav_cost a:visited:hover 
{ background: transparent url(../images/bkd_mainnav.gif) -155px -30px no-repeat;}
#mainnav_system a:hover, #mainnav_system a:visited:hover 
{ background: transparent url(../images/bkd_mainnav.gif) -300px -30px no-repeat;}
#mainnav_experience a:hover, #mainnav_experience a:visited:hover 
{ background: transparent url(../images/bkd_mainnav.gif) -445px -30px no-repeat;}

#mainnav_untitled a.selected:link, #mainnav_untitled a.selected:visited 
{ background: transparent url(../images/bkd_mainnav.gif) -10px -60px no-repeat;}
#mainnav_cost a.selected:link, #mainnav_cost a.selected:visited 
{ background: transparent url(../images/bkd_mainnav.gif) -155px -60px no-repeat;}
#mainnav_system a.selected:link, #mainnav_system a.selected:visited
 { background: transparent url(../images/bkd_mainnav.gif) -300px -60px no-repeat;}
 #mainnav_experience a.selected:link, #mainnav_experience a.selected:visited
 { background: transparent url(../images/bkd_mainnav.gif) -445px -60px no-repeat;}