/* 開発秘話共通 */
#contents.secrettop {
  background: #fff url(../imgs/bg_secret.jpg) left top repeat-x; }

#beforeFooter.secrettop {
  padding: 0 0 0 0;
  background: #fff; }

#contents .labo {
  background: url(../secretstory/imgs/sp/bg_secret.png) 0 0 no-repeat;
  width: 930px;
  padding: 40px 20px 0 20px; }

#contents .labo .labo2 {
  zoom: 1; }

#contents .labo .labo2:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.'; }

/* clear float */
#contents .labo .labo2 .title h2 {
  float: left;
  margin: 0 0 30px 0; }

#contents .labo .labo2 .title .backbtn {
  float: right;
  margin: 10px 0 0 0; }

#contents .labo .labo2 h3 {
  clear: both;
  margin: 0 0 30px 0; }

#contents .labo .labo2 h4 {
  font-size: 108%;
  font-weight: bold;
  margin: 0 0 8px 0; }

#contents .labo .labo2 .labotxt {
  float: left;
  width: 468px; }

#contents .labo .labo2 .labotxt p {
  font-size: 93%;
  line-height: 1.7em;
  margin: 0 0 40px 0; }

#contents .labo .labo2 .labophoto {
  float: right; }

#contents .labo .labo2 .labophoto img {
  display: block; }

#contents .labo .labo2 .labophoto span {
  font-size: 85%;
  display: block;
  margin: 10px 0 20px 0;
  color: 333; }

#contents .labo .labo2 .labophoto2 {
  zoom: 1; }

#contents .labo .labo2 .labophoto2:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.'; }

/* clear float */
#contents .labo .labo2 .labophoto2 img {
  display: block;
  float: left;
  margin: 0 8px 0 0; }

#contents .labo .labo2 #pin img {
  float: none; }

#contents .labo .labo2 .labophoto2 span {
  font-size: 85%;
  display: block;
  margin: 10px 0 0 0;
  color: 333; }

/* 開発者 */
#contents .labo .labo2 #person {
  clear: both;
  zoom: 1;
  width: 720px;
  margin: 0 0 40px 0;
  padding: 20px;
  background: white;
  _width: 760px; }

#contents .labo .labo2 #person:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.'; }

/* clear float */
#contents .labo .labo2 #person img {
  display: block;
  float: left; }

#contents .labo .labo2 #person #ptxt {
  float: right;
  width: 530px; }

#contents .labo .labo2 #person #ptxt h4 {
  font-size: 108%;
  font-weight: bold;
  margin: 0 0 8px 0; }

#contents .labo .labo2 #person #ptxt p {
  font-size: 93%;
  line-height: 1.7em;
  margin: 0 0 20px 0; }

#contents .labo .labo2 #person #ptxt p.last {
  margin: 0 0 0 0; }

/* 開発秘話サイド */
#contents .labo .side {
  position: relative;
  height: 400px; }

#contents .labo .side .badge {
  position: absolute;
  top: -23px;
  left: -5px; }

#contents .labo .side ul li {
  overflow: hidden;
  width: 136px;
  height: 30px;
  margin: 0 0 2px 2px; }

#contents .labo .side ul .sn1 {
  background-image: url(../imgs/smenu_sec ret_01_ov.jpg); }

#contents .labo .side ul .sn2 {
  background-image: url(../imgs/smenu_secret_02_ov.jpg); }

#contents .labo .side ul .sn3 {
  background-image: url(../imgs/smenu_secret_03_ov.jpg); }

.secrettop_wrap p + div {
  border-top: 1px solid #ddd; }
.secrettop_wrap h2 {
  margin: 0 0 45px 0; }
.secrettop_wrap p {
  margin: 0 0 20px 0; }
.secrettop_wrap div {
  width: 100%;
  height: 93px;
  border-bottom: 1px solid #ddd; }
  .secrettop_wrap div a {
    display: block;
    width: 100%;
    height: 100%; }
    .secrettop_wrap div a:hover {
      background: url(../secretstory/imgs/sp/secret_hover.png) right top no-repeat; }
    .secrettop_wrap div a img {
      margin-top: 30px; }
  .secrettop_wrap div.liposome {
    background: url(../secretstory/imgs/sp/bg_riposome.png) 191px 1px no-repeat; }
  .secrettop_wrap div.astaxan {
    background: url(../secretstory/imgs/sp/bg_astaxan.png) 191px 5px no-repeat; }
  .secrettop_wrap div.kojic {
    background: url(../secretstory/imgs/sp/bg_kojic.png) 191px 5px no-repeat; }