@charset "UTF-8";

div#introduction {
  text-align: center;
}
div#introduction div.content {
  padding-bottom: 20px;
}

div#introduction p.tagline {
  padding: 0;
/*  text-align: center;
  margin: 15px 0 0 0;
  font-family: 'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','MS P明朝',serif;
  color: #1B517D;
  font-size: 25px;
  line-height: 25px;*/
  margin: 15px auto 0 auto;
  width: 681px;
  height: 26px;
  background: url("../image/content/home/tagline.gif") no-repeat center top;
  text-align: left;
  text-indent: -1000px;
  font-size: 1px;    
}

div#introduction p.sub-tagline {
  margin: 20px 0 4px 0;
  text-align: center;
}
div#introduction div#mainimage {
  width: 864px;
  height: 363px;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  background: url("../image/content/home/introduction.jpg") no-repeat center top;
  text-align: left;
  font-size: 1px;  
}
div#introduction div#mainimage ul {
  list-style-type: none;
}
div#introduction div#mainimage ul li a {
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  text-indent: -500px;
  overflow: hidden;
}
div#introduction div#mainimage ul li a#pamphlet {
  left: 533px;
  top: 0;
}
div#introduction div#mainimage ul li a#catalogue {
  display: none;
}
div#introduction div#mainimage ul li a#dm {
  left: 0px;
  top: 200px;
}
div#introduction div#mainimage ul li a#dm2 {
  left: 170px;
  top: 44px;
}
div#introduction div#mainimage ul li a#dm3 {
  left: 700px;
  top: 250px;
}
div#introduction div#mainimage ul li a#card {
  left: 88px;
  top: 102px;
}
div#introduction div#mainimage ul li a#web {
  left: 784px;
  top: 190px;
}
div#introduction div#mainimage ul li a#poster {
  left: 392px;
  top: 22px;
}
div#introduction div#mainimage ul li a#cd {
  display: none;
}
div#introduction div#mainimage ul li a#package {
  display: none;
}
div#introduction div#mainimage ul li a#other {
  left: 690px;
  top: 65px;
}
div#introduction div#mainimage p a#estimate {
  display: block;
  position: absolute;
  width: 360px;
  height: 64px;
  text-indent: -1000px;
  overflow: hidden;
  left: 251px;
  top: 289px;
  background: url("../image/content/home/estimate.png") no-repeat center top;
}
div#introduction div#mainimage p a#estimate:hover {
  background: url("../image/content/home/estimate.png") no-repeat center -64px;
}
div#introduction div#mainimage p a#estimate:active {
  background: url("../image/content/home/estimate.png") no-repeat center -128px;
}
div#introduction div#mainimage p a#merit {
  display: block;
  position: absolute;
  width: 330px;
  height: 41px;
  text-indent: -1000px;
  overflow: hidden;
  left: 266px;
  top: 322px;
}

div#main {
  position: relative;
}
div#kagsha {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 984px;
  height: 476px;
  background: #fff url("../image/content/home/kagsha.jpg") no-repeat center top;
  overflow: hidden;
  text-align: left;
  font-size: 1px;
  text-indent: -999px;
}
div#kagsha h1, div#kagsha p {
  overflow: hidden;
  text-align: left;
  font-size: 1px;
  text-indent: -999px;
}
a#kagsha-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 984px;
  height: 476px;
}
a#close-button {
  position: absolute;
  top: 442px;
  left: 63px;
  width: 244px;
  height: 34px;
}