@import url(../css/top.css);

body {
  background-color: #fff;
}

#gDefSide {
    top: 220px;
}

header {
  background: url(../images/bg_01.gif) repeat-x;
}

#main {
  width: 1040px;
  height: 1105px;
  margin: 0 auto;
  position: relative;
}

h2 {
  float: left;
  width: 750px;
}

h2 img {
  padding: 15px 0 20px 0;
}

#mainVisual {
  float: left;
  width: 690px;
}

#button01 {
  position: absolute;
  left: 50%;
  bottom: 4%;
  margin-left: -387px;
}

/*#sns {
  clear: both;
  padding-top: 30px;
}*/

#mainContents01 {
  background: url(../images/bg_02.png) 0 0;
  background-position:center top;
  background-repeat:no-repeat;
  -moz-background-size:cover;
  background-size:cover;
  background-position: 71%;
}

@media only screen and (max-width: 64em) {
  #mainContents01 {
    background: url(../images/bg_02.png) 0 0;
    background-position:center top;
    background-repeat:no-repeat;
    -moz-background-size:cover;
    background-size:cover;
    background-position: 50%;
  }
 }

article {
  width: 1010px;
  margin: 0 auto;
}

#contents01 {
  float: left;
  width: 690px;
  height: 875px;
  position: relative;
}

#introduction h3 {
  margin: 45px 0 43px 0;
}

#introduction p {
  margin-bottom: 30px;
}

p.pic01 {
  position: absolute;
  bottom: 9px;
  left: -9%;
}

#cast h3 {
  padding: 45px 0 43px 0;
}

#cast p {
  margin-bottom: 45px;
}

p.castSp {
  display: none;
}

#mainContents02 {
  background: #fff2f8;
}

#contents02 {
  float: left;
  width: 690px;
}

#mainContents03 {
  background: url(../images/bg_03.gif) 0 0 repeat;
  position: relative;
  z-index: 1;
}

#contents03 {
  float: left;
  width: 690px;
  position: relative;
}

#staff h3 {
  padding: 45px 0 43px 0;
}

#staff p {
  margin-bottom: 70px;
}

.button02 {
  position: absolute;
  left: 50%;
  bottom: -50px;
  margin-left: 300px;
}

footer {
  background: #ffddf1;
}

#bnrBox {
  width: 750px;
}

#bnrMinibox {
  width: 450px;
  margin: 0 auto;
  padding-top: 13px;
}

.bnrArea_pc ul {
  float: left;
}

.bnrArea_pc ul li {
  padding: 10px 10px 0 0;
}

.bnrArea_pc ul li:nth-of-type(2) {
  padding-bottom: 10px;
}

.bnrArea_sp {
  display: none;
}

.copy {
  padding: 10px 0 1px;
  background-color: #ff2b97;
}

.copy img {
  padding-right: 308px
}
