@charset "utf-8";

/* ---------------------------------- */

/*
 * LAYTON6 OFFICIAL WEB SITE
 * 2012
 *
 * top.css
 *
 *
 */

/* ---------------------------------- */

/*
 *  TABLE OF CONTENTS
 *
 *  @Body
 *  @Wrapper
 *  @Header
 *  @Contents
 *  @Footer
 *
 */

/* ---------------------------------- */

/* @Body
===========*/

body#index {
}

/* ---------------------------------- */

/* @Wrapper
===========*/

#wrapper {
  background: url(/choubunmei/images/top/bg_wrapper.gif) repeat;
  min-width: 974px;
}

#wrapperBody {
  background: url(/choubunmei/images/top/bg_wrapperBody.gif) repeat-x 0 0;
  min-width: 974px;
}

/* ---------------------------------- */

/* @Header
===========*/

#header {
  background: none;
  height: 610px;
  min-width: 974px;
}

#headerInner {
  background: url(/choubunmei/images/top/bg_header.jpg) no-repeat center top;
}

#header .inner {
  height: 615px;
  width: 974px;
  padding: 0;
}

#header h1 {
  top: 2px;
  left: 4px;
}

#header h2 {
  position: absolute;
  top: 174px;
  left: 30px;
}

#header h3 {
  position: absolute;
  top: 378px;
  left: 14px;
}

#header .logo_level5 {
  top: 3px;
  left: 7px;
}

#header .logo_3ds {
  top: 8px;
  right: 4px;
}

#header .btn_takarakuji {
  position: absolute;
  top: 260px;
  right: 0;
}

#header .btn_nazo {
  position: absolute;
  top: 210px;
  right: 0;
}

/* gNavi */

#gNaviWrap {
  position: relative;
  width: 974px;
  /*  padding: 0 5px;*/
  margin: 0 auto;
  z-index: 10;
}

#gNavi {
  width: 974px;
  top: 522px;
  left: 2px;
}

/* ---------------------------------- */

/* @Contents
===========*/

#contentsWrap {
  background: url(/choubunmei/images/top/bg_contents.jpg) no-repeat top center;
  width: 100%;
  min-width: 974px;
}

#contents {
  width: 974px;
}

#contentsFooter {
  background: none;
  padding: 0;
}

#contentsFooter .fNavi {
  width: 970px;
  padding-bottom: 10px;
  padding-left: 7px;
}

.btn_pageTop {
  display: none;
}

/* topics */

#news {
  background: url(/choubunmei/images/top/bg_topics.png) no-repeat top center;
  text-align: left;
  width: 702px;
  margin: 5px auto 0;
  overflow: hidden;
  line-height: 1.7;
  position: relative;
  padding: 40px 170px 35px 50px;
}

.btn_topics {
  position: absolute;
  top: 31px;
  right: 32px;
}

#news dl {
  float: left;
  margin-right: 70px;
}

#news dl dt {
  float: left;
  margin-right: 15px;
  color: #f4e0ba;
}

#news dl dd {
  float: left;
  color: #f4e0ba;
}

#news dl dd img {
  display: none;
}

/* SNS */

.social {
  background: url(../images/top/bg_social.png) no-repeat 0 0;
  overflow: hidden;
  padding: 12px 8px 10px;
  float: right;
  margin-right: 24px;
  _margin-right: 12px;
  width: 238px;
  height: 24px;
}

.social li {
  float: left;
  margin: 0 3px;
}

.social li.facebook {
  width: 72px;
  overflow: hidden;
}