@charset "UTF-8";

/* Tokyo Auto Cleaner Top page */

body{
	margin: 0;
	text-align: center;
	background: #005da0 url(../images/top_bg.jpg) repeat-x;
}

/*Logo*/
h1{
	margin: 125px auto 0;
	padding: 0;
	width: 645px;
	height: 255px;
	background: url(../images/top_logo.jpg) no-repeat;
	text-indent: -9999px;
}

/*Navigation*/
#navi{
	margin: 90px auto auto;
	padding: 0;
	width: 727px;
	height: 49px;
}

#navi ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li#menu1,li#menu5{
	float: left;
	margin: 0;
	padding: 0;
	width: 146px;
	text-indent: -9999px;
}

li#menu2,li#menu3,li#menu4{
	float: left;
	margin: 0;
	padding: 0;
	width: 145px;
	text-indent: -9999px;
}

#navi a{
	display: block;
	width: 100%;
	height: 49px;
	background: url(../images/menu.gif) no-repeat;
	overflow: auto;
	outline: none;
}

#menu1 a{background-position: 0 0;}
#menu2 a{background-position: -146px 0;}
#menu3 a{background-position: -291px 0;}
#menu4 a{background-position: -436px 0;}
#menu5 a{background-position: -581px 0;}

#navi a:hover{
	background: url(../images/menu.gif) no-repeat;
}

#menu1 a:hover{background-position: 0 -49px;}
#menu2 a:hover{background-position: -146px -49px;}
#menu3 a:hover{background-position: -291px -49px;}
#menu4 a:hover{background-position: -436px -49px;}
#menu5 a:hover{background-position: -581px -49px;}


/*Footer*/
#footer{
	width: 790px;
	margin: 40px auto 0 auto;
	padding: 8px 5px 30px 5px;
	border-top: 1px solid #669ec6;
}
	
#copy{
	float: left;
	margin: 0;
	padding: 0;
	color: #8bd;
	font-family: helvetica,arial,sans-serif;
	font-size: x-small;
	text-align: left;
}

#copy2{
	float: right;
	margin: 0;
	padding: 0;
	color: #8bd;
	font-family: helvetica,arial,sans-serif;
	font-size: x-small;
	text-align: right;
}

.clr{
	clear: both;
}