/*
 * ----------------------------
 * written by a-frok 2007.09.29
 * ----------------------------
 */

* {
  margin:0;
  padding:0;
}

body {
  background:#dde0cf;
  text-align:center;
}

div.wrapper {
  width:800px;
  margin:0 auto;
  text-align:center;
}

body#top div.wrapper h1 {
  background:url(./src/logo.gif) no-repeat 0 0;
  width:280px;
  height:220px;
  margin:50px auto 10px;
  text-align:left;
  text-indent:-999em;
}

body#top div.wrapper h2 {
  background-position:0 0;
  margin:0 auto;
  text-indent:0;
  text-align:center;
  overflow:hidden;
}

body#top div.wrapper h2 a {
  background-repeat:no-repeat;
  text-indent:-999em;
  outline:none;
  text-align:left;
  display:block;
  margin:0 auto;
}

body#top div.wrapper h2.pluseight a {
  background-image:url(./src/plusEight.gif);
  width:180px;
  height:36px;
}
body#top div.wrapper h2.pluseight a:hover {
  background-position:0 -36px;
}

body#top div.wrapper h2.knotnot a {
  background-image:url(./src/knotnot.gif);
  width:130px;
  height:38px;
}

body#top div.wrapper h2.knotnot a:hover {
  background-position:0 -38px;
}

body#top div.wrapper h2.contact {
  margin:10px;
}

body#top div.wrapper h2.contact a {
  background:url(./src/contact.gif) no-repeat 0 0;
  width:130px;
  height:25px;
  overflow:hidden;
}
body#top div.wrapper h2.contact a:hover {
  background-position:0 -25px;
}

body#top div.wrapper dl {
  background:url(./src/shoplist.gif) no-repeat 0 0;
  width:347px;
  height:137px;
  overflow:hidden;
  margin:auto;
  text-indent:-999em;
}

body#top div.wrapper h3, body#top div.wrapper p {
  display:none;
}

body#contact img {
  margin-top:20px;
}

body#contact dl#access {
  background:url(./src/access.gif) no-repeat 0 0;
  width:560px;
  height:40px;
  margin:auto;
  overflow:hidden;
  text-indent:-999em;
}

body#contact p#accessnote {
  display:none;
}

body#contact dl {
  margin:auto;
  overflow:hidden;
}

body#contact dl#address {
  background:url(./src/address.gif) no-repeat 0 0;
  width:420px;
  height:100px;
  text-indent:-999em;
}

body#contact dl#mail {
  background:url(./src/mail.gif) no-repeat 0 0;
  width:200px;
  height:40px;
  margin:auto;
  overflow:hidden;
}

body#contact dl#mail dt {
  display:none;
}

body#contact dl#mail dd a {
  display:block;
  background:url(./src/mail.gif) no-repeat 0 0;
  width:200px;
  height:40px;
  margin:10px auto;
  overflow:hidden;
  text-indent:-999em;
}