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

* {
	margin: 0;
	padding: 0;
	letter-spacing: 0.5px;
	line-height: 1.6;
	font-family: "メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	list-style: none;
	outline:none;
}


#all{
	margin:auto;
	height:900px;
	width:1000px;
	background-image:url(images/shop.jpg);
	text-indent:-9999px;
	display:block;
}
#main{
	height:350px;
	width:850px;
	background-image:url(images/shop-shampoo.jpg);
	position:relative;
	top:300px;
	left:70px;
}
#moji{
	position:inherit;
	left:300px;
	font-size:20px;
}
#navi{
	height:57px;
	width:1000px;
	position:relative;
	top:400px;
	left:-3px;
}
a.top{
	height:58px;
	width:185px;
	background-image: url(images/top-btn01.gif);
	display: block;
	text-indent: -9999px;
	cursor:pointer;
	position:absolute;
	top: 0px;
	left: 10px;

}
a.top:hover{
	background-position: left bottom;
}
a.menu{
	height:58px;
	width:185px;
	background-image: url(images/menu-btn01.gif);
	display: block;
	text-indent: -9999px;
	cursor:pointer;
	position:absolute;
	top: 0px;
	left: 210px;
}
a.menu:hover{
	background-position: left bottom;
}
a.shop{
	height:58px;
	width:185px;
	background-image: url(images/shop-btn01.gif);
	display: block;
	text-indent: -9999px;
	cursor:pointer;
	position:absolute;
	top: 0px;
	left: 410px;

}
a.shop:hover{
	background-position: left bottom;
}
a.access{
	height:58px;
	width:185px;
	background-image: url(images/access-btn01.gif);
	display: block;
	text-indent: -9999px;
	cursor:pointer;
	position:absolute;
	top: 0px;
	left: 610px;

}
a.access:hover{
	background-position: left bottom;
}
a.sitemap{
	height:58px;
	width:185px;
	background-image: url(images/sitemap-btn01.gif);
	display: block;
	text-indent: -9999px;
	cursor:pointer;
	position:absolute;
	top: 0px;
	left: 810px;

}
a.sitemap:hover{
	background-position: left bottom;
}