/*@media print, screen and (max-width:2000px) {*/
/*//////////////////////////////////////////////////////////////////////////////

responsive_s.css

--------------------------------------------------------------------------------

	 1. font-size
	 2. common
	 3. header
	 4. container
	 5. footer
	 6. home
	 7. user
	 8. REMOTE CHARGE
	 9. REMOTE CLIMATE CONTROL
	 10. DRIVING HISTORY
	 11. MY CAR FINDERR
	 12. OUTE PLANNER
	 13. INFORMATION CHANNEL
	 14. ECO RANKINGS
	 15. ECO TREE
	 16. CABIN TEMP

//////////////////////////////////////////////////////////////////////////////*/

/*=======================================================
	1. font-size
=======================================================*/
/* 36px */
.wrank_country .info .rank,
#container #main_content .attention_unit .box p .num{
 font-size: 36px !important;
}

/* 24px */
.record_block .btn_record li a .number{
 font-size: 24px !important;
}

/* 20px */
.rank_score ul .score_num,
.rank_champscore ul .score_num,
.rank_score p,
.rank_champscore p{	
 font-size: 20px !important;
}


/* 18px */
h2{	
 font-size: 18px !important;
}

/* 16px */
h3,
.btn_pagenation .txt{	
 font-size: 16px !important;
}

/* 14px */
h4,
.wrank_country .title{	
 font-size: 14px !important;
}

/* 10px */
.caution_area p,
.tab li,
.tab_block .btn_area_dbl_left li a{
 font-size: 10px !important;
}


/*=======================================================
	2. common
=======================================================*/
.display_s{
 display: block;
}

section{
 margin-bottom: 24px;
}

aside{
}

.sp{
  display: block;
}

/* Table */
ul.tabletolist {
	border-bottom: 1px solid #eee;
 font-size: 14px;
}
/* Table with no row headers */
ul.tabletolist.nrh {
	border-bottom: 2px solid #ddd;
}
/* Table with no row headers columns */
ul.tabletolist.nrh > li  {
    border-top: 2px solid #ddd;
}
/* Table defaults */
ul.tabletolist, ul.tabletolist ul {
  padding:0 !important;margin:0 !important;list-style:none !important;
}
/* Table titles */
ul.tabletolist > li .titles {
    background-color: #bbb;display:block;color:#fff;padding:10px;font-weight:800;
}
/* Table rows */
ul.tabletolist ul > li {
    font-weight:200;border-bottom:1px solid #eee;padding:10px;
}
/* Table rows hover */
ul.tabletolist ul > li:hover {
    background-color: #efefef
}
/* Table last child row */
ul.tabletolist ul > li:last-child {
    border-bottom:none;
}
/* Table row header */
ul.tabletolist ul > li .row_headers {
    font-size:12px;
}
/* Table row data */
ul.tabletolist ul > li .row_data {
    float:right;font-weight:800;
}

.pl0 {
	padding-left: 0px!important;
}
.pt18 {
	padding-top: 18px!important;
}

/*-------------------------------------------------------
	btn
-------------------------------------------------------*/
/* i_next_s */
.i_next_s {
}

.i_next_s a {
}

.i_next_s a:link,
.i_next_s a:visited {
	background-image: url(../images/i_next_gray.png);
	background-size: 8px 11px;
	background-image: url(../images/i_next_gray_s.png)\9; /*for ie8*/
}

.i_next_s a:hover,
.i_next_s a:active {
	background-image: url(../images/i_next_red.png);
	background-size: 8px 11px;
	background-image: url(../images/i_next_red_s.png)\9; /*for ie8*/
}

.i_next_s.right {
  margin-right: 12px;
}


/* i_prev_s */
.i_prev_s {
  margin-left: 12px;
}

.i_prev_s a {
}

.i_prev_s a:link,
.i_prev_s a:visited {
	background-image: url(../images/i_prev_gray.png);
	background-size: 8px 11px;
	background-image: url(../images/i_prev_gray_s.png)\9; /*for ie8*/
}

.i_prev_s a:hover,
.i_prev_s a:active {
	background-image: url(../images/i_prev_red.png);
	background-size: 8px 11px;
	background-image: url(../images/i_prev_red_s.png)\9; /*for ie8*/
}

/* i_btm_s */
.i_btm_s {
}

.i_btm_s a {
}

.i_btm_s a:link,
.i_btm_s a:visited {
	background-image: url(../images/i_btm_dgray.png);
	background-size: 11px 8px;
	background-image: url(../images/i_btm_dgray_s.png)\9; /*for ie8*/
}

.i_btm_s a:hover,
.i_btm_s a:active {
	background-image: url(../images/i_btm_red.png);
	background-size: 11px 8px;
	background-image: url(../images/i_btm_red_s.png)\9; /*for ie8*/
}


/* btn_area_dbl_left */
.btn_area_dbl_left {
  margin: 0 12px;
}

.btn_area_dbl_left ul {
}

.btn_area_dbl_left li {
  width: 100%;
}

.btn_area_dbl_left li a{
  min-width: auto;
}

.btn_area_dbl_left .btn_prime{
  margin: 6px 0;
}


/* btn_prime_next */
.btn_prime_next {
}

.btn_prime_next a {
	background-image: url(../images/i_next_white_ie_r.png)\9 !important; /*for ie8*/
}

.btn_prime_next a:link,
.btn_prime_next a:visited {
	background-size: 12px 16px;
}

.btn_prime_next a:hover,
.btn_prime_next a:active {
	background-size: 12px 16px;
}


/* btn_prime */
.btn_prime {
	margin: 6px 12px;
}

.btn_prime a {
	width: auto;
 min-width: inherit;
}

.btn_prime a:link,
.btn_prime a:visited {
	text-decoration: none;
	background-color: #C3002F;
}

.btn_prime a:hover,
.btn_prime a:active {
	text-decoration: underline;
	background-color: #a60028;
}


/* btn_sec */
.btn_sec {
	margin: 6px 0;
}

.btn_sec a {
	width: auto;
 min-width: inherit;
}

.btn_sec a:link,
.btn_sec a:visited {
	text-decoration: none;
	background-color: #666;
}

.btn_sec a:hover,
.btn_sec a:active {
	text-decoration: underline;
	background-color: #4C4C4C;
}

/* btn_area_dbl_center */
.btn_area_dbl_center {
  margin: 0;
  padding: 12px;
}

.btn_area_dbl_center ul {
}

.btn_area_dbl_center li {
 width: 100%;
	margin: 0;
 padding: 6px 0;
}



/* btn_prime_refresh */
a.btn_prime_refresh {
	margin: 12px 0;
}

.btn_prime_next a.btn_prime_refresh:link,
.btn_prime_next a.btn_prime_refresh:visited {
	background-size: 16px auto;
}

.btn_prime_next a.btn_prime_refresh:hover,
.btn_prime_next a.btn_prime_refresh:active {
	background-size: 16px auto;
}




/*-------------------------------------------------------
	btn_pagenation_s
-------------------------------------------------------*/
.btn_pagenation_s {
}

.btn_pagenation_s .txt {
}

.btn_pagenation_s a {
}

.btn_pagenation_s img {
}

.btn_pagenation_s a:link,
.btn_pagenation_s a:visited {
}

.btn_pagenation_s a:hover,
.btn_pagenation_s a:active {
}

/*-------------------------------------------------------
	btn
-------------------------------------------------------*/
/* btn_area_dbl_right */
.btn_area_dbl_right {
	margin: 12px 0;
}

.btn_area_dbl_right ul {
 width: 100%;
	float: none;
}

.btn_area_dbl_right li {
	float: none;
	margin: 0;
 padding: 6px 12px;
}

/*-------------------------------------------------------
	btn_pagenation
-------------------------------------------------------*/
.btn_pagenation {
	margin: 24px auto;
}

.btn_pagenation .txt {
	margin: 0 24px;
}

.btn_pagenation img {
  width: 8px;
  height: auto;
}



/*-------------------------------------------------------
	btn_pages
-------------------------------------------------------*/
.btn_pages {
	margin: 36px auto;
}

.btn_pages .i_prev_s a:link,
.btn_pages .i_prev_s a:visited{
	background-image: url(../images/i_prev_gray.png);
	background-size: 8px 11px;
	background-image: url(../images/i_prev_gray_s.png)\9; /*for ie8*/
}
.btn_pages .i_prev_s a:hover,
.btn_pages .i_prev_s a:active{
	background-image: url(../images/i_prev_red.png);
	background-size: 8px 11px;
	background-image: url(../images/i_prev_red_s.png)\9; /*for ie8*/
}


