<style type="text/css">
<!--
/* CSS Tabs */
#navcon {
        margin: 0px;
        padding: 0px;
		width:100%;
		margin-left:4px;
		margin-right:0px;
		border-left:1px solid #2763A5;
}

/* to floated list */
#navcon:after {
        content: ".";
        display: block;
        line-height: auto;
        font-size: 1px;
        clear: both;

}

ul#navilist {
        list-style: none;
        padding: 0px;
        margin: 0px;
        width: 100%;
        font-size: 12px;
		
}

ul#navilist li {
	display: inline;
	float: left;
	/*width: 12.5%; */
	width:14.3%;
	margin-right:-1px;
	padding: 0;
	border-bottom:1px solid #2763A5;
	font-weight:normal;
	  
}

ul#navilist li a {
        display: block;
        width: 100%;
        padding: 1px;
        color: #ffffff;
        text-decoration: none;
	  background:url("http://i.yimg.jp/images/map/yy/images/tabrightE.gif") no-repeat right top;
	  font-weight:bold;
background-color:A1B0ED;
	  
}

#navcon>ul#navilist li a { width: auto; }

    #navilist a span {
      float:left;
      display:block;
      padding:1px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navilist a span {float:none;}
    /* End IE5-Mac hack */


ul#navilist li#active a {
        color: #ffffff;
		background-position:100% -42px;
		font-weight:bold;
		
}

    ul#navilist li a:hover {
      
	  background-position:100% -42px;
	  font-weight:bold;
      }
    ul#navilist li a:hover span {
	background-position:100% -42px;
      }


ul#navilist li#active a:hover {
        color: #ffffff;
        /*border-color: #aaab9c #fff #fff #ccc;*/
}
    #navilist a:hover {
      background-position:0% -42px;
      }
    #navilist a:hover span {
	background-position:100% -42px;
	
	 }
        #navilist #active a {
        background-position:0% -42px;
		border-left:1px solid #2763A5;
        }
        #navilist #active a span {
		background-position:100% -42px;
        }


-->
</style>
