@charset "UTF-8";

/*======================================

	chart_h2
	
=======================================*/

#main h2#chartIndex { background: url(../chart/images/chart_h2.gif) no-repeat; }

/*======================================

	Left
	
=======================================*/


/*======================================

	chart_content
	
=======================================*/

#contentChart p.read2 {
	margin: 5px 80px 30px 80px;
}
#Chart1 {
  position:relative;
	width: 760px;
	height: 1000px;
	background: url(../chart/images/chart_01.gif) no-repeat;
}
#Chart1 p {
  position: absolute;
  text-indent: -9999px;
  color: #FFFFFF;
  font-size: 1px;
}
#Chart1 p a {
  display: block;
  outline : 0;
	text-decoration: none;
}
#Chart1 p a:hover {
  border: 2px solid #00A1E1;
}
#Chart1 div#chartPink {
  position: absolute;
	width: 380px;
	height: 735px;
	top: 0px;
	left: 0px;
}
#Chart1 div#chartYellow {
  position: absolute;
	width: 380px;
	height: 475px;
	top: 0px;
	left: 380px;
}
#Chart1 div#chartRed {
  position: absolute;
	width: 380px;
	height: 820px;
	top: 735px;
	left: 0px;
}
#Chart1 div#chartBlue {
  position: absolute;
	width: 380px;
	height: 810px;
	top: 475px;
	left: 380px;
}
#Chart1 h3 {
  position: absolute;
	top: 600px;
	left: 410px;
	font-size: 12px;
	width: 340px;
}
#Chart1 div#webRbtn {
  position: absolute;
	top: 700px;
	left: 450px;
  text-indent: -9999px;
  color: #FFFFFF;
	font-size: 1px;
}

/* pink
---------------------------------------------------- */
#chartPink p {
	width: 145px;
	height: 45px;
}
#chartPink p a {
	width: 145px;
	height: 45px;
}
#chartPink p#cpink01 { left: 115px; top: 49px; }
#chartPink p#cpink02 { left: 8px; top: 131px; }
#chartPink p#cpink03 { left: 4px; top: 241px; }
#chartPink p#cpink04 { left: 4px; top: 356px; }
#chartPink p#cpink05 { left: 4px; top: 463px; }
#chartPink p#cpink06 { width: 116px; height: 36px; left: 18px; top: 563px; }
#chartPink p#cpink07 { left: 114px; top: 653px; }
#chartPink p#cpink08 { width: 116px; height: 36px; left: 236px; top: 563px; }
#chartPink p#cpink09 { left: 222px; top: 463px; }
#chartPink p#cpink10 { left: 221px; top: 380px; }
#chartPink p#cpink11 { left: 221px; top: 297px; }
#chartPink p#cpink12 { left: 221px; top: 215px; }
#chartPink p#cpink13 { left: 221px; top: 131px; }


#chartPink p#cpink06 a { width: 116px; height: 35px; }
#chartPink p#cpink08 a { width: 116px; height: 35px; }
/*\*/
* html #chartPink p a {	width: 148px;	height: 48px; }
* html #chartPink p#cpink06 a , * html #chartPink p#cpink08 a { width: 119px; height: 38px; }
/**/

/* yellow
---------------------------------------------------- */
#chartYellow p {
	width: 116px;
	height: 35px;
}
#chartYellow p a {
	width: 116px;
	height: 35px;
}
#chartYellow p#cyellow01 { width: 145px; height: 70px; left: 116px; top: 48px; }
#chartYellow p#cyellow02 { left: 22px; top: 130px; }
#chartYellow p#cyellow03 { left: 22px; top: 206px; }
#chartYellow p#cyellow04 { left: 22px; top: 283px; }
#chartYellow p#cyellow05 { width: 145px; height: 48px; left: 5px; top: 355px; }
#chartYellow p#cyellow06 { width: 145px; height: 56px; left: 197px; top: 373px; }
#chartYellow p#cyellow07 { left: 243px; top: 276px; }
#chartYellow p#cyellow08 { left: 241px; top: 204px; }
#chartYellow p#cyellow09 { left: 243px; top: 164px; }


#chartYellow p#cyellow01 a { width: 145px; height: 70px; }
#chartYellow p#cyellow05 a { width: 145px; height: 48px; }
#chartYellow p#cyellow06 a { width: 145px; height: 56px; }
/*\*/
* html #chartYellow p a {	width: 119px;	height: 38px; }
* html #chartYellow p#cyellow01 a { width: 148px; height: 59px; }
* html #chartYellow p#cyellow05 a { width: 148px; height: 47px; }
* html #chartYellow p#cyellow06 a { width: 148px; height: 59px; }
/**/