.btn_pages .i_next_s a:link,
.btn_pages .i_next_s a:visited{
	background-image: url(../images/i_next_gray.png);
	background-size: 8px 11px;
	background-image: url(../images/i_next_gray_s.png)\9; /*for ie8*/
}
.btn_pages .i_next_s a:hover,
.btn_pages .i_next_s a:active{
	background-image: url(../images/i_next_red.png);
	background-size: 8px 11px;
	background-image: url(../images/i_next_red_s.png)\9; /*for ie8*/
}

.btn_pages ul li {
	margin: 0 6px;
}


.btn_pages ul li.select a {
	color: #c3002f;
}



/*-------------------------------------------------------
	custom_select_area
-------------------------------------------------------*/
span.customSelect {
	background: #fff url(../images/i_select.png) no-repeat right center;
 background-size: 14px auto;
}


/*-------------------------------------------------------
	title
-------------------------------------------------------*/
h2 {
  padding: 0 0 12px 12px;
  line-height: 1.2;
}

h4 {
  margin: 0 12px 12px;
}

/*-------------------------------------------------------
	input
-------------------------------------------------------*/
input[type='text'] {
	width: 96%;
	height: auto;
	margin-bottom: 12px;
	padding: 6px 6px 6px 2%;
 -webkit-appearance: none; 
 border-radius: 0;
}



/*-------------------------------------------------------
	attention_unit
-------------------------------------------------------*/
.attention_unit {
 margin: 0 12px 12px!important;
	padding: 12px;
}

section p{
 padding: 0 12px;
}



/*=======================================================
	3. header
=======================================================*/
header .header_area {
	width: 100%;
	position: inherit;
}

/*-------------------------------------------------------
	logo
-------------------------------------------------------*/
h1#logo {
	position: relative;
	top: 0;
	left: 12px;
	z-index: 150;
}

h1#logo img{
	margin-top: 15px;
	margin-bottom: 30px;
}

#zero_logo {
 display: none;
}

/*-------------------------------------------------------
	user_area
-------------------------------------------------------*/
#user_block {
  display: none;
}

.status_box{
 padding: 12px;
}

.status_box .i_next_s a{
 font-weight: normal !important;
}

.btn_fourth{
 margin-bottom: 0;
}

/*-------------------------------------------------------
	gnav_area
-------------------------------------------------------*/
#gnav_area {
	border-bottom: none;
}

.gnav_block{
	width: 100%;
 border-top: 1px solid #ebebeb;
}

#gnav_area ul{
}

#gnav_area li {
	margin-right: 0;
	float: none;
}

#gnav_area li:first-child {
	margin-left: 0;
}

/* link */
#gnav_area li a {
 width: 100%;
 min-width: 100%;
 height: auto;
 display: inherit;
	border-bottom: none;
}

#gn_home a,
#gn_charge a,
#gn_climate a,
#gn_drive_history a,
#gn_mycar_finder a,
#gn_route_pln a,
#gn_info_channel a,
#gn_rank a,
#gn_eco_tree a{
 width: 100% !important;
 max-width: 100% !important;
 min-width: 100% !important;
}

/* hover */
#gnav_area a:hover,
#gnav_area a:active {
	border-bottom: none;
}


/* on status */
#gn_on_home li#gn_home a,
#gn_on_charge li#gn_charge a,
#gn_on_climate li#gn_climate a,
#gn_on_drive_history li#gn_drive_history a,
#gn_on_mycar_finder li#gn_mycar_finder a,
#gn_on_route_pln li#gn_route_pln a,
#gn_on_info_channel li#gn_info_channel a,
#gn_on_rank li#gn_rank a,
#gn_on_eco_tree li#gn_eco_tree a {
	border-bottom: none;
}



/*-------------------------------------------------------
	snav
-------------------------------------------------------*/
#snav {
  display: none;
}

/*=======================================================
	4. container
=======================================================*/
#container {
	 width: 100%;
  margin-top: 30px;
}

/*-------------------------------------------------------
	main_content
-------------------------------------------------------*/
#main_content {
	width: 100%;
	float: none;
}

.pict {
	border: none;
}

.pict img{
	padding: 0;
}

figure img{
 width: 100%;
 height: auto;
}

/*-------------------------------------------------------
tooltip
-------------------------------------------------------*/
#jToolTip {
width: 86%;
top: inherit;
left: inherit;
}

.jToolTip_q {
position: inherit;
}

#jToolTip h4 {
}



/*-------------------------------------------------------
	news_area
-------------------------------------------------------*/
#news_area .news_list_block dt {
	width: auto;
	margin-bottom: 0;
	float: none;
}

#news_area .news_list_block dd {
	width: auto;
	margin-bottom: 12px;
	float: none;
}

/*-------------------------------------------------------
	news_list_block
-------------------------------------------------------*/
.news_list_block {
  padding: 0 12px;
}

.news_list_block dl {
	line-height: 100%;
}

.news_list_block dt {
	width: auto;
	margin-bottom: 0;
	float: none;
}

.news_list_block dd {
	width: auto;
	margin-bottom: 12px;
	float: none;
}

/*-------------------------------------------------------
	panel_area
-------------------------------------------------------*/
.panel_area{
 padding: 12px;
}

.panel_block {
}

.panel_link{
	width: auto;
	float: none;
	margin: 0 0 12px 0 !important;
	padding: 0;
	background: #ebebeb url(../images/i_next_gray.png) no-repeat 96% center;
	background-size: 12px 16px;
}

.panel_area p{
 padding: 0;
}

.panel_link.last {
	float: none;
}

.panel_box .img {
	width: 60px;
 float: left;
 margin-right: 12px;
 padding: 12px 0 12px 12px
}

.panel_box .img img{
	width: 60px;
 height: auto;
}

.panel_box .txt {
	width: 58%;
	float: left;
 padding-top: 12px;
}

.panel_box .txt span{
}

.panel_link:link,
.panel_link:visited{
	color: #4c4c4c;
	background-image: url(../images/i_next_gray.png);
}

.panel_link:hover,
.panel_link:active{
}

/*-------------------------------------------------------
	caution_area
-------------------------------------------------------*/
.caution_area {
	margin: 0 12px 24px 12px;
 padding-top: 0;
}
.caution_area p{
  padding-top: 12px;
  line-height: 1.1;
}
.caution_area p img{
  width: 24px;
  height: auto;
  float: left;
  padding: 0 12px 0 0;
  vertical-align: bottom;
}

/*-------------------------------------------------------
	error_area
-------------------------------------------------------*/
.error_area {
	margin: 12px 12px 24px;
}

.error_area h4{
}

.error_area li{
}

.error_box{
}
.custom_select_area.error_box{
}

.error_box span.customSelect {
}


/*-------------------------------------------------------
	tab_area
-------------------------------------------------------*/
.tab {
 width: 100%;
	display : -webkit-box;
	display : -ms-flexbox;
	display : -webkit-flex;
	display : flex;
}

.tab li {
 width: 23%;
 height: 70px\9; /*for ie8*/
 margin: 0 1%;
 margin: 0 0.5% 0 0\9; /*for ie8*/
 padding: 0 2px 10px 1px\9; /*for ie8*/
 line-height: 1.2;
 float: none;
 float: left\9; /*for ie8*/
 display: inline-block;
 display: block\9; /*for ie8*/
 background: #C3002F;
}

.tab li span {
 width: auto !important;
 max-width: inherit;
 min-width: inherit;
 height: inherit;
 min-height: inherit;
 float: none;
 padding: 5px;
 word-wrap: normal;
 word-break: break-all;
 display: block\9; /*for ie8*/
 text-align: center !important;
}

.tab li span:hover {
	background-color: #C3002F;
}

.tab li.select {
 border-right: 1px solid #E4E4E4;
 border-left: 1px solid #E4E4E4;
}

.tab li.select span {
 border: none;
}

.tab li.select span:hover {
	background-color: #fff;
}


/*-------------------------------------------------------
	table
-------------------------------------------------------*/
.tbl_pc{
  display: none;
}

.tbl_sp{
  display: block;
}


/*-------------------------------------------------------
	simple-modal
-------------------------------------------------------*/
.simple-modal {
	width: 90%;
}

/*-------------------------------------------------------
	sub_content
-------------------------------------------------------*/
#sub_content {
	width: 100%;
	float: none;
 margin-bottom: 36px;
}


/*=======================================================
	5. footer
=======================================================*/
footer .footer_area {
	width: 100%;
	text-align: center;
}

footer .footer_area small {
	width: auto;
	float: none;
}

footer .footer_area small img{
 width: 90px;
 height: auto;
}

