@charset "UTF-8";

/*
font-size list (base: 12px)
 67% =  8px
 75% =  9px
 83% = 10px
 92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/

.head {
  width: 730px;
  height: 130px;
  margin: 30px auto 10px;
  background: url(/1st/img/bd-dvd/heroine/lead-txt.png) no-repeat right 26px;
}
.btn-head a,
#map a {
  display: block;
}
.btn-head a {
  width: 312px;
  height: 100px;
  background: url(/1st/img/bd-dvd/heroine/title_heroine-store.png) no-repeat 0 0;
}
.btn-head a:hover { background: url(/1st/img/bd-dvd/heroine/title_heroine-store.png) no-repeat 0 -100px; }
.chara-wrap {
  background: url(/1st/img/bd-dvd/heroine/bg_main-wrap.png) no-repeat center 80px;
}
.chara-wrap ul li {
  float: left;
  width: 250px;
  text-align: center;
}
#map {
  position: relative;
  width: 503px;
  height: 543px;
  margin: 70px auto 0;
  background: url(/1st/img/bd-dvd/heroine/bg_map.png) no-repeat center 0;
}
#map li a {
  position: absolute;
  background-position: 0 1px;
}
#map li a:hover {
  background-position: 0 -110px;
}
#btn-map1 a {
  top: 60px;
  left: -8px;
  width: 215px;
  height: 137px;
  background-image: url(/1st/img/bd-dvd/heroine/btn_map1.png);
}
#btn-map1 a:hover {
  background-position: 0 -140px !important;
}
#btn-map2 a {
  top: 110px;
  right: 10px;
  width: 130px;
  height: 47px;
  background-image: url(/1st/img/bd-dvd/heroine/btn_map2.png);
}
#btn-map3 a {
  top: 215px;
  left: 250px;
  width: 90px;
  height: 32px;
  background-image: url(/1st/img/bd-dvd/heroine/btn_map3.png);
}
#btn-map4 a {
  top: 253px;
  left: 335px;
  width: 90px;
  height: 106px;
  background-image: url(/1st/img/bd-dvd/heroine/btn_map4.png);
}
#btn-map5 a {
  top: 315px;
  left: 262px;
  width: 80px;
  height: 47px;
  background-image: url(/1st/img/bd-dvd/heroine/btn_map5.png);
}
#btn-map6 a {
  top: 255px;
  left: 175px;
  width: 80px;
  height: 46px;
  background-image: url(/1st/img/bd-dvd/heroine/btn_map6.png);
}
#btn-map7 a {
  top: 305px;
  left: 115px;
  width: 110px;
  height: 46px;
  background-image: url(/1st/img/bd-dvd/heroine/btn_map7.png);
}
#btn-map8 a {
  top: 355px;
  left: 70px;
  width: 80px;
  height: 32px;
  background-image: url(/1st/img/bd-dvd/heroine/btn_map8.png);
}

/* chara-map */
#floatbg{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF');
  z-index: 999;
}
#close-float {
  margin: 0 0 0 auto;
  width: 35px;
  height: 35px;
  cursor: pointer;
  background: url(/1st/img/bd-dvd/heroine/btn_close.png) no-repeat;
}
#megumi-map {
  display: none;
  position: absolute;
  left: 50%;
  margin-top: 80px;
  margin-left: -388px;
  padding: 35px 45px;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 3px solid #ea616f;
  z-index: 1000;
}
#eriri-map {
  display: none;
  position: absolute;
  left: 50%;
  margin-top: 80px;
  margin-left: -388px;
  padding: 35px 45px;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 3px solid #c3d600;
  z-index: 1000;
}
#utaha-map {
  display: none;
  position: absolute;
  left: 50%;
  margin-top: 80px;
  margin-left: -388px;
  padding: 35px 45px;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 3px solid #e60019;
  z-index: 1000;
}
.caption-chara_map {
  width: 100%;
  margin-bottom: 35px;
  z-index: 1003;
}
.ouen-store_list {
  float: left;
  width: 340px;
}
.ouen-store_list li {
  padding: 10px 0 10px 45px;
  font-size: 117%;
  border-bottom: 1px solid #ccc;
}

/* map-wrap */

#map-wrap01,
#map-wrap02,
#map-wrap03,
#map-wrap04,
#map-wrap05,
#map-wrap06,
#map-wrap07,
#map-wrap08 {
  display: none;
  position: absolute;
  left: 50%;
  width: 900px;
  margin-top: 15px;
  margin-left: -450px;
  z-index: 1003;
}
.caption-map {
  display: inline;
  padding: 10px;
  background: #fff;
  border: 1px solid #e7316e;
}
.caption_place {
  margin: 25px 0 10px;
  padding: 5px 10px;
  color: #e7316e;
  font-size: 150%;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}
.map-list dl {
  float: left;
  margin: 5px 15px 0;
}
.map-list dt {
  margin-bottom: 10px;
}
.map-list dd li {
  margin-bottom: 5px;
  padding: 5px;
  font-size: 117%;
  border-bottom: 1px solid #ccc;
}