.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 11.9px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ysp10th {
  line-height: 2;
}
.ysp10th .note {
  font-size: 95%;
  line-height: 1.5;
}
.ysp10th img {
  vertical-align: top;
}
.ysp10th .left {
  float: left;
}
.ysp10th .right {
  float: right;
}
.ysp10th .gray-box {
  background-color: #e6e5e5;
}
.ysp10th .white-box {
  background-color: #ffffff;
}
.ysp10th .border-top {
  border-top: 1px solid #7f7f7f;
}
.ysp10th .box-static {
  position: static !important;
}
.ysp10th .box-relative {
  position: relative;
  z-index: 5;
}
.ysp10th .box-absolute {
  position: absolute;
  z-index: 10;
}
.ysp10th .disp-table {
  display: table;
}
.ysp10th .disp-table-cel {
  display: table-cell;
}
.ysp10th .disp-inlineblock {
  display: inline-block;
}
.ysp10th .disp-none,
.ysp10th .hidden {
  display: none;
}
.ysp10th .va-center {
  vertical-align: center;
}
.ysp10th .text-left {
  text-align: left;
}
.ysp10th .text-right {
  text-align: right;
}
.ysp10th .text-center {
  text-align: center;
}
.ysp10th .text-blue {
  color: #309ed0 !important;
}
.ysp10th .text-bluegreen {
  color: #71c7d5 !important;
}
.ysp10th .text-white {
  color: #ffffff !important;
}
.ysp10th .text-yellow {
  color: #efea3a !important;
}
.ysp10th .bg-blue {
  background-color: #16377f;
}
.ysp10th .bg-green {
  background-color: #529320;
}
.ysp10th .bg-purple {
  background-color: #883e7c;
}
.ysp10th .bg-orange {
  background-color: #b24419;
}
.ysp10th .mt-1em {
  margin-top: -1em;
}
.ysp10th .mt-10 {
  margin-top: -10px;
}
.ysp10th .mt0 {
  margin-top: 0;
}
.ysp10th .mt5 {
  margin-top: 5px;
}
.ysp10th .mt8 {
  margin-top: 8px;
}
.ysp10th .mt10 {
  margin-top: 10px;
}
.ysp10th .mt15 {
  margin-top: 15px;
}
.ysp10th .mt20 {
  margin-top: 20px;
}
.ysp10th .mt25 {
  margin-top: 25px;
}
.ysp10th .mt30 {
  margin-top: 30px;
}
.ysp10th .mt35 {
  margin-top: 35px;
}
.ysp10th .mt40 {
  margin-top: 40px;
}
.ysp10th .mt50 {
  margin-top: 50px;
}
.ysp10th .mt60 {
  margin-top: 60px;
}
.ysp10th .mt70 {
  margin-top: 70px;
}
.ysp10th .mt80 {
  margin-top: 80px;
}
.ysp10th .mt90 {
  margin-top: 90px;
}
.ysp10th .mt100 {
  margin-top: 100px;
}
.ysp10th .mb0 {
  margin-bottom: 0 !important;
}
.ysp10th .mb1 {
  margin-bottom: 1px !important;
}
.ysp10th .mb3 {
  margin-bottom: 3px !important;
}
.ysp10th .mb5 {
  margin-bottom: 5px !important;
}
.ysp10th .mb8 {
  margin-bottom: 8px !important;
}
.ysp10th .mb10 {
  margin-bottom: 10px !important;
}
.ysp10th .mb15 {
  margin-bottom: 15px !important;
}
.ysp10th .mb20 {
  margin-bottom: 20px !important;
}
.ysp10th .mb25 {
  margin-bottom: 25px !important;
}
.ysp10th .mb30 {
  margin-bottom: 30px !important;
}
.ysp10th .mb35 {
  margin-bottom: 35px !important;
}
.ysp10th .mb40 {
  margin-bottom: 40px !important;
}
.ysp10th .mb45 {
  margin-bottom: 45px !important;
}
.ysp10th .mb50 {
  margin-bottom: 50px !important;
}
.ysp10th .mb60 {
  margin-bottom: 60px !important;
}
.ysp10th .mb70 {
  margin-bottom: 70px !important;
}
.ysp10th .mb80 {
  margin-bottom: 80px !important;
}
.ysp10th .mb100 {
  margin-bottom: 100px !important;
}
.ysp10th .mb150 {
  margin-bottom: 150px !important;
}
.ysp10th .mb200 {
  margin-bottom: 200px !important;
}
.ysp10th .ml5 {
  margin-left: 5px;
}
.ysp10th .ml10 {
  margin-left: 10px;
}
.ysp10th .ml15 {
  margin-left: 15px;
}
.ysp10th .ml20 {
  margin-left: 20px;
}
.ysp10th .ml30 {
  margin-left: 30px;
}
.ysp10th .ml40 {
  margin-left: 40px;
}
.ysp10th .ml50 {
  margin-left: 50px;
}
.ysp10th .ml60 {
  margin-left: 60px;
}
.ysp10th .ml100 {
  margin-left: 100px;
}
.ysp10th .ml125 {
  margin-left: 125px;
}
.ysp10th .ml130 {
  margin-left: 130px;
}
.ysp10th .ml150 {
  margin-left: 150px;
}
.ysp10th .ml200 {
  margin-left: 200px;
}
.ysp10th .ml250 {
  margin-left: 250px;
}
.ysp10th .mr-30 {
  margin-right: -30px;
}
.ysp10th .mr-25 {
  margin-right: -25px;
}
.ysp10th .mr-20 {
  margin-right: -20px;
}
.ysp10th .mr-10 {
  margin-right: -10px;
}
.ysp10th .mr5 {
  margin-right: 5px;
}
.ysp10th .mr10 {
  margin-right: 10px;
}
.ysp10th .mr15 {
  margin-right: 15px;
}
.ysp10th .mr20 {
  margin-right: 20px;
}
.ysp10th .mr30 {
  margin-right: 30px;
}
.ysp10th .mr40 {
  margin-right: 40px;
}
.ysp10th .mr50 {
  margin-right: 50px;
}
.ysp10th .mr60 {
  margin-right: 60px;
}
.ysp10th .mr100 {
  margin-right: 100px;
}
.ysp10th .mr150 {
  margin-right: 150px;
}
.ysp10th .mr200 {
  margin-right: 200px;
}
.ysp10th .mr250 {
  margin-right: 250px;
}
.ysp10th .pb0 {
  padding-bottom: 0 !important;
}
.ysp10th .pb5 {
  padding-bottom: 5px !important;
}
.ysp10th .pb10 {
  padding-bottom: 10px !important;
}
.ysp10th .pb20 {
  padding-bottom: 20px !important;
}
.ysp10th .pb25 {
  padding-bottom: 25px;
}
.ysp10th .pb30 {
  padding-bottom: 30px !important;
}
.ysp10th .pb40 {
  padding-bottom: 40px !important;
}
.ysp10th .pb50 {
  padding-bottom: 50px !important;
}
.ysp10th .pb60 {
  padding-bottom: 60px !important;
}
.ysp10th .pb70 {
  padding-bottom: 70px !important;
}
.ysp10th .pb80 {
  padding-bottom: 80px !important;
}
.ysp10th .pa5 {
  padding: 5px;
}
.ysp10th .pa10 {
  padding: 10px;
}
.ysp10th .pa15 {
  padding: 15px;
}
.ysp10th .pa20 {
  padding: 20px;
}
.ysp10th .pa25 {
  padding: 25px;
}
.ysp10th .pa30 {
  padding: 30px;
}
.ysp10th .pa35 {
  padding: 35px;
}
.ysp10th .pa40 {
  padding: 40px;
}
.ysp10th .pa45 {
  padding: 45px;
}
.ysp10th .pa50 {
  padding: 50px;
}
.ysp10th .plr10 {
  padding-left: 10px;
  padding-right: 10px;
}
.ysp10th .plr20 {
  padding-left: 20px;
  padding-right: 20px;
}
.ysp10th .plr25 {
  padding-left: 25px;
  padding-right: 25px;
}
.ysp10th .plr30 {
  padding-left: 30px;
  padding-right: 30px;
}
.ysp10th .plr35 {
  padding-left: 35px;
  padding-right: 35px;
}
.ysp10th .plr40 {
  padding-left: 40px;
  padding-right: 40px;
}
.ysp10th .plr50 {
  padding-left: 50px;
  padding-right: 50px;
}
.ysp10th .plr80 {
  padding-left: 80px;
  padding-right: 80px;
}
.ysp10th .pt0 {
  padding-top: 0 !important;
}
.ysp10th .pt5 {
  padding-top: 5px !important;
}
.ysp10th .pt10 {
  padding-top: 10px;
}
.ysp10th .pt20 {
  padding-top: 20px;
}
.ysp10th .pt25 {
  padding-top: 25px;
}
.ysp10th .pt30 {
  padding-top: 30px;
}
.ysp10th .pt40 {
  padding-top: 40px;
}
.ysp10th .pt45 {
  padding-top: 45px;
}
.ysp10th .pt50 {
  padding-top: 50px;
}
.ysp10th .pr0 {
  padding-right: 0 !important;
}
.ysp10th .pr10 {
  padding-right: 10px;
}
.ysp10th .pr20 {
  padding-right: 20px;
}
.ysp10th .pr25 {
  padding-right: 25px;
}
.ysp10th .pr30 {
  padding-right: 30px;
}
.ysp10th .pr35 {
  padding-right: 35px;
}
.ysp10th .pr40 {
  padding-right: 40px;
}
.ysp10th .pr50 {
  padding-right: 50px;
}
.ysp10th .pr100 {
  padding-right: 100px;
}
.ysp10th .pr150 {
  padding-right: 150px;
}
.ysp10th .pr200 {
  padding-right: 200px;
}
.ysp10th .pr250 {
  padding-right: 250px;
}
.ysp10th .pl0 {
  padding-left: 0 !important;
}
.ysp10th .pl10 {
  padding-left: 10px !important;
}
.ysp10th .pl20 {
  padding-left: 20px !important;
}
.ysp10th .pl25 {
  padding-left: 25px !important;
}
.ysp10th .pl30 {
  padding-left: 30px !important;
}
.ysp10th .pl40 {
  padding-left: 40px !important;
}
.ysp10th .pl50 {
  padding-left: 50px !important;
}
.ysp10th .head-nav .sprite {
  width: 185px;
  height: 61px;
}
.ysp10th .head-nav .item01 .sprite {
  background-position: 0 0;
}
.ysp10th .head-nav .item02 .sprite {
  background-position: -185px 0;
}
.ysp10th .head-nav .item03 .sprite {
  background-position: -370px 0;
}
.ysp10th .head-nav .item04 .sprite {
  background-position: -555px 0;
}
.ysp10th .head-nav .item01 {
  background-position: 0 -61px;
}
.ysp10th .head-nav .item02 {
  background-position: -185px -61px;
}
.ysp10th .head-nav .item03 {
  background-position: -370px -61px;
}
.ysp10th .head-nav .item04 {
  background-position: -555px -61px;
}
.ysp10th.ysp10th-chapter01 .head-nav .item01 a,
.ysp10th.ysp10th-chapter02 .head-nav .item02 a,
.ysp10th.ysp10th-chapter03 .head-nav .item03 a,
.ysp10th.ysp10th-chapter04 .head-nav .item04 a {
  visibility: hidden;
}
/*
.ysp10th.ysp10th-chapter01 .item01.sprite {
  background-position: -61px 0;
}

.ysp10th.ysp10th-chapter02 .item02.sprite {
  background-position: -61px -185px;
}

.ysp10th.ysp10th-chapter03 .item03.sprite {
  background-position: -61px -370px;
}

.ysp10th.ysp10th-chapter04 .item04.sprite {
  background-position: -61px -555px;
}
*/
.ysp10th .main-image .btn-to-top .sprite {
  width: 114px;
  height: 18px;
  background-position: -302px -979px;
}
.ysp10th .foot-nav .sprite,
.ysp10th .foot-nav li,
.ysp10th .foot-nav a {
  width: 740px;
  height: 95px;
}
.ysp10th .foot-nav .item01 .sprite {
  background-position: 0 -122px;
}
.ysp10th .foot-nav .item02 .sprite {
  background-position: 0 -217px;
}
.ysp10th .foot-nav .item03 .sprite {
  background-position: 0 -312px;
}
.ysp10th .foot-nav .item04 .sprite {
  background-position: 0 -407px;
}
.ysp10th .foot-nav .item01 {
  background-position: 0 -503px;
}
.ysp10th .foot-nav .item02 {
  background-position: 0 -598px;
}
.ysp10th .foot-nav .item03 {
  background-position: 0 -693px;
}
.ysp10th .foot-nav .item04 {
  background-position: 0 -788px;
}
.ysp10th.ysp10th-chapter01 .foot-nav .item01 a,
.ysp10th.ysp10th-chapter02 .foot-nav .item02 a,
.ysp10th.ysp10th-chapter03 .foot-nav .item03 a,
.ysp10th.ysp10th-chapter04 .foot-nav .item04 a {
  visibility: hidden;
}
.foot-link .item01 .sprite {
  background-position: 0 -979px;
  width: 302px;
  height: 56px;
}
.foot-link .item02 .sprite {
  background-position: 0 -1024px;
  width: 151px;
  height: 56px;
}
.ysp10th.ysp10th-top .top-nav .sprite,
.ysp10th.ysp10th-top .top-nav li,
.ysp10th.ysp10th-top .top-nav a {
  width: 740px;
  height: 100px;
}
.ysp10th.ysp10th-top .top-nav li {
  background-position: 0 -800px;
}
.ysp10th.ysp10th-top .top-nav .item01 a {
  background-position: 0 0;
}
.ysp10th.ysp10th-top .top-nav .item02 a {
  background-position: 0 -100px;
}
.ysp10th.ysp10th-top .top-nav .item03 a {
  background-position: 0 -200px;
}
.ysp10th.ysp10th-top .top-nav .item04 a {
  background-position: 0 -300px;
}
.ysp10th.ysp10th-top .top-nav .item01 .sprite {
  background-position: 0 -400px;
}
.ysp10th.ysp10th-top .top-nav .item02 .sprite {
  background-position: 0 -500px;
}
.ysp10th.ysp10th-top .top-nav .item03 .sprite {
  background-position: 0 -600px;
}
.ysp10th.ysp10th-top .top-nav .item04 .sprite {
  background-position: 0 -700px;
}
.ysp10th .sprite,
.ysp10th .top-nav li,
.ysp10th .top-nav a,
.ysp10th .head-nav li,
.ysp10th .foot-nav li {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(../images/cmn_slice.png);
  background-repeat: no-repeat;
}
.ysp10th.ysp10th-top .top-nav li,
.ysp10th.ysp10th-top .top-nav a,
.ysp10th.ysp10th-top .top-nav .sprite {
  background-image: url(../images/top_slice.png);
  background-repeat: no-repeat;
}
.ysp10th .head-nav {
  background: #71c7d5;
}
.ysp10th .head-nav li {
  display: table-cell;
}
.ysp10th .head-nav li a {
  display: block;
  -webkit-transition: opacity 0.35s linear;
  -moz-transition: opacity 0.35s linear;
  -o-transition: opacity 0.35s linear;
  transition: opacity 0.35s linear;
}
.ysp10th .head-nav li a:hover {
  opacity: 0;
  filter: alpha(opacity=0);
}
.ysp10th .ysp10th-foot {
  background: #000;
}
.ysp10th .foot-nav li a {
  display: block;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
.ysp10th .foot-nav li a:hover {
  opacity: 0;
  filter: alpha(opacity=0);
}
.ysp10th .foot-link {
  text-align: center;
}
.ysp10th .foot-link li {
  display: inline-block;
}
.ysp10th .foot-link li a {
  display: block;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
.ysp10th .foot-link li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.ysp10th-top {
  background: #000;
}
.ysp10th-top .ysp10th-body {
  position: relative;
  height: 910px;
}
.ysp10th-top .ysp10th-body h2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.ysp10th-top .ysp10th-body .top-nav {
  position: absolute;
  top: 488px;
  left: 0;
  z-index: 2;
}
.ysp10th-top .ysp10th-body .top-nav .sprite {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
.ysp10th-top .ysp10th-body .top-nav .sprite:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ysp10th.ysp10th-chapter01 .ysp10th-body .wrapper,
.ysp10th.ysp10th-chapter02 .ysp10th-body .wrapper,
.ysp10th.ysp10th-chapter03 .ysp10th-body .wrapper {
  padding-top: 77px;
  padding-bottom: 26px;
  background: url(../images/cmn_bg.png);
}
.ysp10th.ysp10th-chapter01 .ysp10th-body .inner-body,
.ysp10th.ysp10th-chapter02 .ysp10th-body .inner-body,
.ysp10th.ysp10th-chapter03 .ysp10th-body .inner-body {
  margin-left: 123px;
  margin-right: 126px;
}
.ysp10th.ysp10th-chapter01 .ysp10th-body .main-image .btn-to-top,
.ysp10th.ysp10th-chapter02 .ysp10th-body .main-image .btn-to-top,
.ysp10th.ysp10th-chapter03 .ysp10th-body .main-image .btn-to-top {
  top: 425px;
  left: 610px;
}
.ysp10th.ysp10th-chapter01 .ysp10th-body .main-image .btn-to-top a,
.ysp10th.ysp10th-chapter02 .ysp10th-body .main-image .btn-to-top a,
.ysp10th.ysp10th-chapter03 .ysp10th-body .main-image .btn-to-top a {
  display: block;
  -webkit-transition: opacity 0.35s linear;
  -moz-transition: opacity 0.35s linear;
  -o-transition: opacity 0.35s linear;
  transition: opacity 0.35s linear;
}
.ysp10th.ysp10th-chapter01 .ysp10th-body .main-image .btn-to-top a:hover,
.ysp10th.ysp10th-chapter02 .ysp10th-body .main-image .btn-to-top a:hover,
.ysp10th.ysp10th-chapter03 .ysp10th-body .main-image .btn-to-top a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.ysp10th.ysp10th-chapter01 .ysp10th-body .cap-1,
.ysp10th.ysp10th-chapter02 .ysp10th-body .cap-1,
.ysp10th.ysp10th-chapter03 .ysp10th-body .cap-1 {
  background: #000000 url(../images/cmn_cap_bg.png) repeat-x;
  color: #fff;
  font-weight: bolder;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 30px;
}
.ysp10th.ysp10th-chapter01 .ysp10th-body .cap-1 span,
.ysp10th.ysp10th-chapter02 .ysp10th-body .cap-1 span,
.ysp10th.ysp10th-chapter03 .ysp10th-body .cap-1 span {
  display: table-cell;
  vertical-align: middle;
  height: 81px;
  min-height: 81px;
}
.ysp10th.ysp10th-chapter01 .ysp10th-body .text p,
.ysp10th.ysp10th-chapter02 .ysp10th-body .text p,
.ysp10th.ysp10th-chapter03 .ysp10th-body .text p {
  margin-bottom: 0;
  line-height: 1.7;
}
.ysp10th.ysp10th-chapter01 .ysp10th-body .col-2 .col-child,
.ysp10th.ysp10th-chapter02 .ysp10th-body .col-2 .col-child,
.ysp10th.ysp10th-chapter03 .ysp10th-body .col-2 .col-child {
  display: table-cell;
  width: 50%;
}
.ysp10th.ysp10th-chapter01 .ysp10th-body .col-4 .col-child,
.ysp10th.ysp10th-chapter02 .ysp10th-body .col-4 .col-child,
.ysp10th.ysp10th-chapter03 .ysp10th-body .col-4 .col-child {
  display: table-cell;
  width: 25%;
}
.ysp10th.ysp10th-chapter01 .ysp10th-body .bg-list .bg-list-child,
.ysp10th.ysp10th-chapter02 .ysp10th-body .bg-list .bg-list-child,
.ysp10th.ysp10th-chapter03 .ysp10th-body .bg-list .bg-list-child {
  padding: 20px 20px 20px 50px;
  margin-bottom: 5px;
  background: #dbeff3 url(../images/cmn_list_bg.png) repeat-y;
}
.ysp10th.ysp10th-chapter01 .gray-box h3.overray-cap {
  top: 0;
  left: 0;
}
.ysp10th.ysp10th-chapter01 .gray-box h3.overray-cap span {
  vertical-align: middle;
  height: 120px;
  min-height: 120px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body {
  background: #000;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .main-image {
  padding-bottom: 4px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .main-image .btn-to-top {
  top: 40px;
  left: 615px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .main-image .btn-to-top a {
  display: block;
  -webkit-transition: opacity 0.35s linear;
  -moz-transition: opacity 0.35s linear;
  -o-transition: opacity 0.35s linear;
  transition: opacity 0.35s linear;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .main-image .btn-to-top a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .main-image .text {
  padding-left: 150px;
  padding-right: 150px;
  top: 285px;
  left: 0;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .main-image .text p {
  margin-bottom: 0;
  line-height: 2;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .wrapper {
  background: url(../chapter04/images/line_timeline.png) repeat-y;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .cnt-box {
  position: relative;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .cnt-box .year-number,
.ysp10th.ysp10th-chapter04 .ysp10th-body .cnt-box .prd-name,
.ysp10th.ysp10th-chapter04 .ysp10th-body .cnt-box .box-zoom {
  position: absolute;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .cnt-box .year-number {
  top: 0;
  left: 317px;
  z-index: 1;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .cnt-box .box-zoom a {
  text-decoration: none;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .cnt-box .box-zoom a p {
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .cnt-box .box-zoom a:hover p {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .cnt-box .box-zoom .link-text img {
  vertical-align: inherit;
  margin-right: 5px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .cnt-box h4 {
  margin-bottom: 0.6em;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .cnt-box .border-bluegreen {
  border: 3px solid #71c7d5;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .dot-box {
  width: 360px;
  background-image: url(../chapter04/images/line_dot.png);
  background-repeat: no-repeat;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .dot-box.left {
  background-position: right center;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .dot-box.left .dot-box-inner {
  margin-left: 30px;
  margin-right: 70px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .dot-box.right {
  background-position: left center;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .dot-box.right .dot-box-inner {
  margin-left: 70px;
  margin-right: 30px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .dot-box .dot-box-inner {
  padding: 24px 17px;
  border: 4px dotted #71c7d5;
  border-style: solid;
  border-width: 8px;
  -moz-border-image: url(../chapter04/images/line_dot-wrap.png) 8 round;
  -webkit-border-image: url(../chapter04/images/line_dot-wrap.png) 8 round;
  -o-border-image: url(../chapter04/images/line_dot-wrap.png) 8 round;
  border-image: url(../chapter04/images/line_dot-wrap.png) 8 fill round;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-black .text h4 {
  color: #71c7d5;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-black .text p {
  color: #ffffff;
  text-shadow: 0 0 5px #000000;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-black .box-zoom a {
  color: #71c7d5 !important;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-blue .text h4 {
  color: #ffffff;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-blue .text p {
  color: #030000;
  text-shadow: 0 0 5px #71c7d5;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-blue .box-zoom a {
  color: #030000;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-white .text h4 {
  color: #71c7d5;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-white .text p {
  color: #030000;
  text-shadow: 0 0 5px #ffffff;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-white .box-zoom a {
  color: #030000;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1 {
  background: url(../chapter04/images/ysp-1_bg.png) no-repeat 0 bottom;
  padding-bottom: 380px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1 .prd-name {
  left: 50px;
  top: 90px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1 .text {
  padding: 120px 90px 0 395px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1 .box-zoom1 {
  top: 155px;
  left: 80px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1 .box-zoom2 {
  top: 197px;
  left: 205px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 {
  background: url(../chapter04/images/ysp-1000_bg.png) no-repeat 0 36px;
  min-height: 730px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 .prd-name {
  left: 60px;
  top: 290px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 .text {
  padding: 365px 310px 0 60px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 .box-zoom {
  top: 430px;
  left: 360px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-500_4000 {
  background: url(../chapter04/images/ysp-500_4000_bg.png) no-repeat 0 0;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-500 {
  height: 410px;
  overflow: hidden;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-500 .prd-name {
  left: 140px;
  top: 57px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-500 .text {
  padding: 119px 350px 0 30px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4000 {
  min-height: 660px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4000 .prd-name {
  left: 290px;
  top: 250px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4000 .text {
  padding: 290px 35px 0 285px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4000 .box-zoom {
  top: 250px;
  left: 155px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000 {
  background: url(../chapter04/images/yrs-2000_1000_bg.png) no-repeat 0 0;
  min-height: 510px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000 .text {
  padding: 83px 310px 15px 83px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000 .box-zoom {
  left: 85px;
  top: 270px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4100_5100 {
  background: url(../chapter04/images/ysp-4100_5100_bg.png) no-repeat 0 8px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4100 {
  height: 755px;
  overflow: hidden;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4100 .prd-name {
  left: 107px;
  top: 365px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4100 .text {
  padding: 421px 360px 0 107px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4100 .box-zoom {
  left: 400px;
  top: 428px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-5100 {
  min-height: 515px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-5100 .prd-name {
  left: 275px;
  top: 190px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-5100 .text {
  padding: 234px 80px 0 275px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-5100 .box-zoom {
  left: 115px;
  top: 190px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .yrs-lineup-2009 {
  width: 290px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-2100_1100 .year-number {
  top: -120px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-2100_1100 .prd-name {
  left: 50px;
  top: 5px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-2100_1100 .text {
  padding: 0 50px 0 395px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-2100_1100 .border-bluegreen {
  right: 395px;
  top: 65px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-2200 {
  min-height: 655px;
  background: url(../chapter04/images/ysp-2200_bg.png) no-repeat 0 8px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-2200 .prd-name {
  left: 95px;
  top: 260px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-2200 .text {
  padding: 305px 390px 0 95px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-2200 .box-zoom {
  left: 375px;
  top: 310px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .box-relative {
  height: 50px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .box-relative .box-absolute {
  top: -105px;
  left: 70px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .text {
  width: 345px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .text h4,
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .text p {
  margin-right: 35px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4300_3300 {
  min-height: 570px;
  padding-top: 65px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4300_3300 .text {
  background: url(../chapter04/images/ysp-4300_3300_bg.png) no-repeat 0 bottom;
  padding: 60px 245px 270px 125px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1400 {
  min-height: 894px;
  background: url(../chapter04/images/ysp-1400_bg.png) no-repeat 0 0;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1400 .prd-name {
  left: 215px;
  top: 500px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1400 .text {
  padding: 565px 270px 0 215px;
}
.ysp10th.isIE7 .head-nav {
  *zoom: 1;
}
.ysp10th.isIE7 .head-nav:before,
.ysp10th.isIE7 .head-nav:after {
  display: table;
  content: "";
  line-height: 0;
}
.ysp10th.isIE7 .head-nav:after {
  clear: both;
}
.ysp10th.isIE7 .head-nav li {
  float: left;
}
.ysp10th.isIE7 .cap-1 span {
  display: block;
  padding: 20px 0;
  height: auto !important;
  min-height: auto !important;
}
.ysp10th.isIE7 .disp-inlineblock {
  display: inline;
}
.ysp10th.isIE7 .col-2 {
  *zoom: 1;
}
.ysp10th.isIE7 .col-2:before,
.ysp10th.isIE7 .col-2:after {
  display: table;
  content: "";
  line-height: 0;
}
.ysp10th.isIE7 .col-2:after {
  clear: both;
}
.ysp10th.isIE7 .col-2 .col-child {
  float: left;
  width: 49.5% !important;
}
.ysp10th.isIE7 .col-4 {
  *zoom: 1;
}
.ysp10th.isIE7 .col-4:before,
.ysp10th.isIE7 .col-4:after {
  display: table;
  content: "";
  line-height: 0;
}
.ysp10th.isIE7 .col-4:after {
  clear: both;
}
.ysp10th.isIE7 .col-4 .col-child {
  float: left;
  width: 24.9% !important;
}
.ysp10th.isIE7 .foot-link li {
  display: inline;
  /* for ie7 */
  zoom: 1;
  /* for ie7 */
}