@charset "utf-8";

/*************************************************
CSS
/cmn_ja_v1/css/import.css

14.11.21
update:
*************************************************/

.dt_box{display: table;}
.dt_cell{display: table-cell;}

/*************************************************
CSS
/cmn_v1/css/gl_footer.css
*/
#gl_header{
  min-height: 177px;
  position: relative;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  opacity: 0.0;
}
#gl_footer.show,
#gl_header.show{
  opacity: 1;
}

#gl_header.hd_line{
  min-height: 80px;
}
#gl_header.hd_line .hd_ut_change,
#gl_header.hd_line .hd_ut_lang_select,
#gl_header.hd_line .gl_nv_s{display: none;}


#gl_footer{
  min-height: 135px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  opacity: 0.0;
}
#gl_footer.sub{min-height: 32px}
#gl_footer.sub .ft_ut{
  display: none;
}


#gl_footer .ft_lc_nv .ft_lc_nv_lst li a,
#gl_footer .ft_lc_nv .ft_lc_nv_lst li strong { display: block; padding-left: 24px; background: url(../../cmn_v1/img/icon_s_right_01.png) 0 -0.2em no-repeat; }

#gl_footer .ft_lc_nv .ft_lc_nv_lst li a.on{font-weight: bold;}


/* ============================== Accordion Section */
.accordion_sct .acd_ttl02 { position: relative; border: 1px solid #c9c9c9; background: url(../../cmn_v1/img/icon_s_accordiondown_03.png) 1% 50% no-repeat #ffffff;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  padding-left: 25px;
}
.accordion_sct .acd_ttl02.open { border: 1px solid #c9c9c9; background: url(../../cmn_v1/img/icon_s_accordionup_03.png) 1% 50% no-repeat #ffffff;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.accordion_sct .acd_dtl02 { display: none; padding: 16px 16px 32px; background: #ffffff; border: 1px solid #c9c9c9; border-top: none;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}


/* ============================== component.css */
.ico_nml.download_f{ padding-left: 24px; background-position: 0 0.15em; }

/* ============================== Driver search Section */
.detail_search_box{
  background-color: #ffffff;
  border: solid 1px #dedede;
  padding: 16px 16px 16px 16px;
}

.detail_search{
  background-color: #dedede;
  padding: 16px 16px 24px 16px;
  margin-bottom: 14px;
  position: relative;
}
.detail_search:after{
  width: 24px;
  height: 11px;
  position: absolute;
  left:50%;
  bottom:-11px;
  margin-left: -12px;
  content: '';
  background-image: url(../img/icon_m_arrowb.png);
  background-image: url(../img/icon_s_arrowb.png)\9;
  background-repeat: no-repeat;
  background-position: center bottom;
  -webkit-background-size: 24px auto;
  background-size: 24px auto;
}


.detail_search_result h2,
.detail_search h2,
.os_box h2{ margin-bottom: 8px;}

.detail_search_result{
  background-color: #f3f3f3;
  border: solid 1px #dedede;
  padding: 16px 16px 24px 16px;
  position: relative;
}

.detail_search_result:after{
  width: 26px;
  height: 14px;
  position: absolute;
  left:50%;
  top:-1px;
  margin-left: -13px;
  content: '';
  background-image: url(../img/icon_m_arrowb_u.png);
  background-image: url(../img/icon_s_arrowb_u.png)\9;
  background-repeat: no-repeat;
  background-position: center bottom;
  -webkit-background-size: 26px auto;
  background-size: 26px auto;
}

.detail_search_result div.cell{
  height: 120px;
  overflow: auto;
  display: block;
  background-color: #ffffff;
  border: solid 1px #dedede;
  padding: 16px;
}

.detail_search_result div.cell ul li{margin-bottom: 5px;}
.detail_search_result div.cell ul li:last-child{margin-bottom: 0;}

.detail_search input.search{
  background-repeat: no-repeat;
  background-position: 1% 50%;
  padding-left: 32px;
}




.os_box{
  background-color: #f3f3f3;
  border: solid 1px #dedede;
  padding: 16px 16px 24px 16px;
  margin-bottom: 16px;
}

.os_box .on_inner{
  background-color: #ffffff;
  border: solid 1px #dedede;
  padding: 16px;
}

.bgp0{ background-position: 0 0}
.fwn{ font-weight: normal;}

.w354  { width: 354px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w17p  { width: 17% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w20p  { width: 20% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w35p  { width: 35% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/* ============================== Tag List */
.tag_lst_right { overflow: hidden; }
.tag_lst_right li { float: left; padding: 0px 24px 0px 0px; margin-top: 8px; color: #333333; font-size: 14px; background-repeat: no-repeat; background-position: right center;}
.tag_lst_right li.right2 { background-image: url(../img/icon_s_tag_lst_right.png); }
.tag_lst_right li span{display: block; border: 1px solid #dedede; background: #ffffff; padding: 9px 19px; border-radius: 4px;}
.tag_lst_right li span.bg_f3{ border: 1px solid #f3f3f3; }
/* ============================== icon */
.bgp_0_2{ background-position: 0 2px !important;}

/* ============================== border-bottom */
.bb_line_f3{ border-bottom: solid 1px #f3f3f3;}
.bb_line_de{ border-bottom: solid 1px #dedede;}
.bb_line_c9{ border-bottom: solid 1px #c9c9c9;}
.bb_line_99{ border-bottom: solid 1px #999999;}

.bd4_de{ border: solid 4px #dedede;}

/* ============================== dtc */
.dt_03,
.dt_02,
.dt_01,
.dt{
  display: table !important;
  -webkit-box-sizing : border-box ;
  -moz-box-sizing : border-box ;
  box-sizing : border-box ;
}
.dtc{display: table-cell !important;}
.vam{vertical-align: middle !important;}

.dt_03,
.dt_02,
.dt_01{width: 100%;}

.dt_03 .dtc_txt,
.dt_03 .dtc_img,
.dt_01 .dtc_txt,
.dt_01 .dtc_img,
.dt_02 .dtc_txt,
.dt_02 .dtc_img{
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}
.dt_01 .dtc_img img,
.dt_02 .dtc_img img,
.dt_03 .dtc_img img{
  width: 100%;
  margin-bottom: 5px;
  vertical-align: top;
}
.dt_03 .dtc_img img{margin-bottom: 0;}


.dt_01 .dtc_txt,
.dt_02 .dtc_txt,
.dt_03 .dtc_txt{ padding-left: 5%;}
.dt_01 .ttl,
.dt_02 .ttl{
  font-size: 18px;
  font-weight: bold;
}
.dt_03 .ttl{
  font-size: 16px;
  font-weight: bold;
}
.dt_01 .txt{}

.h150{height: 150px;}
.dtc_img.w17p img{width: 100% \9 !important; }


.ov_auto{overflow: auto;}

.dl_list_box{
  width: 100%;
  display: table;
  border-bottom: solid 1px #dedede;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.dl_list_box:last-child{
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

#gl_header .hd_lg span { display: block; width: 140px; height: 48px; background: url(../../cmn_v1/img/gl_header/hd_logo.png) 0 0 no-repeat; text-indent: -9999px; }

body.no_js_ssi #gl_footer,
body.no_js_ssi #gl_header{
  min-height: 0;
  opacity: 1;
}

.po_r{ position: relative;}
.top_n2{ top: -2px;}

/*2015-09-02 add tab */
.clm1.tab_ttl.tabNormalTitle.tileSame.tab_dsp_table{
  width: 100% !important;
  display: table !important;
  background-color: #f3f3f3;
}
.clm1.tab_ttl.tabNormalTitle.tileSame.tab_dsp_table .clm{
  width: auto !important;
  display: table-cell !important;
  float: none !important;
}



/*IE8*/
.dt{width: 100% \9 !important;}
.dtc.w35p{ width: 354px \9 !important;}
#gl_header .hd_ut{
  position: relative \9;
}
.hd_ut.w25p{ width: auto \9 !important;}
/*ie*/
.tab_sct .tileSame .clm a{height: auto !important;}