/*=======================================================
	6. top post login
=======================================================*/
/* ---------------------------
	eco-map
------------------------------ */
#eco-map{
}


/* ---------------------------
	eco-tree-jp
------------------------------ */
#eco-tree-jp{
}

/* ---------------------------
	eco-tree-na
------------------------------ */
#eco-tree-na{
}

/* ---------------------------
	eco-tree-eu
------------------------------ */
#eco-tree-eu{
}

/* ---------------------------
	eco-tree-oc
------------------------------ */
#eco-tree-oc{
}

/* ---------------------------
	eco-tree-self
------------------------------ */
#eco-map #eco-tree-jp.eco-tree-self,
#eco-map #eco-tree-na.eco-tree-self,
#eco-map #eco-tree-eu.eco-tree-self,
#eco-tree-oc.eco-tree-self
{
}



/* ---------------------------
	eco-tree-total
------------------------------ */
#eco-tree-total{
 width: auto !important;
 margin: 0 !important;
 left: 10px !important;
 top: 103px!important;
}

#eco-tree-total div{
 width: auto !important;
 margin: 0 10px 0 0!important;
 font-size: 8px !important;
 -webkit-transform: scale(0.8) !important;
}

/* ---------------------------
	eco-co2-total
------------------------------ */
#eco-co2-total{
 width: auto !important;
 margin: 0 !important;
 left: 10px !important;
 top: 115px!important;
}

#eco-co2-total div{
 width: auto !important;
 margin: 0 10px 0 0!important;
 font-size: 8px !important;
 -webkit-transform: scale(0.8) !important;
}


/* ---------------------------
	txt-eco-num-jp
------------------------------ */
#txt-eco-num-jp{
}


/* ---------------------------
	txt-eco-num-na
------------------------------ */
#txt-eco-num-na{
}


/* ---------------------------
	txt-eco-num-eu
------------------------------ */
#txt-eco-num-eu{
}


/* ---------------------------
	txt-eco-num-oc
------------------------------ */
#txt-eco-num-oc{
}



/*=======================================================
	6. home
=======================================================*/
/*-------------------------------------------------------
	tree_record_area
-------------------------------------------------------*/
.tree_record_area{
}

.tree_record_area figure{
}

/*-------------------------------------------------------
	eco-base
-------------------------------------------------------*/
#eco-base {
 width: 294px;
 height: 102px !important;
 margin: 0 auto;
 border: 1px solid #e4e4e4;
 background-position: center top;
 background-repeat:no-repeat;
 background-size: 294px 102px;
 background: url(../images/img_tree_record_ie8.png) 0 0 no-repeat\9 !important; /*for ie8*/
}


#eco-total {
 position:absolute;
 left: 5px !important;
 top: 20px;
}

#eco-total #txt-toal{
  width: 45px !important;
  font-size: 12px !important;
}

#eco-total #txt-toal-num{
  width: 190px !important;
  font-size: 24px !important;
}

#eco-total #txt-toal-tree{
  width: 20px !important;
  font-size: 12px !important;
  float: right !important;
  margin-left: 6px !important;
  padding-right: 12px;
  line-height: 1.0;
}

#eco-last {
 position:absolute;
 left: 5px !important;
 top: 76px;
}

#eco-last #txt-last{
  width: 180px !important;
  font-size: 10px !important;
  line-height: 1.1;
}

#eco-last #txt-last-num{
  width: 55px !important;
  margin-top: 0 !important;
  font-size: 11px !important;
}

#eco-last #txt-last-tree{
 width: 25px !important;
 margin-top: 5px !important;
 font-size: 10px !important;
 line-height: 1.1;
}

#eco-tree {
 position:absolute;
 left: 140px;
 top: 44px;
}

#eco-tree img {
 width: 21px !important;
 height: auto !important;
 display: inline-block;
}

/*-------------------------------------------------------
	bnr_area
-------------------------------------------------------*/
.bnr_area {
 width: 100%
}

.bnr_area li{
  padding: 0 12px;
}

.bnr_area .txt_box {
	width: 80%;
	padding-left: 60px;
}

/* mail_block */
.bnr_area .mail_block a{
	height: auto;
 margin-bottom: 24px;
	margin-bottom: 15px;
 background-size: 36px 27px;
	background: url(../images/i_bnr_mail_s.png) no-repeat 15px center\9; /*for ie8*/
}

.bnr_area .location_block .txt_box{
	width: 100%;
}

/* location_block */
.bnr_area .location_block{
  margin-top: 12px;
}

.bnr_area .location_block a{
 height:auto;
 padding: 12px 0;
 background-size: 18px 27px;
	background: url(../images/i_bnr_vehicle_s.png) no-repeat 33px center\9; /*for ie8*/
}

.bnr_area .location_block .txt_box{
 height:auto;
	padding-right: 12px;
}

.bnr_area .location_block .txt{
}


/*-------------------------------------------------------
	record_area
-------------------------------------------------------*/
.record_area {
}

.record_block {
}

.record_block .btn_record li a {
	width: 100%;
	padding: 12px 0 8px;
	background-position: 95% center;
}


/*-------------------------------------------------------
	level_box
-------------------------------------------------------*/
.record_block .level_box {
	width:100%;
 margin: 0 auto 6px;
}

.record_block .level_box li {
	width: 18% !important;
 margin-right: 2%;
	margin-right: 1%\9 !important; /*for ie8*/
}

.record_block .level_box li:first-child{
 margin-left: 1%;
	margin-left: 0\9 !important; /*for ie8*/
}

.record_block .level_box li:last-child{
 margin: 0;
}

.record_block .level_box .average{
	width: 20%\9 !important; /*for ie8*/
}

.record_block .level_box .good{
	width: 19%\9 !important; /*for ie8*/
}

.record_block .level_box .very_good{
	width: 20%\9 !important; /*for ie8*/
 margin: 0\9 !important; /*for ie8*/
}

.record_block .level_box li:first-child{
}

.record_block .level_box li span {
	width: auto;
}

/*-------------------------------------------------------
	level_grade_box
-------------------------------------------------------*/
.record_block .level_grade_box {
	margin: 0 0 12px 0;
}

.record_block .level_grade_box li {
 width: 33%;
 display: inline-block;
 line-height: 1.0;
}

/*-------------------------------------------------------
	rank_box
-------------------------------------------------------*/
.record_block{
  margin-bottom: 24px;
}

.record_block .btn_record{
}

.record_block .rank_box .btn_record a{
	width: auto;
	padding: 20px 0;
}

.sttl_record{
 padding-left: 20px;
}

.record_block .rank_box .btn_record .image{
	float: left;
 padding-left: 20px;
}

.record_block .btn_record li a:link,
.record_block .btn_record li a:visited{
 color: #4c4c4c;
	background-image: url(../images/i_next_gray.png);
	background-size: 12px 16px;
	background-image: url(../images/i_next_gray_ie_r.png)\9; /*for ie8*/
}

.record_block .btn_record li a:hover,
.record_block .btn_record li a:active{
	color: #C3002F;
	background-image: url(../images/i_next_red.png);
	background-size: 12px 16px;
	background-image: url(../images/i_next_red_ie_r.png)\9; /*for ie8*/
}

/*=======================================================
	7. user
=======================================================*/
/* ---------------------------
	user_login
------------------------------ */
/*login_area*/
.login_area{
}

.login_block{
 width: 100%;
}

.login_block form{
}

.login_area dl{
}

.login_area dt{
	margin: 12px 0 6px;
}

.login_area dd{
}

/*btn_box*/
.login_area .btn_box{
	width: 100%;
	margin: 12px auto;
}

/*util_box*/
.util_box{
 padding-top: 5px !important;
 padding-bottom: 12px;
}


/* ---------------------------
	edit
------------------------------ */
/*tbl_register_01*/
.tbl_register_01{
  margin-bottom: 12px;
  word-break: break-all;
  overflow:auto;
}

.tbl_register_01 th{
	width: 40%;
	width: 20%\9; /*for ie8*/
	min-height: auto;
 margin: 0;
	padding: 12px 12px 6px;
 display: block;
}

.tbl_register_01 td{
	width: 40%;
	width: 20%\9; /*for ie8*/
	min-height: auto;
 margin: 0;
	padding: 0 12px 6px;
 display: block;
}

.tbl_register_01 input[type='text'],
.tbl_register_01 input[type='password'] {
	width: 95%;
	float: none;
}

.tbl_register_01 td.pad01 {
	width: auto;
	padding: 0 12px 12px;
	padding-top: 12px\9; /*for ie8*/
}

