@charset "UTF-8";

/* :::::::::::::::::::::::::::::::::::::::::::::

	name:			style.css;
	created:		2009-09-03;
	last-modified:	2009-09-03;
	writer:			makoto.uesugi(LiONMEDiA);

::::::::::::::::::::::::::::::::::::::::::::: */

/* css start ------------ */


/* :::::::::::::::::::::::::::::::::::::::::::::
	style reset
::::::::::::::::::::::::::::::::::::::::::::: */

/* slider_box */

.slider_box{
	width: 190px;
	height: 42px;
	position: relative;
	padding-top: 2px;
	padding-left: 23px;
	z-index: 1;	
}

.balloon{
	background:url(/img/common/slider/parts02.gif) no-repeat;
	width: 56px;
	height: 23px;
	padding-top: 2px;
	text-align: center;
	font-weight:bold ;
	position: absolute;
	top: 5px;
	left: 50px;
	z-index: 100;
	
}

.bar_left{
	position: absolute;
	top: 5px;
	left: 30px;
	z-index: 100;
}

.bar_right{
	position: absolute;
	top: 5px;
	right: 30px;
	z-index: 100;
}

.slider_box_in{
	top: 0;
	left: 0;
	z-index: 10;
	background: #000;
}

.measure{
	background:url(/img/common/slider/measure_a.gif) no-repeat;
	width: 167px;
	height: 20px;
	position: absolute;
	top: 28px;
	left: 20px;
	z-index: 1;
}

.lowprice{
	background:url(/img/common/slider/lowprice.gif) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 28px;
	left: 0;
	z-index: 1;
}

.highprice{
	background:url(/img/common/slider/highprice.gif) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 28px;
	left: 198px;
	z-index: 1;
}

.price_bar{
	background:url(/img/common/slider/price_bar.gif) no-repeat;
	width: 207px;
	height: 18px;
	position: absolute;
	top: 50px;
	left: 0;
}

.lowyear{
	background:url(/img/common/slider/lowyear.gif) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 28px;
	left: 0;
	z-index: 1;
}

.highyear{
	background:url(/img/common/slider/highyear.gif) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 28px;
	left: 198px;
	z-index: 1;
}

.year_bar{
	background:url(/img/common/slider/year_bar.gif) no-repeat;
	width: 207px;
	height: 18px;
	position: absolute;
	top: 50px;
	left: 0;
}

.lowyear_bill{
	background:url(/img/common/slider/lowprice.gif) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 28px;
	left: 0;
	z-index: 1;
}

.highyear_bill{
	background:url(/img/common/slider/highprice.gif) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 28px;
	left: 198px;
	z-index: 1;
}

.year_bill_bar{
	/* background:url(/img/common/slider/price_bar.gif) no-repeat; */
	width: 207px;
	height: 18px;
	position: absolute;
	top: 50px;
	left: 0;
}

.lowcool_ability{
	background:url(/img/common/slider/lowability.gif) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 28px;
	left: 0;
	z-index: 1;
}

.highcool_ability{
	background:url(/img/common/slider/highability.gif) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 28px;
	left: 198px;
	z-index: 1;
}

.cool_ability_bar{
	background:url(/img/common/slider/ability_bar.gif) no-repeat;
	width: 207px;
	height: 18px;
	position: absolute;
	top: 50px;
	left: 0;
}

.loweco_point{
	background:url(/img/common/slider/loweco.gif) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 28px;
	left: 0;
	z-index: 1;
}

.higheco_point{
	background:url(/img/common/slider/higheco.gif) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 28px;
	left: 198px;
	z-index: 1;
}

.eco_point_bar{
	/* background:url(/img/common/slider/eco_bar.gif) no-repeat; */
	width: 207px;
	height: 18px;
	position: absolute;
	top: 50px;
	left: 0;
}

.text_area{
	background:#EEEEEE;
	border-left:1px solid #CCCCCC ;
	border-right:1px solid #CCCCCC ;
	width: 205px;
	height: 18px;
	position: absolute;
	top: 10px;
	left: 0;
	font-weight: bold;
}

.lowsize{
	background:url(/img/common/slider/lowability.gif) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 28px;
	left: 0;
	z-index: 1;
}

.highsize{
	background:url(/img/common/slider/highability.gif) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 28px;
	left: 198px;
	z-index: 1;
}
.lowcapacity{
	background:url(/img/common/slider/lowability.gif) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 28px;
	left: 0;
	z-index: 1;
}

.highcapacity{
	background:url(/img/common/slider/highability.gif) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 28px;
	left: 198px;
	z-index: 1;
}
/* css end ------------ */