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

body {
	background: url(../image/bg.gif) center bottom #000000;
	color: #FFFFFF;
	font-size: 12px;
	padding: 0;
	margin: 0;
	}
	
.highlight a:hover *{  
  filter: alpha(opacity=75);  
  -moz-opacity:0.75;  
  opacity:0.75;  
}

p {
	margin: 0 0 5px 0;
	padding: 0;
	}

ul {
	margin: 0;
	padding:0;
	list-style: none;
	}
	
li {
	margin: 0;
	padding:0;
	list-style: none;
	}
	
#wrap {
	width: 980px;
	height: 701px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	}
	
#header {
	width: 980px;
	height: 70px;
	}
	
#head_logo {
	width: 175px;
	height: 70px;
	background: url(../image/klaxon_logo.gif); 
	float: left;
	}
	
h1 {
	font-size: 3px;
	text-indent:-9877em;  
	text-decoration:none;  
	overflow:hidden; 
	}
	
#navi {
	width: 805px;
	height: 70px;
	float: right;
	background: url(../image/navi.gif) no-repeat;
	}
	
#navi ul {  
	padding:0px;
	margin:0px;
 }
 
#navi li {  
	display:inline;  
	list-style-type:none;  
	} 

#navi li a {  
	height:70px;  
	display:block;  
	float:left;  
	text-indent:-9877em;  
	text-decoration:none;  
	overflow:hidden;  
	}

/*------off*/

#navi li.home a {
	background:url(../image/navi.gif) no-repeat 0px 0px;
	width: 65px;
	}
	
#navi li.news a {
	background:url(../image/navi.gif) no-repeat -65px 0px;
	width: 60px;
	}
	
#navi li.concept a {
	background:url(../image/navi.gif) no-repeat -125px 0px;
	width: 90px;
	}
	
#navi li.menu a {
	background:url(../image/navi.gif) no-repeat -215px 0px;
	width: 65px;
	}
	
#navi li.staff a {
	background:url(../image/navi.gif) no-repeat -280px 0px;
	width: 65px;
	}
	
#navi li.catalogue a {
	background:url(../image/navi.gif) no-repeat -345px 0px;
	width: 145px;
	}
	
#navi li.shop a {
	background:url(../image/navi.gif) no-repeat -490px 0px;
	width: 100px;
	}

#navi li.contact a {
	background:url(../image/navi.gif) no-repeat -590px 0px;
	width: 85px;
	}

#navi li.blog a {
	background:url(../image/navi.gif) no-repeat -675px 0px;
	width: 65px;
	}

#navi li.link a {
	background:url(../image/navi.gif) no-repeat -740px 0px;
	width: 65px;
	}

/*------hover*/

#navi li.home a:hover {
	background:url(../image/navi.gif) no-repeat 0px -70px;
	}

#navi li.news a:hover {
	background:url(../image/navi.gif) no-repeat -65px -70px;
	}

#navi li.concept a:hover {
	background:url(../image/navi.gif) no-repeat -125px -70px;
	}

#navi li.menu a:hover {
	background:url(../image/navi.gif) no-repeat -215px -70px;
	}

#navi li.staff a:hover {
	background:url(../image/navi.gif) no-repeat -280px -70px;
	}

#navi li.catalogue a:hover {
	background:url(../image/navi.gif) no-repeat -345px -70px;
	}

#navi li.shop a:hover {
	background:url(../image/navi.gif) no-repeat -490px -70px;
	}

#navi li.contact a:hover {
	background:url(../image/navi.gif) no-repeat -590px -70px;
	}

#navi li.blog a:hover {
	background:url(../image/navi.gif) no-repeat -675px -70px;
	}

#navi li.link a:hover {
	background:url(../image/navi.gif) no-repeat -740px -70px;
	}

#contents {
	width: 980px;
	height: 610px;
	clear: both;
	}
	
#footer {
	width: 980px;
	height: 21px;
	background: url(../image/footer.gif);
	font-size: 10px;
	color: #FFFFFF;
	}
	
#footer a:link {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	}

#footer a:visited {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	}

#footer a:hover {
	font-size: 10px;
	color: #660066;
	text-decoration: underline;
	}

#footer a:active {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	}

#news {
	width: 500px;
	height: 19px;
	float: left;
	padding: 2px 0 0 10px;
	}
	
#copyright {
	width: 400px;
	height: 19px;
	text-align: right;
	padding: 2px 10px 0 0;
	float: right;
	}	
	
	
a:link {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	}

a:visited {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	}

a:hover {
	font-size: 12px;
	color: #660066;
	text-decoration: underline;
	}

a:active {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	}