.tbl_register_01 th.pad02 {
	width: auto;
	width: 125px; /*for ie8*/
	padding: 0 12px 12px;
	padding: 12px 0 0\9; /*for ie8*/
}
.tbl_register_01 input[type='text'].twotab {
}

.tbl_register_01 td.pad01 img{
 width: 40%;
 max-width: 163px;
 margin-right: 20px;
 display: inline-block;
}

.tbl_register_01 td.pad01 .btn_third{
  margin-left: 0;
	 padding-top: 12px\9; /*for ie8*/
  display: inline-block;
}

.tbl_register_01 td.pad01 .block{
  margin-top: 6px;
  line-height: 1.0;
}


/* ---------------------------
	pw_error
------------------------------ */
/*tbl_pw*/
.tbl_pw{
	margin-bottom: 24px;
}

.tbl_pw th{
	width: 40%;
	min-height: auto;
	padding: 12px 12px 6px;
 display: block;
}

.tbl_pw td{
	width: 80%;
	min-height: auto;
	padding: 0 12px 0;
 display: block;
}

.tbl_pw input[type='text'] {
	width: 100%;
	width: 95%\9; /*for ie8*/
	float: none;
}

.tbl_pw td.pad01 {
	padding: 0 12px 12px;
	padding-top: 12px\9; /*for ie8*/
}

.tbl_pw input[type='text'].twotab {
	margin-bottom: 0px;
	float: none;
}

.tbl_pw .block{
  margin-top: 6px;
  line-height: 1.0;
}


/* ---------------------------
	sign out
------------------------------ */
/*finish_area*/
.finish_area p img{
  width: 24px;
  height: auto;
}

/* ---------------------------
	user_info_img_select
------------------------------ */
.pht_select_block{
	padding: 15px;
	background: none;
}

ul.car_list {
	width: 95%;
 padding-left: 5%;
	background: #ebebeb;
}

ul.car_list li {
	width: 44%;
	margin: 5% 5% 5% 0;
}

ul.car_list li img{
	width: 100%;
}

ul.car_list li img:hover,
ul.car_list li img:active{
	border: 1px solid #C3002F;
}
		
ul.car_list li img:visited,
ul.car_list li img:link{
	border: 1px solid #ebebeb;
}

ul.car_list li span {
	margin: 0 auto 0px auto;
	display: block;
}

/* ---------------------------
	register
------------------------------ */
.register_area{
}

.register_area .register_block{
}

.register_area .i_next_s a{
  width: 80%;
  vertical-align: top;
  line-height: 1.5;
}



/*=======================================================
	8. REMOTE CHARGE
=======================================================*/
/*-------------------------------------------------------
	battery_charging_status
-------------------------------------------------------*/
#first_area .tab_block {
 padding: 24px 0 0;
}

#first_area .tab li span {
}

#first_area .tab_block .left_box {
	width: 100%;
	margin-right: 0;
	float: none;
}

#first_area .tab_block .right_box {
	width: auto;
	float: none;
 padding-bottom: 20px;
}

#first_area .tab_block .right_box p{
 padding: 0;
}

#first_area .tab_block .right_box .inner_left {
	width: 100%;
	margin-right: 0;
	float: none;
}

#first_area .tab_block .right_box .inner_right {
	width: 100%;
	float: none;
 margin-top: 14px;
}

#first_area .tab_block .right_box .inner_right .driving_left_box {
	width: 45%;
	margin-right: 5%;
	float: left;
}

#first_area .tab_block .right_box .inner_right .driving_right_box {
	width: 50%;
	float: left;
}

#first_area .tab_block .right_box .inner_right .driving_img_box {
	width: 24px;
	float: left;
}

#first_area .tab_block .right_box .inner_right .driving_img_box img{
 width: 24px;
 height: auto;
}

#first_area .tab_block .right_box .inner_right .driving_txt_box {
	width: auto;
	float: left;
}

#first_area .tab_block .right_box .inner_right .charging_img_box {
	width: 24px;
 height: 21px;
	width: 36px\9; /*for ie8*/
 height: 32px\9; /*for ie8*/
	padding-top: 12px\9; /*for ie8*/
	float: left;
	margin-right: 10px;
	background: url(../images/img_caution.png) 0 0 no-repeat;
	background-size: 24px 21px;
}

#first_area .tab_block .right_box .inner_right .charging_img_box img{
 display: none;
}

#first_area .tab_block .right_box .inner_right .charging_txt_box {
	width: 80%;	
	float: left;
 margin-top: -4px;
	padding-top:0;
 line-height: 1.2;
}

.sn_on_email #first_area .tab_block .right_box .inner_right .charging_txt_box {
}

#first_area .tab_block .right_box .inner_right .charging_status {
 width: 60%;
 margin-top: 2px;
 display: block;
 text-align: center;
}

#first_area .tab_block .ttl_battery_status .txt_date{
	margin: 10px 0 30px;
	display: block;
	font-weight: bold;
}

#first_area .tab_block .txt_request_received{
	margin-top: 0;
	color: #999;
}

#first_area .tab_block .txt_status{
	margin-bottom: 10px;
	font-weight: bold;
}


/*battery_gauge_area*/
.battery_gauge_area{
  width: 100%;
}

.battery_gauge_area p{
 padding: 0;
}

.battery_gauge_area .pht_block{
}

.battery_gauge_area .gauge {
        width : 114px;
        height: 127px;
        background: #000000;
        position: relative;
}

.battery_gauge_area .pht_block .gauge-level {
        width : 105px;
        height : 119px;
        background: #00AEFF;
        position: absolute;
        left: 4px;
        bottom: 4px;
}

.battery_gauge_area .pht_block .gauge-level .level {
        width : 20px;
        height: 100%;
        background: #DBF5FF;
        position: absolute;
        right: 0px;
}

.battery_gauge_area .pht_block .gauge-level .level-label {
        width: 105px;
        background: #000000;
        position: absolute;
}

.battery_gauge_area .pht_block .gauge-level .warning {
    width : 9px;
    height: 20px;
    background: #FF0000;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.battery_gauge_area .pht_block img{
  width: 114px;
  height: auto;
}

.battery_gauge_area .txt_block{
 float: left;
 margin-left: 10px;
 padding-top: 40px !important;
}
 
.battery_gauge_area .txt_block .img_charge{
 width: 22px;
 height: auto;
}

.battery_gauge_area .txt_block .txt_battery_status{
 font-weight: bold;
}


#first_area .tab_block .right_box .inner_right .volt {
	padding: 5px 10px;
	border: 1px solid #e4e4e4;
	background:#FFF;
}

#first_area .tab_block .right_box .inner_right span {
}

#first_area .tab_block .right_box .inner_right .status_data {
	margin: 30px 0 0 0;
}


/*-------------------------------------------------------
	start_charging_notification
-------------------------------------------------------*/
#first_area .remote_area {
	padding: 15px;
}

#first_area .attention_unit {
	margin-bottom: 0;
}

#first_area .remote_area_first {
	padding: 0 0 15px;
}

#first_area .remote_left_box {
	width: auto;
	float: none;
	margin-right: 0;
}

#first_area .remote_area_first > .remote_left_box,
.btmline > figure,
#first_area .remote_right_box > ul {
 padding-left: 15px;
}

#first_area .remote_right_box {
	width: auto;
	float: none;
}

#first_area .remote_right_box img {
 /*width: 24px;
 height: auto;*/
 padding-right: 0;
}

#first_area .remote_right_box .remote_img_box {
	width: auto;
	float: left;
}

#first_area .remote_right_box .remote_txt_box {
	width: 70%;	
	float: left;
 padding-top: 0;
}

#first_area .remote_right_box .inner_right {
 float: none;
}
#first_area .remote_right_box .inner_right .driving_left_box {
	width: 45%;
	margin-right: 5%;
}

#first_area .remote_right_box .inner_right .driving_left_box p{
 padding: 0;
}

#first_area .remote_right_box .inner_right .driving_right_box {
	width: 50%;
}

#first_area .remote_right_box .inner_right .driving_right_box p{
 padding: 0;
}

#first_area .remote_right_box .inner_right .driving_img_box {
	width: 24px;
	float: left;
}
#first_area .remote_right_box .inner_right .driving_txt_box {
	width: auto;
	float: left;
}

/*=======================================================
	9. REMOTE CLIMATE CONTROL (air con)
=======================================================*/
/*-------------------------------------------------------
	timer
-------------------------------------------------------*/
.inner{
}

.inner .timerbox_left {
 width: auto;
	float: none;
 padding: 0 12px 0;
}

.inner .timerbox_left td{
 width: 50%;
 margin-bottom: 12px;
}

.inner .timerbox_left p{
 padding: 0;
}

