/* base */
.piyopiyo {
  width: 950px;
  margin: 0 auto;
  margin-top: 20px;
  line-height: 1.5;
  padding-bottom: 40px;
}
.piyopiyo img {
  border: none;
}
.piyopiyo a:hover img {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.piyopiyo .mb0 {
  margin-bottom: 0 !important;
}

/* topicPath */
#topicPath {
  width: auto;
}

/* contentHeader */
.piyopiyo .contentHeader {
  margin-bottom: 0;
}

/* socialButtons */
.piyopiyo .socialButtons {
  margin-bottom: 12px;
}
.piyopiyo .socialButtons .inlineList {
  float: right;
}

/* present */
.piyopiyo .presentHeader {
  margin:0 auto 30px auto;
  width:750px;
}
.piyopiyo .presentHeader dt {
  margin-bottom: 10px;
  text-align: center;
}
.piyopiyo .presentHeader dd {
  padding: 0 15px;
  font-size: 14px;
  line-height: 1.3;
  color:#424242;
}

/* presentResult */

.piyopiyo .presentResult {
  position: relative;
  margin-bottom: 23px;
  padding: 48px 0 54px 0;
  background: #fff6c1 url(../img/bg_present.jpg) no-repeat;
}
.piyopiyo .presentResult h2 { position: absolute; left: 335px; top: 50px;}
.piyopiyo .presentResult .items {
  padding: 0 25px 0 29px;
  overflow: hidden;
}
.piyopiyo .presentResult .items .item {
  position: relative;
  float: right;
  margin-bottom: 40px;
  width: 421px;
  overflow: visible;
}
.piyopiyo .presentResult .items .item:first-child {
  float: left;
}
.piyopiyo .presentResult .items .item p {
  position: absolute;
}
.piyopiyo .presentResult .items .item01 p {   left: 20px; bottom: 15px; font-size: 12px;}

.piyopiyo .presentResult .items .item02 p {
  width: 365px;
  left: 20px;
  bottom: 15px;
  font-size: 14px;
  line-height: 1.3;
}
.piyopiyo .presentResult .point {
  position: relative;
  margin: 0 25px 0 29px;
  padding: 34px 16px 40px 25px;
  background-color: #fff;
  border-radius: 10px;
  *zoom: 1;
}
.piyopiyo .presentResult .point:after {
  display: block;
  clear: both;
  content: "";
}
.piyopiyo .presentResult .point h3 {
  position: absolute;
  left: 15px;
  top: -29px;
}
.piyopiyo .presentResult .point p {
  float: right;
}
.piyopiyo .presentResult .point p img {
  margin-top: 15px;
}
.piyopiyo .presentResult .point dl {
  float: left;
  width: 430px;
}
.piyopiyo .presentResult .point dt {
  margin-bottom: 12px;
}
.piyopiyo .presentResult .point dd {
  margin-left: 5px;
}
.piyopiyo .presentResult .point dd p {
  float: none;
  font-size: 14px;
}
.piyopiyo .presentResult .point dd .note {
  margin-top: 1.5em;
  font-size: 12px;
}



.piyopiyo .presentMain {
  position: relative;
  margin-bottom: 23px;
  padding: 48px 0 54px 0;
  background: #fff6c1 url(../img/bg_present.jpg) no-repeat;
}
.piyopiyo .presentMain h2 {
  position: absolute;
  left: 417px;
  top: 54px;
}
.piyopiyo .presentMain .items {
  padding: 0 25px 0 29px;
  overflow: hidden;
}
.piyopiyo .presentMain .items .item {
  position: relative;
  float: right;
  margin-bottom: 40px;
  width: 421px;
  overflow: visible;
}
.piyopiyo .presentMain .items .item:first-child {
  float: left;
}
.piyopiyo .presentMain .items .item p {
  position: absolute;
}
.piyopiyo .presentMain .items .item01 p {
  right: 15px;
  bottom: 15px;
  font-size: 12px;
}
.piyopiyo .presentMain .items .item02 p {
  width: 365px;
  left: 20px;
  bottom: 15px;
  font-size: 14px;
  line-height: 1.3;
}
.piyopiyo .presentMain .point {
  position: relative;
  margin: 0 25px 0 29px;
  padding: 34px 16px 40px 25px;
  background-color: #fff;
  border-radius: 10px;
  *zoom: 1;
}
.piyopiyo .presentMain .point:after {
  display: block;
  clear: both;
  content: "";
}
.piyopiyo .presentMain .point h3 {
  position: absolute;
  left: 15px;
  top: -29px;
}
.piyopiyo .presentMain .point p {
  float: right;
}
.piyopiyo .presentMain .point p img {
  margin-top: 15px;
}
.piyopiyo .presentMain .point dl {
  float: left;
  width: 430px;
}
.piyopiyo .presentMain .point dt {
  margin-bottom: 12px;
}
.piyopiyo .presentMain .point dd {
  margin-left: 5px;
}
.piyopiyo .presentMain .point dd p {
  float: none;
  font-size: 14px;
}
.piyopiyo .presentMain .point dd .note {
  margin-top: 1.5em;
  font-size: 12px;
}

