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

body {
	background-color: #D6F1FF;
	background-image: url(../images/background.gif);
	background-repeat : repeat-y;
	font-size: 9pt;
	font-family: Arial, 新細明體, MS Gothic;
	margin: 0px;
	}
	
img {
	border:0px;
	}
	
#beingnext {
	width:780px;
	background-color: #FFFFFF;
	border-top-color:#06C;
	border-top-style:solid;
	border-top-width:5px;
	}
	
#title {
	height:90px;
	margin:5px;
	background-image:url(../images/title.gif);
	background-repeat:no-repeat;
	}


#menu{
	width: 780px;
	height:25px;
	background-image:url(../images/menu/background.gif);
	padding:0;
	margin:0;
	}
	
#mainnavi li { 
    display: inline;
	}

ul#navigation {
	position: relative;
	width: 600px;
	margin: 0;
	height: 25px;
	list-style: none;
	overflow: hidden;
	}

ul#navigation li a {
	height: 25px;
	position: absolute;
	overflow: hidden;
	padding: 0px 0 0 0;
	text-indent: -100em;
	text-decoration: none;
	top: 0px;
	width: 120px;
	margin: 0;
	outline: none;
	}


li#left a{ 
	background: transparent url(../images/menu/left.gif) no-repeat 0 0;
	left: 0px;
	}
li#top a{ 
	background: transparent url(../images/menu/home_off.gif) no-repeat 0 0;
	left: 20px;
	}
li#release a{ 
	background: transparent url(../images/menu/release_off.gif) no-repeat 0 0;
	left: 140px;
	}
li#artist a{ 
	background: transparent url(../images/menu/artist_off.gif) no-repeat 0 0;
	left: 260px;
	}
li#link a{ 
	background: transparent url(../images/menu/link_off.gif) no-repeat 0 0;
	left: 380px;
	}
li#guest a{ 
	background: transparent url(../images/menu/guest_off.gif) no-repeat 0 0;
	left: 500px;
	}	

	
li#top a:hover{ 
	background: transparent url(../images/menu/home_on.gif) no-repeat 0 0;
	left: 20px;
	}
li#release a:hover{ 
	background: transparent url(../images/menu/release_on.gif) no-repeat 0 0;
	left: 140px;
	}
li#artist a:hover{ 
	background: transparent url(../images/menu/artist_on.gif) no-repeat 0 0;
	left: 260px;
	}
li#link a:hover{ 
	background: transparent url(../images/menu/link_on.gif) no-repeat 0 0;
	left: 380px;
	}
li#guest a:hover{ 
	background: transparent url(../images/menu/guest_on.gif) no-repeat 0 0;
	left: 500px;
	}	

#footer {
	width:780px;
	height:30px;
	padding-top:10px;
	padding-bottom: 5px;
	padding-left: 5px;
	clear : both;
	}
	
.footer_font {
	font-size:8pt;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	}
	
.clear {
	clear:both;
	}