.inner .timerbox_left .btn_timer{
  margin: 24px 0;
}

.inner .timerbox_left .btn_timer .btn_prime{
  margin: 0;
}

.tbl_timer_01{
 width: 100%;
}

.inner .timerbox_right {
 width: auto;
	float: none;
 padding: 0;
 display: block;
 clear: both;
}

.pulldown {
}

.pulldown_txt {
}

.btn_timer .btn_third{
}

/*-------------------------------------------------------
	start fin
-------------------------------------------------------*/
/* turn_on_area*/
.turn_on_area p{
  margin-bottom: 24px;
}

.turn_on_area p img{
  width: 25px;
  height: auto;
}

.turn_on_area p span{
  width: 80%;
}


/*-------------------------------------------------------
	off
-------------------------------------------------------*/
#stopBtn .btn_prime{
  margin: 6px 0 !important;
}

#attentionUnit div:first-child{
  margin-top: 0 !important;
}

#attentionUnit figure + div{
  width: 80% !important;
//  margin-top: -7px !important;
}

#attentionUnit figure img{
  width: 22px !important;
  height: auto !important;
}

.driving_left_box figure.driving_img_box img,
.driving_right_box figure.driving_img_box img{
  padding: 0 10px;
}


/*=======================================================
	10. DRIVING HISTORY
 =======================================================*/
/*-------------------------------------------------------
	calendar
-------------------------------------------------------*/
#container {
	position: inherit;
}

#container .next_txt {
 padding: 0 12px 12px;
	position: inherit;
	right: 0;
	top: 0;
}


/*-------------------------------------------------------
	main_content
-------------------------------------------------------*/
/* ---------------------------
	calendar
------------------------------ */
#main_content #calendar {
	width: auto;
	margin: 0 0 24px 0;
 padding: 0 12px;
	float: none;
}

#main_content #calendar .btn_pagenation_s{
	width: auto;
	margin: 0 auto;
}

/* ---------------------------
	table date
------------------------------ */
#main_content #calendar table.date {
}

#main_content #calendar table.date td {
  padding: 10px 0;
}

/* ---------------------------
	table month
------------------------------ */
#main_content #calendar table.month {
	width: 100%;
 margin: 24px 0;
}

/* ---------------------------
	statusdata_area
------------------------------ */
#main_content #statusdata_area {
	width: auto;
	float: none;
 padding: 0 12px;
}

#main_content #statusdata_area .block01,
#main_content #statusdata_area .block02 {
	width: 49%;
	float: left;
}

#main_content #statusdata_area .block01 {
	margin-right: 2%;
}

#main_content #statusdata_area .box {
	margin-bottom: 6px;
}

#main_content #statusdata_area .box .data {
}

/* ---------------------------
	attention_unit
------------------------------ */
#main_content .attention_unit {
  margin-top: 24px !important;
}

#main_content .attention_unit dl dd input[type="text"] {
 width:55%;
	height: 48px;
	min-height: 48px;
 float: left;
 padding: 6px;
 overflow-x: hidden;
 vertical-align: top !important;
}

#main_content .attention_unit dl dd .btn_prime{
  width:30%;
}

/*-------------------------------------------------------
	sub_contents
-------------------------------------------------------*/
/* ---------------------------
	attention_unit
------------------------------ */
#sub_content .attention_unit.mainblock {
	padding: 0 12px 0;
}

#sub_content .attention_unit.mainblock p {
  width: 145px;
  float: left;
  margin-right: 12px;
}

#sub_content .attention_unit.mainblock p img {
  width: 145px;
  height: auto;
  display: block;
}

#sub_content .attention_unit.mainblock h5 {
  padding-top: 20px;
}

/*-------------------------------------------------------
	second_area
-------------------------------------------------------*/
#second_area .tab_block .info_area {
	width: auto;
	margin-right: 0;
	float: none;
}

#second_area .tab_block .info_area ul li {
	margin-bottom: 12px;
	padding: 0 12px 10px 12px;
}

#second_area .tab_block .info_area ul li span{
	margin-bottom: 6px;
	display: block;
}

#second_area .tab_block .info_area ul li .data {
	float: none;
	color: #0076A6;
}

#second_area .tab_block .info_area ul li .num {
	display: inline;
}

#second_area .tab_block .info_area ul li .value-error {
	display: inline-block;
}

#second_area .tab_block .info_area ul li .value-error-dot {
	display: inline;
}

#second_area .tab_block .info_area ul li .i_comment {
	display: inline-block;
}

#second_area .tab_block .info_area ul li .i_comment+.data {
	display: block;
}

#second_area .tab_block .info_area ul li.first {
}

#second_area .tab_block .graph_area {
	width: auto;
	float: none;
}

#second_area .tab_block .graph_area .submenu_area {
	margin-bottom: 24px;
 text-align: center;
}

#second_area .tab_block .graph_area .submenu_area li {
	width: 24%;
	min-height: 50px;
	float: none;
  padding: 0 6px;
  display: table-cell;
  word-break: break-all;
  overflow:auto;
}

#second_area .tab_block .graph_area .submenu_area li.first {
}

#second_area .tab_block .graph_area .submenu_area li.select a {
}


/*-------------------------------------------------------
	drivingstyle
-------------------------------------------------------*/
/* ---------------------------
	box
------------------------------ */
#container #main_content .attention_unit {
	width: auto;
 margin-bottom: 12px;
	padding: 18px 12px 12px;
	float: none;
}


#container #main_content .attention_unit .box {
	width: auto;
 margin-bottom: 12px;
	padding: 18px 0 12px;
	float: none;
}

/* ---------------------------
	img
------------------------------ */
#container #main_content .attention_unit .img {
	width: auto;
	float: none;
 margin-bottom: 12px;
 text-align: center;
}

#container #main_content .attention_unit .img img{
	width: 100px;
 height: auto;
}

/* ---------------------------
	info_box
------------------------------ */
#container #main_content .attention_unit .info_box {
	width: auto;
	float: none;
}

#container #main_content .attention_unit .info_box h5 {
 margin-bottom: 12px;
}

#container #main_content .attention_unit .info_box .box {
	width: 100%;
 margin-bottom: 24px;
	padding: 18px 0 12px;
}

/* ---------------------------
	level_box
------------------------------ */
#container #main_content .attention_unit .level_box {
	width: auto;
	float: none;
	position: inherit;
}

#container #main_content .attention_unit .level_box strong {
 width: auto;
 margin: 24px 0 6px;
 display: block;
 position: inherit;
	left: inherit;
	top: inherit;
}

#container #main_content .attention_unit .level_box strong span{
 text-align: left;
}

#container #main_content .attention_unit .level_box ul {
	float: none;
}

#container #main_content .attention_unit .level_box ul li {
	width: 18% !important;
 margin-right: 2%;
	margin-right: 1%\9 !important; /*for ie8*/
}

#container #main_content .attention_unit .level_box ul li:first-child{
 margin-left: 1%;
	margin-left: 0\9 !important; /*for ie8*/
}

#container #main_content .attention_unit .level_box ul li:last-child{
 margin: 0;
}

#container #main_content .attention_unit .level_box ul .average {
	width: 20%\9 !important; /*for ie8*/
}

#container #main_content .attention_unit .level_box ul .very_good {
	width: 19%\9 !important; /*for ie8*/
}

#container #main_content .attention_unit .level_box ul .good {
	width: 20%\9 !important; /*for ie8*/
 margin: 0\9 !important; /*for ie8*/
}

#container #main_content .attention_unit .level_box ul li span {
}

#container #main_content .attention_unit .level_box ul .currnet span {
}



/* ---------------------------
	past_records
------------------------------ */
#container #main_content .tbl_past_records {
	width: auto;
 margin-bottom: 24px;
 padding: 0 12px;
}

#container #main_content .tbl_past_records th {
  width: 50%;
}

#container #main_content .tbl_past_records tr {
}

#container #main_content .tbl_past_records td {
}

#container #main_content .tbl_past_records td.title {
 width: 60%;
	vertical-align: middle;
	font-weight: bold;
}

#container #main_content .tbl_past_records td.data {
 width: 20%;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
}

#container #main_content .tbl_past_records .even_row td {
	border: 1px solid #ccc !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
}


/*-------------------------------------------------------
	 electricbill_comp
-------------------------------------------------------*/
#container #main_content .tbl_usagerecords {
  width: auto !important;
  margin: 0 12px !important;
  padding: 0 !important;
  border: none !important;
}

#container #main_content .tbl_usagerecords thead{
  border-top: 24px solid #fff;
}

