@charset "UTF-8";
/* style*/
html, body {
  height: 100%;
}

body {
  background: url(../img/bg_main.png);
}

#wrap {
  background: url(../img/bg_wedding.png) no-repeat 50% -108px;
  min-height: 100%;
  position: relative;
}

/* header　*/
#header {
  background: url(../img/bg_header.png) repeat-x 0 bottom;
  position: relative;
  z-index: 3;
}
#header .headerIn {
  margin: 0 auto;
  position: relative;
  width: 811px;
}
#header .logo {
  padding: 8px 0 20px;
}
#header .style {
  position: absolute;
  right: 0;
  top: 22px;
}

/* main　*/
#main {
  padding: 0 0 71px;
}

.txtArea {
  margin: 45px auto 0;
  position: relative;
  width: 811px;
}

.mainTtl {
  margin: 0 0 15px;
}

.leadTxt {
  font-size: 108%;
  line-height: 1.86;
  margin: 0 0 25px;
  width: 476px;
}

#navArea {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(253, 239, 238, 0.75);
  padding: 10px;
  position: absolute;
  right: 0;
  top: 19px;
}
#navArea .start {
  left: -26px;
  position: absolute;
  top: -27px;
  z-index: 3;
}
#navArea .map {
  position: relative;
}
#navArea .on {
  background: url(../img/nav_on.png) no-repeat 0 0;
  height: 27px;
  left: 0;
  position: absolute;
  top: 0;
  width: 42px;
}
#navArea .goal {
  background: url(../img/nav_goal.png) no-repeat 0 0;
}

.area {
  width: 829px;
  height: 348px;
  margin: 0 auto 10px;
  overflow: hidden;
  position: relative;
}
.area .inner {
  left: 0;
  position: absolute;
  top: 0;
  width: 9948px;
}
.area .box {
  background: url(../img/bg_box.png) no-repeat 0 0;
  float: left;
  height: 348px;
  margin: 0 829px 348px 0;
  text-align: center;
  width: 829px;
}
.area .box a {
  transition: 250ms ease-in-out;
}
.area .box a:hover {
  filter: alpha(opacity=75);
  opacity: .75;
}
.area .box .qTxt {
  display: table;
  font-size: 292%;
  font-weight: bold;
  line-height: 1.2;
  margin: 90px 0 30px;
  width: 100%;
}
.area .box .qTxt p {
  display: table-cell;
  height: 106px;
  text-align: center;
  vertical-align: middle;
}
.area .box .btnArea {
  background: url(../img/txt_or.png) no-repeat 50% 50%;
  margin: 0 auto;
  overflow: hidden;
  width: 540px;
}
.area .box .btnArea .no {
  float: left;
}
.area .box .btnArea .yes {
  float: right;
}
.area .goal {
  background: url(../img/bg_goal.png) no-repeat 0 0;
}
.area .goalTtl {
  padding: 95px 0 15px;
}

#start {
  text-align: center;
}

/* footer */
#footer {
  background: url(../img/bg_footer.png) repeat-x 0 0;
  bottom: 0;
  font-size: 77%;
  left: 0;
  padding: 22px 0 13px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 3;
}
#footer .link {
  text-align: right;
  margin: 0 auto -14px;
  width: 811px;
}
#footer .link a {
  background: url(../img/icon_arw.png) no-repeat 0 50%;
  line-height: 1;
  padding: 5px 0 5px 10px;
}

/* detail */
#wrap.detail {
  background: none;
}
#wrap.detail .btn-wed {
  font-size: 108%;
  padding: 12px 0;
  width: 78px;
}
#wrap.detail .yet .btn-wed {
  padding: 8px 0;
  width: 164px;
  font-size: 93%;
}
#wrap.detail .moreBtn .btn-wed {
  width: auto;
  padding: 12px;
}

.detailBox {
  background: url(../img/bg_detail.png) no-repeat 0 0;
  height: 589px;
  margin: 30px auto 35px;
  position: relative;
  text-align: center;
  width: 429px;
  z-index: 2;
}

.detailTtl {
  padding: 64px 0 31px;
}

.detailLead {
  font-size: 93%;
  line-height: 1.7;
  margin: 0 auto 7px;
  text-align: left;
  width: 340px;
}

.detailPlace {
  margin: 10px 0 0;
}
.detailPlace ul {
  margin: 10px 0 0;
}
.detailPlace ul li {
  display: inline-block;
  margin: 0 3px 7px;
  *display: inline;
  *zoom: 1;
}

.tileImg {
  left: 0;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.tileImg .loop {
  position: absolute;
  top: 50px;
  width: 2436px;
  margin: 0 0 0 -1218px;
  left: 50%;
  height: 100%;
  overflow: hidden;
}
.tileImg .tileIn {
  float: left;
}
.tileImg p {
  float: left;
  margin: 0 10px 7px 0;
}
.tileImg .img img {
  border-radius: 5px;
  height: auto;
  width: 233px;
}
.tileImg .sizeL img {
  height: auto;
  width: 476px;
}
.tileImg .leftCol {
  float: left;
  width: 489px;
}
.tileImg .rightCol {
  float: left;
  width: 729px;
}
.tileImg .rightCol .left {
  clear: left;
}
.tileImg .none {
  clear: left;
}