@charset "UTF-8";

/* ***********************************************************
 *
 *	Colum Setting
 *
************************************************************ */
dl#colum {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: auto;
	_white-space: nowrap;   /*   IE6   */
	_min-width: 70px;       /*   IE6   */
	_width: 100%;            /*   IE6   */
	_width: 70px;            /*   IE6   */
	height: 100%;
	background: #666;
}

dl#colum dd {
	margin: 0px;
	padding: 17px 5px 0px 5px;
	width: auto;
	_white-space: nowrap;   /*   IE6   */
	_min-width: 70px;       /*   IE6   */
	_width: 100%;            /*   IE6   */
	_width: 70px;            /*   IE6   */
	height: 34px;             /*   51px  */
	font: 13px normal;
	color: #FFF;
	text-align: right;
	border: 0px;
}

dl#colum dd.blank {
	margin: 0px;
	padding: 0px;
	height: 12px;
	border: 0px;
}

/* ***   Bar 基本設定   ************************************ */
dl#barchart span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 50%;
	height: 27px;
	background: url(../../images/bar/bar_middle.png) repeat-x;
	cursor: pointer;
}

/* ***   Bar 間幅  ********************************* */
dl#barchart dd {
	height: 27px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* ***   グラフ 文字設定   ********************************* */
dl#barchart span p {
	float: left;
	position: absolute;
	top: 10px;
	/top: 6px;           /*   IE6 IE7   */
	right: 7px;
	width: 23px;
	height: auto;
	font-size: 13px;
	color: #FFF !important;
	line-height: 30%;
	/line-height: 100%;   /*   IE6 IE7   */
	font-weight: normal;
	font-style: normal;
	text-align: center;
}
/* ***********************************************************
 *
 *	Color Setting
 *
************************************************************ */

/* **   GREEN   ******************************************** */
dl#barchart span.green1 {
	background-position: left 0px !important;
}

dl#barchart span.green2 {
	background-position: left -27px !important;
}

dl#barchart span.green3 {
	background-position: left -54px !important;
}

dl#barchart span.green4 {
	background-position: left -81px !important;
}

dl#barchart span.green5 {
	background-position: left -108px !important;
}

dl#barchart span.green6 {
	background-position: left -135px !important;
}

dl#barchart span.green7 {
	background-position: left -162px !important;
}

dl#barchart span.green8 {
	background-position: left -189px !important;
}

dl#barchart span.green9 {
	background-position: left -216px !important;
}

dl#barchart span.green0 {
	background-position: left -243px !important;
}

/* ***   RED   ********************************************* */
dl#barchart span.red1 {
	background-position: left -270px !important;
}

dl#barchart span.red2 {
	background-position: left -297px !important;
}

dl#barchart span.red3 {
	background-position: left -324px !important;
}

dl#barchart span.red4 {
	background-position: left -351px !important;
}

dl#barchart span.red5 {
	background-position: left -378px !important;
}

dl#barchart span.red6 {
	background-position: left -405px !important;
}

dl#barchart span.red7 {
	background-position: left -432px !important;
}

dl#barchart span.red8 {
	background-position: left -459px !important;
}

dl#barchart span.red9 {
	background-position: left -486px !important;
}

dl#barchart span.red0 {
	background-position: left -513px !important;
}

/* ***   BLUE   ******************************************** */
dl#barchart span.blue1 {
	background-position: left -540px !important;
}

dl#barchart span.blue2 {
	background-position: left -567px !important;
}

dl#barchart span.blue3 {
	background-position: left -594px !important;
}

dl#barchart span.blue4 {
	background-position: left -621px !important;
}

dl#barchart span.blue5 {
	background-position: left -648px !important;
}

dl#barchart span.blue6 {
	background-position: left -675px !important;
}

dl#barchart span.blue7 {
	background-position: left -702px !important;
}

dl#barchart span.blue8 {
	background-position: left -729px !important;
}

dl#barchart span.blue9 {
	background-position: left -756px !important;
}

dl#barchart span.blue0 {
	background-position: left -783px !important;
}

/* **   BASIC   ******************************************** */
dl#barchart span.basic1 {
	background-position: left 0px !important;
}

dl#barchart span.basic2 {
	background-position: left -27px !important;
}

dl#barchart span.basic3 {
	background-position: left -54px !important;
}

dl#barchart span.basic4 {
	background-position: left -81px !important;
}

dl#barchart span.basic5 {
	background-position: left -108px !important;
}

dl#barchart span.basic6 {
	background-position: left -135px !important;
}

dl#barchart span.basic7 {
	background-position: left -162px !important;
}

dl#barchart span.basic8 {
	background-position: left -189px !important;
}

dl#barchart span.basic9 {
	background-position: left -216px !important;
}

dl#barchart span.basic0 {
	background-position: left -243px !important;
}

/* ***   NATURAL   ********************************************* */
dl#barchart span.natural1 {
	background-position: left -270px !important;
}

dl#barchart span.natural2 {
	background-position: left -297px !important;
}

dl#barchart span.natural3 {
	background-position: left -324px !important;
}

dl#barchart span.natural4 {
	background-position: left -351px !important;
}

dl#barchart span.natural5 {
	background-position: left -378px !important;
}

dl#barchart span.natural6 {
	background-position: left -405px !important;
}

dl#barchart span.natural7 {
	background-position: left -432px !important;
}

dl#barchart span.natural8 {
	background-position: left -459px !important;
}

dl#barchart span.natural9 {
	background-position: left -486px !important;
}

dl#barchart span.natural0 {
	background-position: left -513px !important;
}

/* ***   CAFE   ******************************************** */
dl#barchart span.cafe1 {
	background-position: left -540px !important;
}

dl#barchart span.cafe2 {
	background-position: left -567px !important;
}

dl#barchart span.cafe3 {
	background-position: left -594px !important;
}

dl#barchart span.cafe4 {
	background-position: left -621px !important;
}

dl#barchart span.cafe5 {
	background-position: left -648px !important;
}

dl#barchart span.cafe6 {
	background-position: left -675px !important;
}

dl#barchart span.cafe7 {
	background-position: left -702px !important;
}

dl#barchart span.cafe8 {
	background-position: left -729px !important;
}

dl#barchart span.cafe9 {
	background-position: left -756px !important;
}

dl#barchart span.cafe0 {
	background-position: left -783px !important;
}