#container #main_content .tbl_usagerecords thead tr,
#container #main_content .tbl_usagerecords thead th{
  border: none;
}

#container #main_content .tbl_usagerecords thead.first{
  border-top: none;
}


#container #main_content .tbl_usagerecords tbody{
  /*border-bottom: 6px solid #fff;*/
}

#container #main_content .tbl_usagerecords tbody th,
#container #main_content .tbl_usagerecords tbody td{
  border-left: none;
}

#container #main_content .tbl_usagerecords thead th{
  background: #666;
  color: #fff;
}

#container #main_content .tbl_usagerecords th{
  width: 35% !important;
  text-align: left;
}

.sn_on_drive_rate_simulation #container #main_content .btn_prime a {
}

/* ---------------------------
	electricdata_block
------------------------------ */
#container #main_content .electricdata_block {
	width: 100%;
 margin: 0;
 padding: 0;
}

#container #main_content .electricdata_block .box {
	width: auto;
 margin: 0 0 12px;
 padding: 12px !important;
 float: none;
}

#container #main_content .electricdata_block .box .data {
}

#container #main_content .electricdata_block .box .data img{
}


#container #main_content .electricdata_block .box .text {
  margin-bottom: 24px !important;
}

#container #main_content .electricdata_block .box h5 {
}

#container #main_content .electricdata_block .box .btn_prime{
}

#container #main_content .electricdata_block .box .btn_prime a{
}


#container #main_content .electricdata_block .electric_i {
	float: none;
	margin: 0 0 12px;
 text-align: center;
 -moz-transform: rotate(90deg);  /* FireFox */
 -webkit-transform: rotate(90deg);  /* webkit */ 
 -ms-transform: rotate(90deg);  /* IE9 */
 transform: rotate(90deg);
}

#container #main_content .electricdata_block .electric_i img{
  width: 16px;
  height: auto;
}

#container #main_content .electricdata_block .electricBoxC h5{
}


/* electric_rate_area */
.electric_rate_area{
	margin-bottom: 12px !important;
}

.electric_rate_area .tbl_register_01 td.pad01 {
	padding-top: 12px;
}

.electric_rate_area table.tbl_register_01 th {
  width: 50%\9; /*for ie8*/
}
.electric_rate_area table.tbl_register_01 td {
  width: 50%\9; /*for ie8*/
}

.electric_rate_area .btn_prime {
	margin: 12px 0px 6px !important;
}

/* electric_rate_area */
.email_set_area{
	margin-bottom: 12px;
}

.email_set_area .tbl_register_01{
	width: 100%;
}

.email_set_area .tbl_register_01 th,
.email_set_area .tbl_register_01 td{
	width: auto;
	text-align: left !important;
}

.email_set_area .tbl_register_01 th,
.email_set_area .tbl_register_01 td{
	width: 30%\9; /*for ie8*/
}

.email_set_area .tbl_register_01 label {
  margin-right: 12px;
}


/*-------------------------------------------------------
	notification history
-------------------------------------------------------*/
/* ---------------------------
	notifi_history_area
------------------------------ */
/* table */
.notifi_history_area .inner table.tbl_basic_01.notificationhistry {
	width: auto;
 margin: 0 12px 24px;
}

.notifi_history_area .inner table.tbl_basic_01.notificationhistry .th_01{
	width:10% !important;
}

.notifi_history_area .inner table.tbl_basic_01.notificationhistry .th_02{
	width:20% !important;
}

.notifi_history_area .inner table.tbl_basic_01.notificationhistry .th_03{
	width:65% !important;
}


/*-------------------------------------------------------
	register preference notification
-------------------------------------------------------*/
/* ---------------------------
	notifi_detail_area
------------------------------ */
/* table */
.notifi_detail_area .inner table.tbl_basic_01.notificationdetail {
	width: auto;
 margin: 0 12px 24px;
}

.notifi_detail_area .inner table.tbl_basic_01.notificationdetail .th_01{
	width: 30% !important;
}

/* ---------------------------
	preference_area
------------------------------ */
/* table */
.preference_area .attention_unit {
  margin-bottom: 12px!important;
}

.preference_area .inner table.tbl_register_01 {
}

.preference_area .inner table.tbl_register_01 th {
 margin-bottom: 12px;
 margin-right: 10px\9; /*for ie8*/
 padding: 0;
 text-align: left;
}

.preference_area .inner table.tbl_register_01 td {
	width: 50%\9; /*for ie8*/
 padding: 0;
 text-align: left;
}

/* form */
.preference_area label {
}


/* ---------------------------
	driving_records 
------------------------------ */
/* memo */
.memo_area{
	margin-bottom: 12px;
}

.memo_area .tbl_register_01 td.pad01 {
	padding-top: 12px;
}





/*=======================================================
	11. MY CAR FINDER
 =======================================================*/
/*-------------------------------------------------------
	mycarfinder
-------------------------------------------------------*/
/* ---------------------------
	finder_area
------------------------------ */
.finder_area{
}

.finder_area .block_left {
	width: auto;
	float:none;
	padding: 0 12px;
}

.finder_area .block_left ul {
  margin-bottom: 0 !important;
}

.finder_area .block_left .time {
}

.finder_area .block_left .timeinfo{
  padding: 0;

}

.finder_area .block_left li.btn_prime a{
}

.finder_area .block_right {
	width: auto;
	height: 300px;	
	float:none;
  margin: 0 auto 24px;
}

#map-screen{
	width: 100% !important;
	height: 300px !important;
}

#map-screen p{
  height: 200px !important;
  line-height: 135px !important;
}

.finder_area figure {
	position: relative !important;
}

.finder_area figure #map-base{
	width: 0 !important;
	height: 150px !important;
}

.finder_area figure #inner-map{
	left: 0 !important;
}


/*=======================================================
	12. ROUTE PLANNER
=======================================================*/
.route_block_left {
  padding-bottom: 90px;
  position: relative;
}
.route_block_left:before {
  content: " ";
  width: 0;
  height: 0;
  margin: 0 auto;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #fff;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
}
.route_block_left:after {
  content: " ";
  width: 30px;
  height: 20px;
  margin: 0 auto;
  position: absolute;
  background: #fff;
  bottom: 35px;
  left: 0;
  right: 0;
}

