/* 
°¡·Î±×·¡ÇÁ
*/
#tab1{ position:absolute; left:0; top:0;width:100%;	height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab2{ position:absolute; left:0; top:0;width:100%;	height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab3{ position:absolute; left:0; top:0;width:100%;	height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab4{ position:absolute; left:0; top:0;width:100%;	height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab5{ position:absolute; left:0; top:0;width:100%;	height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab6{ position:absolute; left:0; top:0;width:100%;	height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab7{ position:absolute; left:0; top:0;width:100%;	height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab8{ position:absolute; left:0; top:0;width:100%;	height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab9{ position:absolute; left:0; top:0;width:100%;	height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab10{ position:absolute; left:0; top:0;width:100%;height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab11{ position:absolute; left:0; top:0;width:100%;height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab12{ position:absolute; left:0; top:0;width:100%;height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab13{ position:absolute; left:0; top:0;width:100%;height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab14{ position:absolute; left:0; top:0;width:100%;height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab15{ position:absolute; left:0; top:0;width:100%;height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab16 { position:absolute; left:0; top:0;width:100%;height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab17{ position:absolute; left:0; top:0;width:100%;height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }
#tab18{ position:absolute; left:0; top:0;width:100%;height:100%; border:none; display:none; text-align:center; border-radius: 4px; z-index: 100; }

div.speech_bubble p{ padding:45px 0; font-size:18px; }
#screen_black { width:100%; height:100%; position: fixed; top: 0; left: 0; display:none; background-color: #222; z-index: 50; opacity: 0.9; }

