@charset "utf-8";
/* CSS Document */


.contentsArea_sv1_title {
	position: absolute;
	width: 300px;
	height: 48px;
}
.contentsArea_sv1_title {
	top: 68.5%;
	left: 1%;
	right: 60%;
	z-index: 300;
}
.contentsArea_sv1_box {
	z-index: 350;
	float: left;
	margin-left: 25px;
}

.contentsArea_sv1_b {
	caret-color: transparent;
	top: 65%;
	left: 5%;
	z-index: 305;
	float: left;
	margin-left: 25px;
	background-image: url(../images/character/sv1bg.png);
	}

.contentsArea_sv1_c {
	caret-color: transparent;
	top: 65%;
	left: 15%;
	z-index: 305;
	float: left;
	margin-left: 10px;
	background-image: url(../images/character/sv1bg.png);
}	

.contentsArea_sv1_d {
	caret-color: transparent;
	top: 65%;
	left: 15%;
	z-index: 305;
	float: left;
	margin-left: 10px;
	background-image: url(../images/character/sv2bg.png);
}	
	
/* 2 */

.contentsArea_sv2_title {
	position: absolute;
	width: 300px;
	height: 48px;
}
.contentsArea_sv2_title {
	top: 68.5%;
	left: 1%;
	right: 60%;
	z-index: 300;
}
.contentsArea_sv2_box {
	z-index: 350;
	float: left;
	margin-left: 25px;
}

.contentsArea_sv2_b {
	caret-color: transparent;
	top: 65%;
	left: 5%;
	z-index: 305;
	float: left;
	margin-left: 25px;
	background-image: url(../images/character/sv1bg.png);
	}

.contentsArea_sv2_c {
	caret-color: transparent;
	top: 65%;
	left: 15%;
	z-index: 305;
	float: left;
	margin-left: 10px;
	background-image: url(../images/character/sv1bg.png);
}	

.contentsArea_sv2_d {
	caret-color: transparent;
	top: 65%;
	left: 15%;
	z-index: 305;
	float: left;
	margin-left: 10px;
	background-image: url(../images/character/sv2bg.png);
}	
	
/* 3 */

.contentsArea_sv3_title {
	position: absolute;
	width: 300px;
	height: 48px;
}
.contentsArea_sv3_title {
	top: 68.5%;
	left: 1%;
	right: 60%;
	z-index: 300;
}
.contentsArea_sv3_box {
	z-index: 350;
	float: left;
	margin-left: 25px;
}

.contentsArea_sv3_b {
	caret-color: transparent;
	top: 65%;
	left: 5%;
	z-index: 305;
	float: left;
	margin-left: 25px;
	background-image: url(../images/character/sv1bg.png);
	}

.contentsArea_sv3_c {
	caret-color: transparent;
	top: 65%;
	left: 15%;
	z-index: 305;
	float: left;
	margin-left: 10px;
	background-image: url(../images/character/sv1bg.png);
}	

.contentsArea_sv3_d {
	caret-color: transparent;
	top: 65%;
	left: 15%;
	z-index: 305;
	float: left;
	margin-left: 10px;
	background-image: url(../images/character/sv2bg.png);
}	
	
/* 4 */

.contentsArea_sv4_title {
	position: absolute;
	width: 300px;
	height: 48px;
}
.contentsArea_sv4_title {
	top: 68.5%;
	left: 1%;
	right: 60%;
	z-index: 300;
}
.contentsArea_sv4_box {
	z-index: 350;
	float: left;
	margin-left: 25px;
}

.contentsArea_sv4_b {
	caret-color: transparent;
	top: 65%;
	left: 5%;
	z-index: 305;
	float: left;
	margin-left: 25px;
	background-image: url(../images/character/sv1bg.png);
	}

.contentsArea_sv4_c {
	caret-color: transparent;
	top: 65%;
	left: 15%;
	z-index: 305;
	float: left;
	margin-left: 10px;
	background-image: url(../images/character/sv1bg.png);
}	

.contentsArea_sv4_d {
	caret-color: transparent;
	top: 65%;
	left: 15%;
	z-index: 305;
	float: left;
	margin-left: 10px;
	background-image: url(../images/character/sv2bg.png);
}

/* 5 */

.contentsArea_sv5_title {
	position: absolute;
	width: 300px;
	height: 48px;
}
.contentsArea_sv5_title {
	top: 68.5%;
	left: 1%;
	right: 60%;
	z-index: 300;
}
.contentsArea_sv5_box {
	z-index: 350;
	float: left;
	margin-left: 25px;
}

.contentsArea_sv5_b {
	caret-color: transparent;
	top: 65%;
	left: 5%;
	z-index: 305;
	float: left;
	margin-left: 25px;
	background-image: url(../images/character/sv1bg.png);
	}

.contentsArea_sv5_c {
	caret-color: transparent;
	top: 65%;
	left: 15%;
	z-index: 305;
	float: left;
	margin-left: 10px;
	background-image: url(../images/character/sv1bg.png);
}	

.contentsArea_sv5_d {
	top: 65%;
	left: 15%;
	z-index: 305;
	float: left;
	margin-left: 25px;
}

.contentsArea img{
  max-width: 100%;
}

.contentsArea_cos_title {
  position: absolute;  
}
.contentsArea_cos_title {
	top: 80%;
	left: 1%;
	width: 100%;
	height: auto;
	z-index: 350;
}

.contentsArea_cos_box {
  position: absolute;
}
.contentsArea_cos_box {
	width: 50%;
	height: auto;
	z-index: 350;
	float: left;
	margin-left: 10px;
}

.contentsArea_cos2_title {
  position: absolute;  
}
.contentsArea_cos2_title {
	top: 80%;
	left: 1%;
	width: 100%;
	height: auto;
	z-index: 350;
}

.contentsArea_cos3_title {
  position: absolute;  
}
.contentsArea_cos3_title {
	top: 80%;
	left: 1%;
	width: 100%;
	height: auto;
	z-index: 350;
}

.contentsArea_cos4_title {
  position: absolute;  
}
.contentsArea_cos4_title {
	top: 80%;
	left: 1%;
	width: 100%;
	height: auto;
	z-index: 350;
}

.cos_img{
	height: auto;
	padding: 5px;
	max-width: 50px;
	float: left;
}
ul li{
  font-size: 0;
  display: inline;
}