.route_block_left,
.route_block_right {
  width: 100%;
  box-sizing: border-box;
  float: none;
}
.route_inner {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.route_inner .attention_unit {
  padding: 12px !important;
}
.route_inner .left_box {
  width: 20%;
  margin-right: 4px;
  box-sizing: border-box;
}
.route_inner .left_box img {
  width: 100%;
  height: auto;
}
.route_inner .right_box {
  width: 76%;
}
.route_inner .right_box p {
  padding: 0;
}
.route_inner .attention_unit .left_box {
  width: 100%;
  margin: 0;
  padding: 0;
}
.route_inner .attention_unit .right_box {
  width: 100%;
}
.route_inner .save_box {
  width: 100%;
  box-sizing: border-box;
}
.route_inner .save_box ul {
  width: 100%;
  box-sizing: border-box;
}
.route_inner .save_box .date {
  width: 80%;
  margin: 4px 0 0 10px;
  padding: 0;
}
.route_inner .save_box .name {
  width: 100%;
  height: auto;
}
.route_block_center {
  display: none;
}
.route_inner .putfeed_box {
  width: 100%;
  padding: 10px 6px;
  box-sizing: border-box;
}
.route_inner .putfeed_box .inner {
  background: none;
}
.route_inner .putfeed_box .inner .right_box {
  width: 85%;
  padding: 4px 0 8px 8px;
  float: left;
  background: #fff;
}
.route_inner .putfeed_box .inner .right_box .num {
  width: 25px;
}
.route_inner .putfeed_box .inner .right_box .name {
  padding-left: 30px;
}
.route_inner .putfeed_box .inner .ch_info .name,
.route_inner .putfeed_box .inner .ch_noinfo .name {
  width: 85%;
  height: auto;
  box-sizing: border-box;
}
.route_inner .putfeed_box .inner .left_box {
  width: 25px;
  margin: 0;
  padding: 0;
  background: none;
}
.route_inner .putfeed_box .inner img {
  width: 20px;
  margin-top: 9px;
}
.route_inner .putfeed_box p {
  padding-right: 4px;
  padding-left: 25px;
}




/*=======================================================
	13. INFORMATION CHANNEL
=======================================================*/
.tip_info_left li{
  float: none;
  margin-left: 12px;
}


/*-------------------------------------------------------
	Internet Feeds
-------------------------------------------------------*/
.intfeed_block {
  width: 100%;
}
.intfeed_block .finfo {
  width: 100%;
  box-sizing: border-box;
}
.intfeed_block .finfo .feed,
.intfeed_block .finfo .nofeed {
  width: 84%;
  margin-right: 0 !important;
  margin-bottom: 8px !important;
  box-sizing: border-box;
}
.intfeed_block .finfo li {
  /*float: none;*/
}
.intfeed_block .finfo .num {
  width: 25px;
  margin-right: 4px;
}
.intfeed_block .icon {
  clear: both;
}

/*-------------------------------------------------------
	 My Feeds Sets
-------------------------------------------------------*/
.myfeed_block .myfeed .ch_info li.name,
.myfeed_block .myfeed .ch_noinfo li.name {
  width: 100%;
  margin-bottom: 8px;
  box-sizing: border-box;
}
.myfeed_block .myfeed .ch_info,
.myfeed_block .myfeed .ch_noinfo {
  margin: 0;
}
.myfeed_block .myfeed .fname {
  height: auto;
}
p.fname.ch_nofeed {
  width: 76%;
}
.myfeed_block .myfeed .add {
  right: 3%;
}
.myfeed_block .myfeed .fname_02 input {
  width: 85%;
}
.myfeed_block .myfeed .fname_02 .i_error {
  font-size: 10px;
  line-height: 1.2em;
}

/*-------------------------------------------------------
	Favorite Setting
-------------------------------------------------------*/
.fset_block .fset_ch .name,
.fset_block .fset_feed .name,
.fset_block .fset_nofeed .name {
  width: 86%;
  margin-bottom: 8px;
  box-sizing: border-box;
}
.fset_block .fset_ch .name span {
  padding-right: 0 !important;
  font-size: 14px;
}
.fset .ch_info,
.fset .ch_noinfo {
  width: 100%;
  box-sizing: border-box;
}
.fset_block .fset .num {
  width: 30px;
}
.fset_block .fset .icon {
  clear: both;
}
.fset02_block_left {
  width: 100%;
  padding-bottom: 80px;
  box-sizing: border-box;
  float: none !important;
  background-image: none;
  position: relative;
}
.fset02_block_left h4,
.fset02_block_right h4 {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.fset02_block_left .finfo,
.fset02_block_right .finfo {
  width: 100%;
  box-sizing: border-box;
}
.fset02_block_right {
  float: none !important;
}
.fset02_block_left .finfo .name,
.fset02_block_right .finfo .name,
.fset02_block_left .finfo .feed,
.fset02_block_right .finfo .feed,
.fset02_block_left .finfo .nofeed,
.fset02_block_right .finfo .nofeed {
  width: 84%;
  box-sizing: border-box;
}
.fset02_block_left:before {
  content: " ";
  width: 0;
  height: 0;
  margin: 0 auto;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #fff;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
}
.fset02_block_left:after {
  content: " ";
  width: 30px;
  height: 20px;
  margin: 0 auto;
  position: absolute;
  background: #fff;
  bottom: 35px;
  left: 0;
  right: 0;
}
.fset02_block_left .finfo .num,
.fset02_block_right .finfo .num {
  width: 25px;
  margin-right: 4px;
}
.i_next_s {
  margin-left: 12px;
}
.attention_unit h4 {
  margin: 0 auto;
}
.newfeed_block .newfeed .ch_info {
  margin: 0 auto;
}
.newfeed_block .newfeed .fname {
  height: auto;
}
.currentfeed_block .currentfeed .fname {
  height: auto;
}

/*-------------------------------------------------------
	Favorite Setting -Clear All Feeds-
-------------------------------------------------------*/
.currentfav_block {
  background-image: none;
}
.currentfav_block_right,
.currentfav_block_right .drag {
  display: none;
}
.currentfav_block_left {
  width: 100%;
}
.currentfav_block_left .yourfav {
  padding-right: 4px !important;
}
.currentfav_block_left .yourfav .num_nodrag {
  width: 40px;
  margin-right: 10px;
}
.currentfav_block_left .yourfav .num {
  width: 40px;
  margin-right: 10px;
  padding-right: 8px;
}
.currentfav_block_left .ch_info .name {
  width: 60%;
}
.currentfav_block_left .yourfav .name {
  width: 64%;
  padding: 0 0 0 28px;
  font-size: 14px !important;
}

/*-------------------------------------------------------
	gn_on_info_channel
-------------------------------------------------------*/
#gn_on_info_channel .attention_unit {
	margin: 0 0 24px 0 !important;
}
#gn_on_info_channel .btn_area_dbl_center {
	padding: 0px;
}
#gn_on_info_channel .attention_unit .tbl_register_01 th {
	padding: 12px 0 0 !important;
}
#gn_on_info_channel .attention_unit .tbl_register_01 td.pad01 {
	padding: 0 !important;
}


/*-------------------------------------------------------
	feed_edit
-------------------------------------------------------*/
/* feed_edit_area */
.feed_edit_area{
}

.feed_edit_area .tbl_register_01 th{
	width: 10%;
}

.feed_edit_area .tbl_register_01 td{
	width: 80%;
	margin-bottom: 12px;
}

.feed_edit_area .attention_unit input{
	width: 100% !important;
}

.feed_edit_area .attention_unit .btn_third{
}

.feed_edit_area .attention_unit .btn_third a{
	width: 50% !important;
}

/*=======================================================
	14. ECO RANKINGS
=======================================================*/
.regional_ranking_area{
 }
 
.regional_ranking_area h4{
  margin: 12px 0 12px;
 }
 
 .rank_score{
	width:auto;
	float:none;
	padding: 24px 12px 0;
	position: inherit;
	}

.rank_score .medal{
 width: auto;
 text-align: left;
	position: inherit;
	top: inherit;
	right: inherit;
	}	

.rank_score .medal img{
  width: 60px;
  height: auto;
  float: left;
  padding: 0 12px 0 0;
  vertical-align: bottom;
	}	
	
.rank_score p{
	width:100%;
 padding-bottom: 6px;
	}
	
.rank_score ul{
	float:none;
	margin:0;
	}

.rank_score ul .score_num{
  margin-bottom: 24px;
	}
	
.rank_champscore{
	width:auto;
	padding: 36px 12px 24px;
	float:none;
	}
	
.rank_champscore p{
 padding-bottom: 6px;
	}

.rank_champscore ul{
	float:none;
	margin:0;
	}

.rank_champscore ul .score_num{
	}
	
.rank_img{
  text-align: center;
	}

.rank_img img{
  width: 100%;
  max-width: 294px;
	}
	
.rank_name{
  width: 294px;
	 margin:0 auto;
	}
	
.rank_name li{
	width: 23%;
 padding: 0 1%;
 text-align: center;
	}
	
.tbl_rank{
  width: 94%;
  margin: 0 auto;
	}

.rank_graph_area{
  width: 94%;
  margin: 0 auto;
}

.rank_graph_area img{
  width: 100%;
  display: block;
}

/*-------------------------------------------------------
	world_on
-------------------------------------------------------*/
.tab_area.tab_three{
}

.tab_area.tab_three .tab li {
 width: 30%;
	margin: 0 1%;
}

.tab_area.tab_three .tab li:first-child {
	margin-left: 1%;
}

.tab_area.tab_three .tab li:last-child {
	margin-right: 1%;
}

.tab_area.tab_three .tab li span {
  padding: 5px 3px 30px;
}

.tab_block{
	padding: 12px;
	}
 
.wrank_info{
	padding-left:90px;
	background-image:url(../images/bg_wrank_infobk_s.png);
  background-size: 132px auto;
	}

.wrank_info h4{
	padding-left:32px;
	background:url(../images/i_rank_s.png) 0 center no-repeat;
	}


.wrank_info p{
  margin-bottom: 25px\9; /*for ie8*/
	}

.wrank_block{
	}
	
.wrank_country{
	width:100%;
	height: 300px;
	float:none;
	margin:0 0 24px 0;
  padding-bottom: 48px; 
  background-position:left 30px;
  background-size:240px auto;
  background-position: left 20px\9; /*for ie8*/
}
	
.wrank_country .title{
	width: 100%;
 height: auto;
 margin: 0;
 padding: 0;
	}	
	
.wrank_country .title span{
	width: auto;
 padding: 6px 6px 8px;
	display: inline-block;
	}	
	
.wrank_reset{
	}
	
.wrank_energy{
}	
.wrank_eco{
}	
.wrank_travel{
}	
.wrank_acce{
}	
.wrank_renergy{
}	
.wrank_trip{
}	
	
.wrank_country .info{
	margin:12px 12px 0 100px;
	}	

.wrank_country .info .icon{
	}	

