@charset "utf-8";

/* mainpage triangle css */

#main-greentriangle {
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	width:26%;
	z-index:20;
}

#main-bluetriangle1 {
	position:absolute;
	bottom:0px;
	right:0px;	
	float:right;
	width:36%;
  	margin-left:64%;
  	z-index:20;
}

#main-bluetriangle1 img {
	float: right;
}

#main-bluetriangle2 {
	position:absolute;
	bottom:0px;
	right:0px;	
	float:right;
	width:26%;
  	margin-left:74%;
  	z-index:30;
}

#main-bluetriangle2 img {
	float: right;
}

#main-orangetriangle1 {
	position:absolute;
	top:0px;
	right:0px;	
	float:right;
	width:36%;
  	margin-left:64%;
}

#main-orangetriangle1 img {
	float:right;
}

#main-orangetriangle2 {
	position:absolute;
	top:0px;
	right:0px;	
	float:right;
	width:26%;
  	margin-left:74%;
}

#main-orangetriangle2 img {
	float:right;
}

#main-orangetriangle31 {
	position:absolute;
	left:0px;
	bottom:0px;
	float:left;
	width:18.4%;
}

#main-orangetriangle41 {
	position:absolute;
	left:0px;
	bottom:0px;
	float:left;
	width:9.2%;
}

#main-orangetriangle32 {
	position:absolute;
	left:0px;
	top:0px;
	float:left;
	width:18.4%;
}

#main-orangetriangle42 {
	position:absolute;
	left:0px;
	top:0px;
	float:left;
	width:9.2%;
}

#main-greentriangle2 {
	position:absolute;
	bottom:0px;
	right:0px;	
	float:right;
	width:13%;
  	margin-left:87%;
}

#main-greentriangle2 img {
	float:right;
}

#myexam-greentriangle {
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	width:11%;
	z-index:20;
}

#myexam-bluetriangle1 {
	position:absolute;
	bottom:0px;
	right:0px;	
	float:right;
	width:14%;
  	margin-left:86%;
  	z-index:20;
}

#myexam-bluetriangle1 img {
	float: right;
}

#myexam-bluetriangle2 {
	position:absolute;
	bottom:0px;
	right:0px;	
	float:right;
	width:22%;
  	margin-left:78%;
  	z-index:30;
}

#myexam-bluetriangle2 img {
	float: right;
}

#about-lt1 {
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	width:18%;
	z-index:20;
}

#about-lt2 {
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	width:13%;
	z-index:30;
}

#about-rb1 {
	position:absolute;
	bottom:0px;
	right:0px;
	float:right;
	width:22%;
	margin-left:78%;
	z-index:20;	
}

#about-rb1 img {
	float:right;
}

#about-rb2 {
	position:absolute;
	bottom:0px;
	right:0px;
	float:right;
	width:14%;
	margin-left:86%;
	z-index:30;	
}

#about-rb2 img {
	float:right;
}

#about-rb3 {
	position:absolute;
	bottom:0px;
	right:0px;
	float:right;
	width:15%;
	margin-left:85%;
	z-index:20;	
}

#about-rb3 img {
	float:right;
}

#about-rb4 {
	position:absolute;
	bottom:0px;
	right:0px;
	float:right;
	width:10%;
	margin-left:90%;
	z-index:30;	
}

#about-rb4 img {
	float:right;
}

#about-rt1 {
	position:absolute;
	top:0px;
	right:0px;
	float:right;
	width:22%;
	margin-left:78%;
	z-index:20;	
}

#about-rt1 img {
	float:right;
}

#about-rt2 {
	position:absolute;
	top:0px;
	right:0px;
	float:right;
	width:14%;
	margin-left:86%;
	z-index:30;	
}

#about-rt2 img {
	float:right;
}

#about-lb1 {
	position:absolute;
	bottom:0px;
	left:0px;
	float:left;
	width:18%;
	z-index:20;
}

#about-lb2 {
	position:absolute;
	bottom:0px;
	left:0px;
	float:left;
	width:13%;
	z-index:30;
}