/* red
---------------------------------------------------- */
#chartRed p {
	width: 145px;
	height: 33px;
}
#chartRed p a {
	width: 145px;
	height: 33px;
}
#chartRed p#cred01 { left: 119px; top: 62px; }
#chartRed p#cred02 { left: 8px; top: 131px; }
#chartRed p#cred03 { left: 8px; top: 196px; }
#chartRed p#cred04 { left: 8px; top: 260px; }
#chartRed p#cred05 { left: 8px; top: 323px; }
#chartRed p#cred06 { left: 8px; top: 387px; }
#chartRed p#cred07 { width: 115px; height: 35px; left: 23px; top: 451px; }
#chartRed p#cred08 { width: 115px; height: 25px; left: 23px; top: 518px; }
#chartRed p#cred09 { width: 115px; height: 35px; left: 23px; top: 577px; }
#chartRed p#cred10 { width: 115px; height: 25px; left: 23px; top: 643px; }
#chartRed p#cred11 { width: 115px; height: 25px; left: 23px; top: 702px; }
#chartRed p#cred12 { width: 115px; height: 25px; left: 133px; top: 761px; }
#chartRed p#cred13 { width: 115px; height: 35px; left: 243px; top: 697px; }
#chartRed p#cred14 { width: 115px; height: 25px; left: 243px; top: 644px; }
#chartRed p#cred15 { width: 115px; height: 25px; left: 243px; top: 576px; }
#chartRed p#cred16 { width: 115px; height: 25px; left: 243px; top: 518px; }
#chartRed p#cred17 { width: 115px; height: 25px; left: 243px; top: 456px; }
#chartRed p#cred18 { width: 115px; height: 25px; left: 243px; top: 392px; }
#chartRed p#cred19 { width: 115px; height: 25px; left: 243px; top: 328px; }
#chartRed p#cred20 { left: 228px; top: 260px; }
#chartRed p#cred21 { left: 228px; top: 196px; }
#chartRed p#cred22 { left: 228px; top: 131px; }

#chartRed p#cred07 a ,
#chartRed p#cred09 a ,
#chartRed p#cred13 a ,
#chartRed p#cred15 a {
  width: 115px; height: 35px;
}
#chartRed p#cred08 a ,
#chartRed p#cred10 a ,
#chartRed p#cred11 a ,
#chartRed p#cred12 a ,
#chartRed p#cred14 a ,
#chartRed p#cred16 a ,
#chartRed p#cred17 a ,
#chartRed p#cred18 a ,
#chartRed p#cred19 a {
  width: 115px; height: 25px;
}
/*\*/
* html #chartRed p a { width: 147px; height: 35px; }
* html #chartRed p#cred07 a ,
* html #chartRed p#cred09 a ,
* html #chartRed p#cred11 a ,
* html #chartRed p#cred13 a ,
* html #chartRed p#cred15 a ,
  width: 118px; height: 38px;
}
* html #chartRed p#cred08 a ,
* html #chartRed p#cred10 a ,
* html #chartRed p#cred12 a ,
* html #chartRed p#cred14 a ,
* html #chartRed p#cred16 a ,
* html #chartRed p#cred17 a ,
* html #chartRed p#cred18 a ,
* html #chartRed p#cred19 a {
  width: 118px; height: 28px;
}
/**/

/* blue
---------------------------------------------------- */
#chartBlue p {
	width: 115px;
	height: 25px;
}
#chartBlue p a {
	width: 115px;
	height: 25px;
}
#chartBlue p#cblue01 { width: 145px; height: 33px; left: 121px; top: 87px; }
#chartBlue p#cblue02 { width: 145px; height: 33px; left: 15px; top: 159px; }
#chartBlue p#cblue03 { left: 23px; top: 249px; }
#chartBlue p#cblue04 { left: 23px; top: 335px; }
#chartBlue p#cblue05 { left: 23px; top: 420px; }
#chartBlue p#cblue06 { left: 23px; top: 504px; }
#chartBlue p#cblue07 { left: 23px; top: 560px; }
#chartBlue p#cblue08 { left: 23px; top: 635px; }
#chartBlue p#cblue09 { height: 35px; left: 23px; top: 705px; }
#chartBlue p#cblue10 { left: 135px; top: 758px; }
#chartBlue p#cblue11 { width: 115px; height: 15px; left: 241px; top: 728px; }
#chartBlue p#cblue12 { height: 35px; left: 243px; top: 660px; }
#chartBlue p#cblue13 { left: 243px; top: 606px; }
#chartBlue p#cblue14 { left: 243px; top: 556px; }
#chartBlue p#cblue15 { left: 243px; top: 504px; }
#chartBlue p#cblue16 { left: 243px; top: 420px; }
#chartBlue p#cblue17 { width: 145px; height: 33px; left: 228px; top: 305px; }
#chartBlue p#cblue18 { width: 145px; height: 33px; left: 228px; top: 205px; }

#chartBlue p#cblue09 a ,
#chartBlue p#cblue12 a {
  height: 35px;
}
#chartBlue p#cblue01 a , 
#chartBlue p#cblue02 a , 
#chartBlue p#cblue17 a , 
#chartBlue p#cblue18 a {
  width: 145px; height: 33px;
}

/*\*/
* html #chartBlue p a { width: 118px; height: 29px; }
* html #chartBlue p#cblue09 a ,
* html #chartBlue p#cblue12 a {
  height: 38px;
}
* html #chartBlue p#cblue01 a , 
* html #chartBlue p#cblue02 a , 
* html #chartBlue p#cblue17 a , 
* html #chartBlue p#cblue18 a {
  width: 148px; height: 36px;
}
/**/


/*======================================

	chart_small
	
=======================================*/

#wrapper2 p img {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #CCCCCC;
}
/*\*/
* html #wrapper2 p img {
	margin: 0 10px 0px 0;
}
/**/
#wrapper2 p span img {
	float: none;
	margin: 0;
	border: none;
}
#wrapper2 p {
	margin: 10px 0 0 0;
	line-height: 1.6;
}
#wrapper2 p a { margin-left: 5px; padding: 0 2px; text-decoration: none; color: #FFFFFF; background: #EF4141; }
#wrapper2 p a:link { }
#wrapper2 p a:visited { }
#wrapper2 p a:hover { color: #CA0101; background: #FFCCCC; }

/*\*/
* html #wrapper2 p {
	margin: 5px 0 0 0;
	height: 200px;
}
* html #wrapper2 p a { padding: 2px; }
/**/