@charset "utf-8";

.ysp10th {
	max-width:740px;
	margin:0 auto;
}
.ysp10th h2,
.ysp10th p{
	margin:0;
}
.ysp10th ul{
	margin:0;
	padding:0;
}
.ysp10th h3,
.ysp10th h4{
	font-size: 0.9em;
	line-height: 2;
}
.ysp10th-top .ysp10th-body{
	height:510px;
}


.ysp10th .head-nav {	
	overflow:hidden;
}
.ysp10th .head-nav li {
  display: block;
  float:left;
}
/*.ysp10th .head-nav a {	
	color:#71c7d5;
}

.ysp10th .head-nav .sprite .chapter{
	color:#71c7d5;
}
.ysp10th .head-nav .sprite .chapter:hover{
	color:#71c7d5;
}
.ysp10th .head-nav .sprite .chapter:visit{
	color:#71c7d5;
}
.ysp10th .head-nav .sprite .title{
	color:#ccc;
}
.ysp10th .head-nav .sprite .title:hover{
	color:#71c7d5;
}*/
.ysp10th-top .ysp10th-body .top-nav {
	width: 100%;
}




.ysp10th.ysp10th-top .top-nav .sprite,
.ysp10th.ysp10th-top .top-nav li,
.ysp10th.ysp10th-top .top-nav a {
	width: 100%;
}







.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 {
	bottom: 10px;
	right: 16px;
}






.ysp10th.ysp10th-chapter01 .ysp10th-body .inner-body,
.ysp10th.ysp10th-chapter02 .ysp10th-body .inner-body,
.ysp10th.ysp10th-chapter03 .ysp10th-body .inner-body {
	margin-left: 16.89189189189189%;
	margin-right: 16.89189189189189%;
}

.ysp10th.ysp10th-chapter01 .ysp10th-body .wrapper,
.ysp10th.ysp10th-chapter02 .ysp10th-body .wrapper,
.ysp10th.ysp10th-chapter03 .ysp10th-body .wrapper {
	background-size:100%;
}




.ysp10th .plr40 {
  padding-left: 16.3265306122449%;
  padding-right: 16.3265306122449%;
}

.ysp10th .plr80 {
  padding-left: 10.81081081081081%;
  padding-right: 10.81081081081081%;
}






.ysp10th.ysp10th-chapter04 p{
	font-size:0.8em;
}
.ysp10th.ysp10th-chapter04 .note{
	font-size:0.9em;
}