.progress-bar { background-color: #fff; height:30px; padding:5px; width:100%; border:1px solid #fff; }
.progress-bar span { display: inline-block; height:100%; background-color: #777; }

.blue span { background-color: #17c7bf;  }
.red span {  background-color: #fc5589 }
.green span { background-color: #a0bd61;  }
.ju span { background-color: #fea305; }


.stripes span {
   -webkit-background-size: 10px 10px;
   -moz-background-size: 10px 10px;
   background-size: 10px 10px;		
   
   background-image: -webkit-gradient(linear, left top, right bottom,
	color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
	color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
    color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
    to(transparent));
   background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
   background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
   background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
   background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
   background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);            
    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;       
	
}
        
@-webkit-keyframes animate-stripes { 
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@-moz-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
		
.shine span { position: relative; }
.shine span::after {
			content: '';
			opacity: 0;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: #fff;
            -moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;			
			
            -webkit-animation: animate-shine 2s ease-out infinite;
            -moz-animation: animate-shine 2s ease-out infinite; 			
		}

        @-webkit-keyframes animate-shine { 
			0% {opacity: 0; width: 0;}
			50% {opacity: .5;}
			100% {opacity: 0; width: 95%;}
        }
        
        
        @-moz-keyframes animate-shine {
			0% {opacity: 0; width: 0;}
			50% {opacity: .5;}
			100% {opacity: 0; width: 95%;}
        }

		/*---------------------------*/	 
		
		.glow span {
            -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
			-webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
			box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
			
            -webkit-animation: animate-glow 1s ease-out infinite;
            -moz-animation: animate-glow 1s ease-out infinite; 			
		}

		@-webkit-keyframes animate-glow {
		 0% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
		 50% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
		 100% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
		 }

		@-moz-keyframes animate-glow {
		 0% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
		 50% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
		 100% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
		 }

/* ¼¼·Î ±×·¡ÇÁ */

div#csschart, div#csschart, div#csschart div{ margin:0;	padding:0;	} 	
div#csschart dt{
	display:none;
	}
div#csschart div{
	position:relative;
	float:left;
	display:inline;
	width:100%;
	height:150px;
	margin-top:15px;		
	} 
div#csschart span{
	position:absolute;
	display:block;
	width:100%;	
	bottom:0;
	left:0;	
	color:#555;
	text-decoration:none;
	} 		
div#csschart span b{
	display:block;
	font-weight:bold;
	font-style:normal;
	float:left;
	color:#fff;
	position:absolute;
	top:5px;
	left:3px;
	text-align:center;
	width:23px;
	} 		

/* default column styling */		

div#csschart span{ width:100%; height:50%; background:url(../images/main/bar.png) repeat-y; } 

/* // column types */	

/* percentages */
	div#csschart .p1 span{height:1%}
	div#csschart .p2 span{height:2%}
	div#csschart .p3 span{height:3%}
	div#csschart .p4 span{height:4%}
	div#csschart .p5 span{height:5%}
	div#csschart .p6 span{height:6%}
	div#csschart .p7 span{height:7%}
	div#csschart .p8 span{height:8%}
	div#csschart .p9 span{height:9%}
	div#csschart .p10 span{height:10%}
	div#csschart .p11 span{height:11%}
	div#csschart .p12 span{height:12%}
	div#csschart .p13 span{height:13%}
	div#csschart .p14 span{height:14%}
	div#csschart .p15 span{height:15%}
	div#csschart .p16 span{height:16%}
	div#csschart .p17 span{height:17%}
	div#csschart .p18 span{height:18%}
	div#csschart .p19 span{height:19%}
	div#csschart .p20 span{height:20%}
	div#csschart .p21 span{height:21%}
	div#csschart .p22 span{height:22%}
	div#csschart .p23 span{height:23%}
	div#csschart .p24 span{height:24%}
	div#csschart .p25 span{height:25%}
	div#csschart .p26 span{height:26%}
	div#csschart .p27 span{height:27%}
	div#csschart .p28 span{height:28%}
	div#csschart .p29 span{height:29%}
	div#csschart .p30 span{height:30%}
	div#csschart .p31 span{height:31%}
	div#csschart .p32 span{height:32%}
	div#csschart .p33 span{height:33%}
	div#csschart .p34 span{height:34%}
	div#csschart .p35 span{height:35%}
	div#csschart .p36 span{height:36%}
	div#csschart .p37 span{height:37%}
	div#csschart .p38 span{height:38%}
	div#csschart .p39 span{height:39%}
	div#csschart .p40 span{height:40%}
	div#csschart .p41 span{height:41%}
	div#csschart .p42 span{height:42%}
	div#csschart .p43 span{height:43%}
	div#csschart .p44 span{height:44%}
	div#csschart .p45 span{height:45%}
	div#csschart .p46 span{height:46%}
	div#csschart .p47 span{height:47%}
	div#csschart .p48 span{height:48%}
	div#csschart .p49 span{height:49%}
	div#csschart .p50 span{height:50%}
	div#csschart .p51 span{height:51%}
	div#csschart .p52 span{height:52%}
	div#csschart .p53 span{height:53%}
	div#csschart .p54 span{height:54%}
	div#csschart .p55 span{height:55%}
	div#csschart .p56 span{height:56%}
	div#csschart .p57 span{height:57%}
	div#csschart .p58 span{height:58%}
	div#csschart .p59 span{height:59%}
	div#csschart .p60 span{height:60%}
	div#csschart .p61 span{height:61%}
	div#csschart .p62 span{height:62%}
	div#csschart .p63 span{height:63%}
	div#csschart .p64 span{height:64%}
	div#csschart .p65 span{height:65%}
	div#csschart .p66 span{height:66%}
	div#csschart .p67 span{height:67%}
	div#csschart .p68 span{height:68%}
	div#csschart .p69 span{height:69%}
	div#csschart .p70 span{height:70%}
	div#csschart .p71 span{height:71%}
	div#csschart .p72 span{height:72%}
	div#csschart .p73 span{height:73%}
	div#csschart .p74 span{height:74%}
	div#csschart .p75 span{height:75%}
	div#csschart .p76 span{height:76%}
	div#csschart .p77 span{height:77%}
	div#csschart .p78 span{height:78%}
	div#csschart .p79 span{height:79%}
	div#csschart .p80 span{height:80%}
	div#csschart .p81 span{height:81%}
	div#csschart .p82 span{height:82%}
	div#csschart .p83 span{height:83%}
	div#csschart .p84 span{height:84%}
	div#csschart .p85 span{height:85%}
	div#csschart .p86 span{height:86%}
	div#csschart .p87 span{height:87%}
	div#csschart .p88 span{height:88%}
	div#csschart .p89 span{height:89%}
	div#csschart .p90 span{height:90%}
	div#csschart .p91 span{height:91%}
	div#csschart .p92 span{height:92%}
	div#csschart .p93 span{height:93%}
	div#csschart .p94 span{height:94%}
	div#csschart .p95 span{height:95%}
	div#csschart .p96 span{height:96%}
	div#csschart .p97 span{height:97%}
	div#csschart .p98 span{height:98%}
	div#csschart .p99 span{height:99%}
	div#csschart .p100 span{height:100%}


/* // percentages */