﻿body {
  min-height: 600px;
  min-width: 800px;
  _height: 600px;
}

#top-bg {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  z-index: -1;
}
 
#page {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

#main {
  padding-top: 2.5em;
  padding-left: 4em;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

#top-links h1 {
  margin: 5px 0;
}
#top-links ul {
  position: absolute;
  right: 0;
  bottom: 1em;
}
#top-links ul li {
  margin-top: 5px;
}
#top-links ul li a {
  background: url(/content/images/top_header_links.jpg) no-repeat;
  display: block;
  width: 190px;
  text-indent: -9999px;
}
#top-links ul li.ameba a {
  height: 45px;
}
#top-links ul li.atcosme a {
  background-position: 0 -45px;
  height: 45px;
}
#top-links ul li.media a {
  background-position: 0 -90px;
  height: 45px;
}
#top-links ul li.points a {
  background-position: 0 -135px;
  height: 90px;
}
#top-links ul li.online-shop a {
  background-position: 0 -225px;
  height: 90px;
}

#menu-container li a {
  background: url(/content/images/top/top_menu.gif) no-repeat;
  display: block;
  width: 322px;
  height: 27px;
  text-indent: -9999px;
}
#menu-container li a:hover.about {
  background-position: -323px 0;  
}
#menu-container li a.products {
  background-position: 0 -27px;
}
#menu-container li a:hover.products {
  background-position: -323px -27px;
}
#menu-container li a.stores {
  background-position: 0 -54px;
}
#menu-container li a:hover.stores {
  background-position: -323px -54px;
}
#menu-container li a.brush-care {
  background-position: 0 -81px;
}
#menu-container li a:hover.brush-care {
  background-position: -323px -81px;
}
#menu-container li a.media {
  background-position: 0 -108px;
}
#menu-container li a:hover.media {
  background-position: -323px -108px;
}
#menu-container li a.faq {
  background-position: 0 -135px;
}
#menu-container li a:hover.faq {
  background-position: -323px -135px;
}
#menu-container li a.enquiry {
  background-position: 0 -162px;
}
#menu-container li a:hover.enquiry {
  background-position: -323px -162px;
}

#toppage-footer {
  background-color:	#989479;
	opacity:0.75; /*FF*/
	filter:alpha(opacity=75);
	position: absolute;
	width: 100%;
	bottom: 76px;
}
#toppage-footer div {
  margin: 1em;
}

#toppage-footer ul {
  margin: 0 auto;
  width: 1092px;
}
#toppage-footer ul li {
  margin-left: 0.5em;
}
#toppage-footer ul li:first-child {
  margin-left: 0;
}
#toppage-footer ul li a {
  background: url(/content/images/top/footer.gif) no-repeat;
  display: block;
  width: 268px;
  height: 48px;
  text-indent: -9999px;
}
#toppage-footer ul li a.supplier {
  background-position: -268px 0;
}
#toppage-footer ul li a.mp-blog {
  background-position: -536px 0;
}
#toppage-footer ul li a.ameblo {
  background-position: -804px 0;
  width: 131px;
}
#toppage-footer ul li a.cosmenet {
  background-position: -935px 0;
  width: 131px;
}