.ysp10th.ysp10th-chapter04 .ysp10th-body .main-image .text {
	padding-left: 20.27027027027027%;
	padding-right: 20.27027027027027%;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1 .text {
	padding: 120px 12.16216216216216% 0 53.37837837837838%;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 .text {
	padding: 365px 41.89189189189189% 0 8.108108108108108%;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4000 .text {
	padding: 290px 4.72972972972973% 0 38.51351351351351%;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000 .text {
	padding: 83px 41.89189189189189% 15px 11.21621621621622%;
}

.ysp10th.ysp10th-chapter04 .ysp10th-body .cnt-box .year-number {
	left: 42.83783783783784%;
}


.ysp10th.ysp10th-chapter04 .ysp10th-body .wrapper,
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1,
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000,
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-500_4000,
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000,
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4100_5100,
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-2200,
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4300_3300 .text,
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1400 {
	background-size:100%;
}


.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-500 .text{
	padding-top:140px;
}
.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-2100_1100 .border-bluegreen{
	top:85px;
}


/*46%*/
@media (max-width: 767px) {
	.ysp10th{
		width:340px;
	}
	/*.ysp10th .sprite{
		background-image:none;
	}*/
	.ysp10th-top .ysp10th-body{
		height:235px;
	}
    .ysp10th.ysp10th-top .top-nav .sprite,
	.ysp10th.ysp10th-top .top-nav li,
	.ysp10th.ysp10th-top .top-nav a {
		background-size:400px auto;
	}
	.ysp10th .head-nav li{
		width:50%;
		background-image:none;
		background-color:#000;
		border:none;
	}
	.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{
		bottom: 10;
		right: 0;
		left: 220px;
		top: 180px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body h4,
	.ysp10th.ysp10th-chapter04 .ysp10th-body p{
		line-height:1.4;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .main-image .btn-to-top{
		top:13px;
		left:220px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .main-image .text{
		top:130px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .cnt-box .year-number{
		left:34.5%;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .main-image{
		margin-bottom:110px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .dot-box{
		background-image:none;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .dot-box.right .dot-box-inner{
		margin-left: 50px;
		margin-right: 30px;
		background-color:#000;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .dot-box.left .dot-box-inner{
		margin-left: 30px;
		margin-right: 50px;
		background-color:#000;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1 .prd-name{
		left:23px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1 .text{
		padding:166px 23px 0 23px;
		background-color:#000;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1 .box-zoom1{
		top:295px;
		left:57px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1 .box-zoom2{
		top:337px;
		left:182px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000{
		min-height:540px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 .prd-name{
		top: 115px;
		left: 10px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 h3 img{
		max-width: 70%;
		height: auto;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 .year-number{
		top:-40px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 .text{
		padding:165px 100px 0 0;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 .text h4{
		padding-left:10px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 .text p{
		margin-right:0;
		padding-left:10px;
		padding-bottom:10px;
		background-color:#71c7d5;
		
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 .box-zoom{
		width:240px;
		left: 0;
		top: 355px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 .box-zoom p{
		margin-bottom:0 !important;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-500_4000{
		margin-top:30px;
		background-position:0 280px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-500 .prd-name{
		background-color: #71c7d5;
		left: 0;
		top: 100px;
		padding-top: 10px;
		padding-bottom: 18px;
		margin-bottom: 0;
		width: 340px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-500 .prd-name img{
		margin-left:92px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-500 .text{
		padding: 0;
		margin-top: 193px;
		background-color:#71c7d5;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4000{
		min-height: 350px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4000 .prd-name{
		left: 50px;
		top: -60px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4000 .prd-name img{
		max-width: 90%;
		height: auto;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4000 .text{
		padding: 0 20px 10px 50px;
		background-color: #71c7d5;
		margin-top: 200px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4000 .box-zoom{
		top: 180px;
		left: 0;
		background: #71c7d5;
		width: 340px;
		padding-bottom: 10px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4000 .box-zoom p{
		margin-left: 121px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000{
		margin-bottom:0 !important;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000 .text{
		padding:50px 30px 0;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000 .text h3{
		margin-top:0;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000 .text h3 img{
		max-width: 70%;
		height: auto;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000 .text h4{
		width:150px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000 .text p{
		margin-left:0;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000 .box-zoom{
		position: absolute !important;
		left: 21px;
		top: 300px;
		width: 299px;
		padding-bottom:10px;
		background: #fff;
		text-align: center;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4100_5100{
		margin-bottom: 0 !important;
		background-position: 0 70px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4100 .prd-name{
		left: 30px;
		top: 210px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4100_5100 .prd-name img{
		max-width: 90%;
		height: auto;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4100 .text{
		padding: 0 0 10px;
		margin: 280px 20px 0;
		background-color: #71c7d5;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-5100{
		min-height:0;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-5100 .prd-name {
		left: 20px;
		top: -270px;
		background-color: #71c7d5;
		padding:10px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-5100 .text{
		top: -205px;
		position: absolute;
		padding: 10px;
		margin: 0 20px 0;
		background-color: #71c7d5;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .yrs-lineup-2009{
		width: 340px;
		text-align: center;
		background-color: #000;
		padding-top: 0;
		margin-top: 20px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-2100_1100{
		margin-bottom:30px !important;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-2100_1100 .year-number {
		top:0;	
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-2100_1100 .prd-name {
		left: 22px;
		top: 110px;
		background: #000;
		pdding-top: 10px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-2100_1100 .border-bluegreen {
	  right: 110px;
	  top: 190px;
	  background-color: #000;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-2100_1100 .text {
		padding: 230px 20px 0;
		background: #000;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-2200 {
		background-position: 0 50px;
		min-height:530px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-2200 .prd-name {
		left: 10px;
		top: 150px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-2200 .prd-name img {
		max-width: 70%;
		height: auto;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-2200 .text {
		padding: 0;
		padding: 10px;
		margin: 0 20px;
		position: absolute;
		top: 200px;
		background: #71c7d5;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-2200 .box-zoom {
		left: 20px;
		width: 300px;
		background: #71c7d5;
		top: 370px;
		text-align: center;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .text{
		position:absolute;
		text-align:center;
		width:340px;
		top:200px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .text p,
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .text h4{
		margin:0;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .text h4,
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .text p.text-white{
		margin:0 20px;
		background-color:#000;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .text .mb5.ml60{
		position: absolute;
		top: 260px;
		left: 82px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .text .note.mb30.ml60{
		margin-top:340px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .dot-box{
		margin-top: 200px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .text .disp-table{
		position: absolute;
		top: 150px;
		left: 0;
		background:#000;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .text .disp-table .disp-table-cel{
		width:340px;
		display: block;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4300_3300{
		padding-top:380px;
		min-height:750px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4300_3300 .year-number{
		top:320px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4300_3300 .text{
		position:relative;
		padding:40px;
		min-height:225px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4300_3300 .text h3 img{
		max-width:75%;
		height:auto;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4300_3300 .text h4{
		position: absolute;
		top: 220px;
		left: 0;
		width: 298px;
		margin:0 20px 0 21px;
		padding: 20px;
		background: #fff;
		color: #000 !important;

	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4300_3300 .text p{
		position: absolute;
		top: 260px;
		left: 0;
		width: 298px;
		margin:0 20px 0 21px;
		padding: 20px;
		background: #fff;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1400{
		min-height:450px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1400 .prd-name{
		left: 60px;
		top: 250px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1400 .prd-name img{
		max-width: 80%;
		height: auto;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1400 .text{
		padding: 0;
		padding-top: 320px;
		margin: 0 20px;
		text-align:center;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1400 .text h4{
		background: #71c7d5;
		margin-bottom: 0;
		padding-bottom: 0.6em;
		padding: 0 10px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1400 .text p{
		background: #71c7d5;
		padding: 10px;
		margin-bottom:0 !important;
	}
	
}

	

/*78%*/
@media (min-width: 768px) and (max-width:991px) {
	.ysp10th-top .ysp10th-body{
		height:398px;
	}
	.ysp10th.ysp10th-top .top-nav .sprite,
	.ysp10th.ysp10th-top .top-nav li,
	.ysp10th.ysp10th-top .top-nav a {
		height: 78px;
		background-size:570px auto;
	}
	.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 -78px;
	}
	.ysp10th.ysp10th-top .top-nav .item03 a {
		background-position: 0 -156px;
	}
	.ysp10th.ysp10th-top .top-nav .item04 a {
		background-position: 0 -234px;
	}
	.ysp10th.ysp10th-top .top-nav .item01 .sprite {
		background-position: 0 -308px;
	}
	.ysp10th.ysp10th-top .top-nav .item02 .sprite {
		background-position: 0 -386px;
	}
	.ysp10th.ysp10th-top .top-nav .item03 .sprite {
		background-position: 0 -464px;
	}
	.ysp10th.ysp10th-top .top-nav .item04 .sprite {
		background-position: 0 -542px;
	}
	
	p.btn-to-top.box-absolute{
		top:337px !important;
		left:469px !important;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body h4,
	.ysp10th.ysp10th-chapter04 .ysp10th-body p{
		line-height:1.4;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .prd-name img,
	.ysp10th.ysp10th-chapter04 .ysp10th-body .poster img{
		max-width:78%;
		height:auto;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .main-image .btn-to-top{
		top:40px !important;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .main-image{
		padding-bottom:72px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .main-image .text{
		top:204px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .cnt-box .year-number{
		top:-18px;
		left:243.5px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1{
		padding-bottom:300px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1 .box-zoom2{
		left:80px;
		top:300px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .dot-box.right .dot-box-inner{
		width:240px;
		margin-left:100px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .dot-box.left{
		width:305px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .yrs-lineup-2009{
		text-align:center;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000{
		min-height:600px;
		margin-bottom:10px !important;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 .prd-name{
		top:220px;
		left:47px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 .text{
		padding-top:292px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1000 .box-zoom{
		float:none;
		top:350px;
		left:300px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-500_4000{
		margin-top:40px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-500 .text{
		padding-top:102px;
		padding-right:300px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-500 .prd-name{
		top:40px;
		left:110px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-500 .text img{
		max-width:78%;
		height:auto;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4000{
		min-height:450px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4000 .prd-name{
		top:120px;
		left:225px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4000 .text{
		padding:165px 30px 0 225px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4000 .box-zoom{
		top:122px;
		left:120px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000{
		min-height:430px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000 h3 img{
		max-width:78%;
		height:auto;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000 .text{
		padding:83px 220px 15px 66px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrp-2000_1000 .text p{
		margin-left:20px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4100 .prd-name{
		top:288px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4100 .box-zoom{
		top:345px;
		left:340px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4100 .text{
		padding-top:334px;
		padding-right:270px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-5100{
		min-height:270px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-5100 .prd-name{
		top:13px;
		left:242px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-5100 .text{
		padding-top:55px;
		padding-left:242px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-2100_1100{
		margin-bottom:40px !important;
		min-height:200px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-2100_1100 .year-number{
		top:-114px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-2100_1100 .text{
		padding-left:322px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-2100_1100 .border-bluegreen{
		right:315px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-2200{
		min-height:550px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-2200 .prd-name{
		top:200px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-2200 .text{
		padding-top:247px;
		padding-right:283px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-2200 .box-zoom{
		top:334px;
		left:262px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200{
		margin-bottom:40px !important;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 .text{
		width:280px;
		text-align:left;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-yrs-1200 h3 img{
		vertical-align:middle;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-4300_3300 .text{
		padding-left:106px;
		padding-right:200px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1400{
		min-height:720px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1400 .prd-name{
		top:392px;
		left:180px;
	}
	.ysp10th.ysp10th-chapter04 .ysp10th-body .box-ysp-1400 .text{
		padding-top:455px;
		padding-left:180px;
		padding-right:220px;
	}

}

@media (min-width: 992px) and (max-width:1199px) {
	.ysp10th.ysp10th-top .top-nav .sprite,
	.ysp10th.ysp10th-top .top-nav li,
	.ysp10th.ysp10th-top .top-nav a {
		background-size:740px auto;
	}
}

@media (min-width: 1200px) {
	.ysp10th.ysp10th-top .top-nav .sprite,
	.ysp10th.ysp10th-top .top-nav li,
	.ysp10th.ysp10th-top .top-nav a {
		background-size:740px auto;
	}
}


/*  caroufredsel_wrapper */
@media (min-width: 768px) and (max-width:991px) {
	.ysp10th .carousel img{
		width:595px;
		height:474px;
	}
	.ysp10th .caroufredsel_wrapper
	.ysp10th .caroufredsel_wrapper .carousel,{
		height:474px;
	}
	
}
@media (max-width: 767px) {
	.ysp10th .carousel img{
		width:340px;
		height:271px;
	}
	.ysp10th .caroufredsel_wrapper
	.ysp10th .caroufredsel_wrapper .carousel,{
		height:271px;
}
}


/*  ysp_nav_head */
.ysp10th .ysp_nav_head ul{
	list-style:none;
}
.ysp10th .ysp_nav_head ul li{
	float:left;
	padding:10px 5px;
	width:185px;
	font-size:0.8em;
	cursor:pointer;
	line-height:1.2;
	background:#000;
	border-right:1px solid #595757;
	border-bottom:1px solid #595757;
}
.ysp10th .ysp_nav_head ul li a{
	display:block;
	width:175px;
	color:#ccc;
}
.ysp10th .ysp_nav_head ul li a:visited{
	text-decoration:none;
	color:#ccc;
}
.ysp10th .ysp_nav_head ul li a:hover{
	text-decoration:none;
	color:#71c7d5;
}
.ysp10th .ysp_nav_head ul li.active{
	text-decoration:none;
	color:#71c7d5;
}
.ysp10th .ysp_nav_head ul li .chapter{
	color:#71c7d5;
	text-align:right;
}
@media (min-width: 768px) and (max-width:991px) {
	.ysp10th .ysp_nav_head ul li{
		width:297px;
		height:60px;
	}
	.ysp10th .ysp_nav_head ul li a{
		width:277px;
		height:50px;
	}

	
}
@media (max-width: 767px) {
	.ysp10th .ysp_nav_head ul li{
		width:340px;
		height:50px;
	}
	.ysp10th .ysp_nav_head ul li a{
		width:320px;
		height:40px;
}
}


/*  ysp_nav_top */
.ysp10th .ysp_nav_top ul{
	list-style:none;
	margin-bottom:20px;
	color:#ccc;
}
.ysp10th .ysp_nav_top ul li{
	padding:20px 10px;
	width:100%;
	cursor:pointer;
	line-height:1.6;
	text-align:center;
	border-top:1px solid #595757
}
.ysp10th .ysp_nav_top ul li a{
	display:block;
	width:100%;
	color:#ccc;
}
.ysp10th .ysp_nav_top ul li:hover{
	background: #000000 url(../images/cmn_cap_bg.png) repeat-x;
}
.ysp10th .ysp_nav_top ul li a:visited{
	text-decoration:none;
	color:#ccc;
}
.ysp10th .ysp_nav_top ul li a:hover{
	text-decoration:none;
	color:#71c7d5;
}
.ysp10th .ysp_nav_top ul li.active{
	color:#71c7d5;
	background: #000000 url(../images/cmn_cap_bg.png) repeat-x;
}
.ysp10th .ysp_nav_top ul li .chapter{
	color:#71c7d5;
	text-align:right;
}

/*  ysp_nav_foot */
.ysp10th .ysp_nav_foot ul{
	list-style:none;
	color:#ccc;
}
.ysp10th .ysp_nav_foot ul li{
	float:left;
	padding:20px 10px 10px 30px;
	width:100%;
	cursor:pointer;
	line-height:1.6;
	border-foot:1px solid #595757;
	background:#000;
}
.ysp10th .ysp_nav_foot ul li a{
	display:block;
	width:100%;
	color:#ccc;
}
.ysp10th .ysp_nav_foot ul li:hover{
	background: #000000 url(../images/cmn_cap_bg.png) repeat-x;
}
.ysp10th .ysp_nav_foot ul li a:visited{
	text-decoration:none;
	color:#ccc;
}
.ysp10th .ysp_nav_foot ul li a:hover{
	text-decoration:none;
	color:#71c7d5;	
}
.ysp10th .ysp_nav_foot ul li.active{
	background: #000000 url(../images/cmn_cap_bg.png) repeat-x;
	color:#71c7d5;
}
.ysp10th .ysp_nav_foot ul li .chapter{
	color:#71c7d5;
	text-align:right;
	padding-right:30px;
}

@media (max-width: 767px) {
	.ysp10th .ysp_nav_foot ul li .chapter{
		display:block;
		text-align:left;
	}
}