@charset "utf-8";

/*==============================================================================
  タイトル: top-page.css
  著者    : mistgrass (http://www.mistgrass.com/)
  説明    : トップページCSS
==============================================================================*/


* {
  margin: 0;
  padding: 0;
}

/* 全体的なリンク */

a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a:link { color: #00f; }

a:visited { color: #90f; }

a:hover { color: #f00; }

a:active { color: #f00; }

/* デザイン */

body {
  font-size: 85%;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding:0;
  margin: 0;
  background: #000 url(../imgs/top_back.png) no-repeat top center;
}

/* 全体 */
div#top-wrapper {
  text-align: left;
  margin: 0 auto;
  width: 930px;
}

/* トップページメインイメージ */
h1#top-logo {
  width: 340px;
  height: 312px;
  margin: 140px auto 0;
  text-indent: -99999px;
  background: url(../imgs/top_logo.png) no-repeat top left;
}

/* -- トップページページリンク -- */
div#topnavi {
  width: 690px;
  margin: 120px auto 0;
}

div#topnavi h2 {
  width: 105px;
  padding-right: 10px;
  float: left;
}

h2#category01 a {
  width: 95px;
  height: 105px;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
  background: url(../imgs/top_omise.png) no-repeat top left;
}

h2#category02 a {
  width: 95px;
  height: 105px;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
  background: url(../imgs/top_menu.png) no-repeat top left;
}

h2#category03 a {
  width: 95px;
  height: 105px;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
  background: url(../imgs/top_osusume.png) no-repeat top left;
}

h2#category04 a {
  width: 95px;
  height: 105px;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
  background: url(../imgs/top_access.png) no-repeat top left;
}

h2#category05 a {
  width: 95px;
  height: 105px;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
  background: url(../imgs/top_otoiawase.png) no-repeat top left;
}

h2#category06 a {
  width: 95px;
  height: 105px;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
  background: url(../imgs/top_anzenbimi.png) no-repeat top left;
}


h2#category01 a:hover {
  background: url(../imgs/top_omise.png) no-repeat top right;
}

h2#category02 a:hover {
  background: url(../imgs/top_menu.png) no-repeat top right;
}

h2#category03 a:hover {
  background: url(../imgs/top_osusume.png) no-repeat top right;
}

h2#category04 a:hover {
  background: url(../imgs/top_access.png) no-repeat top right;
}

h2#category05 a:hover {
  background: url(../imgs/top_otoiawase.png) no-repeat top right;
}