@charset "utf-8";
/* 
-------------------------------------------------- */
.w680px {
	width: 680px;
}
.fuel_table01 {
	overflow: scroll;
	height: 500px;
}
.fuel_table01 table {
	width: 1380px;
}
.fuel_table01 .fixed01,
.fuel_table01 .fixed02,
.fuel_table01 .fixed03,
.fuel_table01 .fixed04{
	position: -webkit-sticky;
  position: sticky;
  left: 0;
	z-index: 1;
}
.fuel_table01 .fixed01,
.fuel_table01 .fixed02{
  top: 0;
}
.fuel_table01 .fixed04 {
  left: 75px;
}
.fuel_table01 .fixed01 {
  z-index: 2;
}
.fuel_table01 .table_normal th, 
.fuel_table01 .table_normal td{
	padding: 7px;
}
.fuel_table02 .graph_num_wrap {
	padding: 5px 20px 5px 18px;
}
.fuel_table02 .graph_num {
	display: flex;
	justify-content: space-between;
}
.fuel_table02 .graph_num li{
	width: 30px;
	text-align: center;
}
.table_normal .graph_border_wrap {
	padding: 12px 36px 12px 32px;
	background: url(/jpn/business/energy/basic-knowledge/fuel/images/bg_border01.gif) left 32px top;
}
.table_normal .graph_border_wrap .graph_border {
	position: relative;
	top: 5px;
	width: 100%;
	height: 18px;
	background-color: #1ba1e6;
}
.table_normal .graph_border_wrap .graph_border01 {
	left: 5.3%;
	width: 9.7%;
}
.table_normal .graph_border_wrap .graph_border02 {
	left: 2.4%;
	width: 8%;
}
.table_normal .graph_border_wrap .graph_border03 {
	left: 2.4%;
	width: 7.3%;
}
.table_normal .graph_border_wrap .graph_border04 {
	left: 1.6%;
	width: 8.1%;
}
.table_normal .graph_border_wrap .graph_border05 {
	left: 1.6%;
	width: 6.6%;
}
.table_normal .graph_border_wrap .graph_border06 {
	left: 4.0%;
	width: 71%;
}
.table_normal .graph_border_wrap .graph_border07 {
	left: 2.4%;
	width: 77.6%;
}
@media print, screen and (min-width:768px){
}
@media screen and (max-width:767px) {
	.fuel_table01 .fixed04 {
		left: 49px;
	}
	.fuel_table01 .table_normal th, 
	.fuel_table01 .table_normal td{
		padding: 7px 5px;
	}
	.fuel_table01 .sp_scroll_cnt {
		width: 1220px;
	}
	.fuel_table02 .sp_scroll_cnt {
		width: 920px;
	}
	.fuel_table02 .table_normal td:nth-of-type(-n+2){
		padding: 12px 5px;
	}
	.table_normal .graph_border_wrap .graph_border {
		top: 3px;
	}
}