/* production */
.piyopiyo .production {
  position: relative;
  margin-bottom: 24px;
  padding: 79px 30px 60px 29px;
  background: #f3fbd6 url(../img/bg_production.jpg) no-repeat;
}
.piyopiyo .production .ill {
  position: absolute;
  right: -10px;
  bottom: 252px;
}
.piyopiyo .production h2 {
  margin-bottom: 48px;
  text-align: center;
}
.piyopiyo .production .items {
  margin-bottom: 28px;
  overflow: hidden;
}
.piyopiyo .production .items .item {
  float: left;
  width: 286px;
  margin-left: 15px;
}
.piyopiyo .production .items .item:first-child {
  margin-left: 0;
}
.piyopiyo .production .items .item img {
  vertical-align: bottom;
}
.piyopiyo .production .items .item h3 {
  padding: 15px 0;
  background: #63a0b5;
  border-radius: 10px 10px 0 0;
}
.piyopiyo .production .items .item dl {
  padding: 8px 0 15px;
  background: #fff;
  text-align: center;
  border-radius: 0 0 10px 10px;
}
.piyopiyo .production .items .item dt {
  padding-bottom: 5px;
}

/* goods */
.piyopiyo .goods {
  margin-bottom: 35px;
}
.piyopiyo .goods .inner {
  padding: 0 26px 23px 26px;
  background: #fdf9b1;
  border-radius: 0 0 10px 10px;
  border: solid 3px #feed9c;
  border-top: none;
}
.piyopiyo .goods .items {
  overflow: hidden;
}
.piyopiyo .goods .item {
  float: left;
  width: 215px;
  margin-left: 10px;
}
.piyopiyo .goods .item:first-child {
  margin-left: 0;
}
.piyopiyo .goods .item dl {
  padding: 13px 0 5px 0;
  background: #fff;
}
.piyopiyo .goods .item .name {
  min-height: 3em;
  padding: 0 10px;
  font-size: 16px;
  font-weight: normal;
  color: #726501;
  line-height: 1.3;
}
.piyopiyo .goods .item .price {
  padding: 0 10px 10px;
}
.piyopiyo .goods .item .btn {
  text-align: center;
}

/* movie */
.piyopiyo .movie {
  position: relative;
  margin-bottom: 35px;
  padding: 68px 60px  35px 68px;
  background: #f1debf url(../img/bg_movie.png);
  border-radius: 10px;
  *zoom: 1;
}
.piyopiyo .movie:after {
  display: block;
  clear: both;
  content: "";
}
.piyopiyo .movie h2 {
  position: absolute;
  left: 115px;
  top: -12px;
}
.piyopiyo .movie .youtube {
  float: left;
  width: 560px;
}
.piyopiyo .movie .list {
  float: right;
  width: 215px;
}
.piyopiyo .movie .list li {
  margin-bottom: 0.5em;
}

/* rule */
.piyopiyo .rule {
  position: relative;
  padding: 66px 0 74px 0;
  background: #daf5fa url(../img/bg_rule.jpg) no-repeat;
}
.piyopiyo .rule h2 {
  margin-bottom: 30px;
  text-align: center;
}
.piyopiyo .rule .table {
  margin: 0 auto 0 auto;
/*  margin-left: 30px; */
  padding: 15px 45px 15px 25px;
  width: 717px;
  background: #fff;
  border-radius: 10px;
}
.piyopiyo .rule .table table {
  width: 100%;
}
.piyopiyo .rule .table th, .piyopiyo .rule .table td {
  padding: 8px;
  border-top: dotted 1px #999;
  vertical-align: top;
  font-size: 14px;
}
.piyopiyo .rule .table th {
  color: #63a0b5;
  white-space: nowrap;
}
.piyopiyo .rule .table tr:first-child th, .piyopiyo .rule .table tr:first-child td {
  border-top: none;
}
.piyopiyo .rule .ill {
  position: absolute;
  right: 0;
  bottom: 0;
}

/* bottom */
.piyopiyo .bottom {
  width: 950px;
  height: 303px;
  background: url(../img/bg_bottom.jpg) no-repeat;
}