.wrank_country .info .icon img{
  width: 33px;
  height: auto;
  display: inline-block;
  border: 1px solid #e4e4e4;
	}	

.wrank_country .info .user{
	}	

.wrank_country .info .country{
	margin:0 0 6px 0;
	}	

.wrank_country .info .distance{
	margin:0 0 24px 0;
	}	
	
.wrank_country .info .text{
	margin:0 0 30px 0;
	}	

.wrank_country .info .rank{
	margin:-36px 0 18px 0;
	}	

.wrank_country .info .totall{
	text-align:right;
	margin:0 0 12px 0;
	}	

.wrank_country .info .i_next_s{
	}
	
/*-------------------------------------------------------
	top100
-------------------------------------------------------*/
.tab_area.tab_six{
}

.tab_area.tab_six .tab li {
 width: 14%;
	margin: 0 1%;
	margin: 0 0 0 1%\9; /*for ie8*/
}

.tab_area.tab_six .tab li:first-child {
	margin-left: 0;
}

.tab_area.tab_six .tab li:last-child {
	margin-right: 0;
}

.tab_area.tab_six .tab li span {
}


.tab_block .btn_area_dbl_left{
  margin: 0;
	}

.tab_block .btn_area_dbl_left ul{
 border-bottom:1px solid #ccc;
	}
 
.tab_block .btn_area_dbl_left li{
  width: 32%;
  margin: 0 2% 0 0;
	 margin: 0 1% 0 0\9; /*for ie8*/
  padding: 0;
	}

.tab_block .btn_area_dbl_left li:last-child{
  margin: 0;
  padding: 0;
	}

.tab_block .btn_area_dbl_left li a{
	height: 40px;
	}
 
.tab_block h4{
  margin: 24px 0 12px;
	}

.trank_toplink{
	text-align: left;
	}

.trank_toplink li{
	margin: 0 24px 0 0;
	}

.trank_toplink li a{
  padding-top: 6px;
  padding-bottom: 6px;
	}

.trank_tbl{
 word-break: break-all;
 overflow:auto;
	}

.trank_tbl .i_btm_s{
  margin-top: 0;
	}

.trank_tbl .i_btm_s a{
  padding: 0 0 12px 0;
  background-position: center bottom;
} 

.trank_tbl figure{
	}

.trank_tbl figure img{
	width: 21px;
 height: auto;
 display: inline-block;
	}
 
.trank_tbl th{
  padding: 6px 6px 36px !important;
}

.trank_tbl th.rank{
 width: 17%;
}
.trank_tbl th.name{
 width: 29%;
}
.trank_tbl th.country{
 width: 54%;
} 
/* .trank_tbl td img{ vertical-align:central!important;} */
.trank_tbl figure{ 
 margin:0 10px 0 0;
}

/*-------------------------------------------------------
	gn_on_rank
-------------------------------------------------------*/
#gn_on_rank {}


/*=======================================================
	15. ECO TREE
=======================================================*/
/*-------------------------------------------------------
	world_forest
-------------------------------------------------------*/
.world_tree_area{
}

.world_tree_area figure{
  margin-bottom: 12px;
  border: none;
}

.world_tree_area figure img{
  border: none;
}

/* ---------------------------
	eco-map
------------------------------ */
.world_tree_area #eco-map{
}


/* ---------------------------
	eco-tree-self
------------------------------ */
.world_tree_area #eco-tree-self{
}

/* ---------------------------
	eco-tree-total
------------------------------ */
.world_tree_area #eco-tree-total{
  width: 294px !important;
  left: 10px !important;
}

.world_tree_area #eco-tree-total div{
  width: 155px !important;
}

.world_tree_area #eco-tree-total div + div{
  width: 115px !important;
}

/* ---------------------------
	eco-co2-total
------------------------------ */
.world_tree_area #eco-co2-total{
  width: 294px !important;
  left: 10px !important;
}

.world_tree_area #eco-co2-total div{
  width: 135px !important;
}


.world_tree_area .txt {
  width: auto !important;
  margin-top: 6px !important;
}

/* ---------------------------
	world_eco_forest_settings
------------------------------ */
#gn_on_eco_tree .world_tree_area figure {
	margin: 0 12px 12px 12px!important;
}
#gn_on_eco_tree .world_tree_area figure img {
	width: 296px!important;
}
.world_tree_area .eco_tree_form{
	width: auto !important;
	margin: 0;
}
.world_tree_area .eco_tree_form li{
	margin-bottom: 36px;
	padding: 0;
	display: block !important;
}

.eco_tree_form { margin: 0 -10px; }
.eco_tree_form th,
.eco_tree_form td{
	width: 100%;
	display: block;
	border-top: none;
}

.eco_tree_form tr:first-child th {
	border-top: 1px solid #ddd;
}



.world_rankings_status_area table.tbl_register_01 th{
	width: 0!important;
}



/*=======================================================
	16. CABIN TEMP
=======================================================*/
/* ---------------------------
	temp_unit
------------------------------ */
.temp_unit{
	width: 100%;
	position: relative;
	left: inherit;
}

.check_cabin_text {
        position: relative;
        left: 100px;
        margin: 0 auto;
        width: 100px;
        padding-left: 0;
}

.txt_temp_unit_left {
        width: 250px;
        margin: 0 auto 30px;
}
.check_cabin_update {
        margin: 0 auto;
        width: 240px;
        padding-bottom: 20px
}

.select_btn_update {
       margin: 0 auto;
       width: 250px;
}

.temp_unit .temp_red{
        width: 85px;
        height: 85px;
        margin: 0 auto 20px;
        background: url(../images/icCabintempHot.png) 0 0 no-repeat;
        background-size: contain;
        float: left;
}

.temp_unit .temp_green{
        width: 85px;
        height: 85px;
        margin: 0 auto 20px;
        background: url(../images/icCabintempAverage.png) 0 0 no-repeat;
        background-size: contain;
        float: left;
}

.temp_unit .temp_blue{
        width: 85px;
        height: 85px;
        margin: 0 auto 20px;
        background: url(../images/icCabintempCool.png) 0 0 no-repeat;
        background-size: contain;
        float: left;
}

.temp_unit .temp_red_indefinite{
        width: 85px;
        height: 85px;
        margin: 0 auto 20px;
        background: url(../images/icCabintempHot.png) 0 0 no-repeat;
        background-size: contain;
        float: left;
        opacity: 0.1;
}

.temp_unit .temp_green_indefinite{
        width: 85px;
        height: 85px;
        margin: 0 auto 20px;
        background: url(../images/icCabintempAverage.png) 0 0 no-repeat;
        background-size: contain;
        float: left;
        opacity: 0.1;
}

.temp_unit .temp_blue_indefinite{
        width: 85px;
        height: 85px;
        margin: 0 auto 20px;
        background: url(../images/icCabintempCool.png) 0 0 no-repeat;
        background-size: contain;
        float: left;
        opacity: 0.1;
}

.temp_unit .unit_c{
	width: 255px;
	margin: 0 auto;
	position: relative;
	left: inherit;
	top: inherit;
}

.temp_unit .unit_c span{
	position: absolute;
	top: 11px;
	right: -35px;
}

.temp_unit .btn_update{
	display: block;
}

.temp_unit .btn_update .btn_prime{
	margin: 6px 0;
}

/*@media print, screen and (min-width: 321px) and (max-width: 2000px) {*/
/*//////////////////////////////////////////////////////////////////////////////

	 10. DRIVING HISTORY

//////////////////////////////////////////////////////////////////////////////*/
/*=======================================================
	10. DRIVING HISTORY
 =======================================================*/
/*-------------------------------------------------------
	sub_contents
-------------------------------------------------------*/
/*-------------------------------------------------------
	second_area
-------------------------------------------------------*/
#second_area .tab_block .info_area {
	width: auto;
	margin-right: 0;
	float: none;
}

#second_area .tab_block .info_area ul li {
	margin-bottom: 10px;
	padding: 0 15px 10px 15px;
	border-bottom: 1px dotted #d0d0d0;
}

#second_area .tab_block .info_area ul li span {
	width: 35%;
	display: inline-block;
}

#second_area .tab_block .info_area ul li .data {
	width: inherit;
	float: right;
	display: inline;
	color: #0076A6;
}

#second_area .tab_block .info_area ul li .num {
	width: inherit;
	display: inline;
}

#second_area .tab_block .info_area ul li .value-error {
	width: inherit;
	display: inline;
}

#second_area .tab_block .info_area ul li .value-error-dot {
	width: inherit;
	display: inline;
}

#second_area .tab_block .info_area ul li .i_comment {
	width: inherit;
	display: inline;
}


/*}*/