@charset "UTF-8";
.section {
	width:940px;
}
.width_full_sdw_btm #ecology_wrap {
	background: url(../../../common/image_common/sdw_separate.jpg) no-repeat center bottom;
	position:relative;
}
.width_full_sdw_btm #driving_wrap {
	background: url(../../../common/image_common/sdw_separate.jpg) no-repeat center bottom;
}
.width_full_sdw_btm #safety_wrap {
	background: url(../../../common/image_common/sdw_separate.jpg) no-repeat center bottom;
}
.width_full_sdw_btm .section.divider_top {
	background: url(../../../common/image_common/divider_dwn.jpg) no-repeat center top;
}
.width_full.divider_top {
	background: url(../../../common/image_common/divider_dwn.jpg) no-repeat center top;
}
#ecology_wrap .section.eco_indicator.divider_top {
	width: 980px;
}
#ecology_wrap .section.eco_indicator.divider_top .clearfix .col_left {
	width: 490px;
}
#ecology_wrap .section .popup  {
	text-align: right;
	padding: 25px 0px 0px;
}
#ecology_wrap #tab_indicator {
	height: 64px;
	width: 490px;
	padding: 50px 0px 0px;
}
#ecology_wrap #tab_indicator ul li {
	float: left;
	height: 64px;
}
/*
.width_full_sdw_btm #driving_wrap .section_pita{
	background: url(../image/driving_07.jpg) no-repeat center 50px;
	padding-top: 50px;
}
.width_full_sdw_btm #driving_wrap .section_pita .pita {
	width: 400px;
	margin: 0px auto;
	padding-left: 500px;
	padding-bottom: 50px;
}
*/
.col_left {
	width: 450px;
	float: left;
}
.col_right {
	width: 420px;
	padding: 0px 0px 0px 70px;
	float: left;
}
.col_left.idling {
	width: 525px;
}
.col_right.idling_stop {
	width: 415px;
	padding: 0px 0px 20px;
}
.col_left_430 {
	float: left;
	width: 430px;
}
.col_right_430 {
	padding: 0px 0px 0px 40px;
	width: 430px;
	float: left;
}



.width_full_sdw_btm h3 {
	padding: 0px 0px 35px;
}
.width_full_sdw_btm h4 {
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #CCC;
}
.width_full_sdw_btm #package h4 {
	border-bottom: none;
}
.width_full_sdw_btm h5 {
	font-size: 100%;
	font-weight: bold;
	text-indent: -5px;
	margin: 15px 0px 10px 0px;
}


.fuelcost {
	padding: 0px 0px 0px 30px;
}
.fuelcost_caution {
	clear: both;
	padding: 20px 0px 0px;
}
.caution_childseat {
	font-size: 80%;
	padding: 0px 0px 20px;
}
.caution_childseat ul {
	margin: 0px 0px 0px 20px;
}
.caution_childseat ul li {
	list-style-type: square;
}
.section.divider_top.chiidseat {
	padding-bottom: 20px;
}


#btm_submenu {
	padding: 60px 0px;
}
#btm_submenu ul {
	width: 638px;
	margin: 0px auto;
	height: 58px;
	padding: 0px 0px 0px 18px;
}
#btm_submenu ul li {
	float: left;
	padding: 0px 18px 0px 0px;
}

#ess1{
	width:450px;
	height:427px;
	position:relative;
}
#ess1 img{
	position:absolute;
	top:0;
	left:0;
}
#es2,#es3{
	display:none;
}
#es1{
	display:block;
}
#vsa_anime{
	width:450px;
	height:240px;
	clear:both;
}
#hsa{
	width:450px;
	height:319px;
	clear:both;
}


#vsa_anime img,
#hsa img{
	position:absolute;
	top:0;
	left:0;
}
#ess1,
#ess2,
#vsa_anime,
#hsa{
	position:relative;
	overflow:hidden;
}

div#eco_indicator {
	position: relative;
	width:450px;
	height:407px;
	overflow:hidden;
}
#eco_indicator .type{
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#eco_indicator .type:first-child{
	display:block;
}
#eco_indicator .type1{
	z-index:1;
	display:block;
}
#eco_indicator .type2{
	z-index:3;
	display:none;
}
#eco_indicator .type3{
	z-index:3;
	display:none;
}
.meter1{
	position:absolute;
	z-index:1;
	display:block;
	
}
.meter2{
	position:absolute;
	z-index:2;
	display:none;
	
}
.meter3{
	position:absolute;
	z-index:3;
	display:none;
}
.meter4{
	position:absolute;
	z-index:4;
	display:none;
}
.type .ecology_logo,
#eco_indicator .ecology_caution{
	position:absolute;
	z-index:9999;
}
.type1 .ecology_logo{
	top:346px;
	left:60px;
}
.type2 .ecology_logo{
	top:333px;
	left:50px;
}
.type3 .ecology_logo{
	top:346px;
	left:35px;
}
#eco_indicator .ecology_caution{
	bottom:0;
	right:0;
}

/*-- popup --*/
#eco_wrap h3{
	margin:0;
}
#modal_wrap{
	background:#FFF;
}
#modal_wrap .section{
	padding-left:10px;
	padding-right:10px;
}

/*-- 表切り替え --*/
.specBox1 {
	display: block;
}
.specBox2 {
	display: none;
}
#tab_indicator ul {
}

#tab_indicator ul li {
	cursor:pointer;
}
#tab_indicator ul li.selected {
	cursor:auto;
}
#tab_indicator ul li.selected {
	border-bottom: 1px solid #fff;
}
#tab_indicator li.selected img{
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
}

#tab_indicator li.swich1{
	background:url(../images/tab_indicator_01_ov.jpg) no-repeat;
}
#tab_indicator li.swich2{
	background:url(../images/tab_indicator_02_ov.jpg) no-repeat;
}
#tab_indicator li.swich3{
	background:url(../images/tab_indicator_03_ov.jpg) no-repeat;
}


.margin_encl {
	margin: -5px 0px 12px;
}
#cbas {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#cbas h4 {
	padding: 40px 0px 35px 20px;
	border-style: none;
}
#cbas .pl_20 {
	padding-left: 20px;
}
#cbas #cbas_caution {
	padding: 15px;
	border: 1px solid #999;
	margin: 25px 0px;
}
#cbas #cbas_caution h6 {
	font-weight: bold;
	color: #C00;
}
#package {
	background: #F2F6F7;
	border: 1px solid #96B1CC;
	padding: 20px;
}
#package .cell_00 {
	text-align: center;
	width: 280px;
	float: left;
}
#package .cell_00 h6 {
	padding: 0px 0px 15px;
}
#package .cell_01 {
	width: 280px;
	float: left;
	padding: 0px 0px 0px 32px;
}
#package .cell_02 {
	width: 280px;
	float: right;
	background: url(../images/safety_20.gif) no-repeat 0px 45px;
	padding: 0px 0px 0px 55px;
}
#package .clearfix .cell_02 p {
	line-height: 1.2;
}
#package .clearfix .cell_02 .caption {
	font-size: 70%;
}
.caution_tax{
	top:137px;
}