@charset "utf-8";

/*----- features -----*/

 .productDetail01 .inner .w900 { margin:0 auto;  }
 /* .productDetail01 .inner .w900 .fltr {padding-top:80px; } */
 .productDetail01 .inner .w900 .fltr {padding-top:110px; }

/*----- support

 .tableTypeA02 col.col01 { width:140px; *width:110px; }
 .tableTypeA02 col.col02 { width:200px; *width:170px; }
 .tableTypeA02 col.col03 { width:180px; *width:150px; }

 .tableTypeA03 col.col01 { width:150px; *width:120px; }
 .tableTypeA03 col.col02 { width:500px; *width:470px; }

 .tableTypeA04 col.col01,
 .tableTypeA04 col.col02,
 .tableTypeA04 col.col03 { width:150px; *width:120px; }
-----*/





.productDetail {
	padding: 40px 3px 3px;
}
.productDetail h2 {
	text-align: center;
}
.productDetail h3 {
	margin: 0 0 35px 0;
}
.productDetail .txtBox {
	border: none;
	padding: 0 0 50px 0;
}

.productDetail .txtBox.box01 {
	padding: 50px 0 0 0;
}
.box01 .fltr {
	width: 400px;
	margin: 65px 0 0 0;
}
.productDetail .txtBox.box02 {
	width: 640px;
	padding: 70px 0 80px 0;
}
.box02 .fltl {
	width: 250px;
	margin: 0 35px 0 0;
}
.productDetail .txtBox.box03 {
	padding: 40px 0 0 0;
}
.box03 .fltl .icoArea {
	margin: 40px 0 0 0;
}
.box04 .fltl {
	width: 330px;
}
.box04 .fltr {
	width: 516px;
}
.box04 .fltr p img {
	margin: 0 0 74px 0;
}
.box05 .fltl {
	width: 540px;
}
.box05 .fltr {
	width: 320px;
}
.box05 .fltr p img {
	margin: 0 0 34px 0;
}
.box04 .txt,
.box05 .txt {
	margin: 10px 0 0 0;
}


.icoArea {
  width: 340px; }
.icoArea li {
  display: inline;
  margin: 0 15px 0 0; }

.app img {
  padding-bottom: 14px; }

.pb13 {
  padding-bottom: 13px !important; }

.content .inner980 .productTabNavi ul li.m01 { margin-left:0px;  }
.content .inner980 .productTabNavi ul li.m02 { margin-left:9px;  }
.content .inner980 .productTabNavi ul li.m03 { margin-left:9px;  }
.content .inner980 .productTabNavi ul li.m04 { margin-left:7px;  }

.content .inner980 .productTabNavi ul li a {
  background: url(/usa/common/images/btn_productTabNavi_car02.png) no-repeat; }
  
.content .inner980 .productTabNavi ul li.m01 a {
 width:238px; background-position:0 0;}  
.content .inner980 .productTabNavi ul li.m01 a:hover {
  background-position: 0px -60px; }
.content .inner980 .productTabNavi ul li.m01.active a {
  background-position: 0px -60px; }
.content .inner980 .productTabNavi ul li.m02 a {
  background-position: -248px 0px; width:239px; }
.content .inner980 .productTabNavi ul li.m02 a:hover {
  background-position: -248px -60px; }
.content .inner980 .productTabNavi ul li.m02.active a {
  background-position: -248px -60px; }
.content .inner980 .productTabNavi ul li.m03 a {
  background-position: -495px 0px;  width:239px;}
.content .inner980 .productTabNavi ul li.m03 a:hover {
  background-position: -495px -60px; }
.content .inner980 .productTabNavi ul li.m03.active a {
  background-position: -495px -60px; }
.content .inner980 .productTabNavi ul li.m04 a {
  background-position: -741px 0px;  width:239px;}
.content .inner980 .productTabNavi ul li.m04 a:hover {
  background-position: -741px -60px; }
.content .inner980 .productTabNavi ul li.m04.active a {
  background-position: -741px -60px; }

.icon-left {
  /* width: 750px; */
  width: 900px;
  float: left;}
.icon-right {
  /* width: 150px; */
  width: 0px;
  float: left;}
.ico1 {
  margin-left: -6px;
  margin-top: 22px; }
.ico1 li {
  float: left;
  height: 75px;
  margin-left: 6px;
  margin-bottom: 6px; }

.ico2 {
  margin-left: -17px;
  margin-top: 7px; }
.ico2 .garmin {
  margin-top: -7px; }
.ico2 .hdmi {
  margin-top: 6px; }
.ico2 .here {
  margin-top: -8px; }
.ico2 .hires {
  margin-top: -15px; }
.ico2 .iheartradio {
  margin-top: 5px; }
.ico2 .pandora {
  margin-top: 5px; }
.ico2 .aptx {
  margin-top: 5px; }
.ico2 .mhl {
  margin-top: 5px; }
.ico2 li {
  float: left;
  margin-left: 17px;
  margin-bottom: 10px;
  height: 34px; }

.hMain {
  width: 980px;
  margin: 0 auto 34px auto; }

#tabArea {
  background-color: #F0F0F0;
  background-image: url(../images/hilights/tabarea_bg.png);
  background-repeat: repeat-x;
  background-position: bottom;
  padding-top: 8px;
  padding-left: 14px; }
#tabArea .tab {
  list-style: none;
  zoom: 1;
  margin-left: 30px;
  margin-right: 16px;
  width: 920px; }
#tabArea .tab:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden; }
#tabArea .tab li {
  float: left;
  margin-right: 14px;
  cursor: pointer;
  width: 216px;
  height: 74px; }
#tabArea .tab li a {
  display: block;
  width: 216px;
  height: 74px; }
#tabArea .tab li .tab1 {
  background-image: url(../images/hilights/tab1_off.png); }
#tabArea .tab li .tab1:hover {
  background-image: url(../images/hilights/tab1_on.png); }
#tabArea .tab li .tab2 {
  background-image: url(../images/hilights/tab2_off.png); }
#tabArea .tab li .tab2:hover {
  background-image: url(../images/hilights/tab2_on.png); }
#tabArea .tab li .tab3 {
  background-image: url(../images/hilights/tab3_off.png); }
#tabArea .tab li .tab3:hover {
  background-image: url(../images/hilights/tab3_on.png); }
#tabArea .tab li .tab4 {
  background-image: url(../images/hilights/tab4_off.png); }
#tabArea .tab li .tab4:hover {
  background-image: url(../images/hilights/tab4_on.png); }
#tabArea .tab .active .tab1 {
  background-image: url(../images/hilights/tab1_on.png); }
#tabArea .tab .active .tab2 {
  background-image: url(../images/hilights/tab2_on.png); }
#tabArea .tab .active .tab3 {
  background-image: url(../images/hilights/tab3_on.png); }
#tabArea .tab .active .tab4 {
  background-image: url(../images/hilights/tab4_on.png); }

.detail {
  padding: 18px 40px 19px 40px; }
.detail h2 {
  margin-bottom: 20px; }
.detail .tabbox {
  display: none; }


.hBox {
  border-top: 1px solid #E7E7E7;
  font-size: 14px;
  line-height: 1.6;
  color: #212121; }
.hBox > dt {
  float: left;
  padding-top: 33px;
  padding-left: 2px;
  width: 238px;
  border-top: 6px solid #E7E7E7;
  margin-top: -3px;
  margin-bottom: 30px; }
.hBox > dd {
  float: left;
  padding: 30px 0 30px 40px;
  width: 620px;
  text-align: left;
  line-height: 1.5;
  margin-bottom: 15px; }
.hBox > dd p {
  font-size: 14px;
  line-height: 1.6; }
.hBox > dd p.note {
  font-size: 10px;
  line-height: 1.6; }
.hBox > dd p span {
  font-weight: bold; }
.hBox > dd div.img {
  margin-top: 20px; }


dd.btn {
  margin-left: 0px;
  margin-top: 25px;
  background-image: url(../images/hilights/open_btn.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  cursor: pointer;
  padding: 0px; }

dd.tglactive {
  background-image: url(../images/hilights/close_btn.png); }

dd.tglArea {
  display: none; }

.featureBox {
  margin: 0; }
.featureBox dt {
  padding-top: 20px;
  padding-bottom: 10px; }


.detail .tabbox h2 {
  padding-top: 18px; }
.hBox dd.route p a.blue {
  text-decoration: underline;
  color: #0099FF; }

.tableType table th {
  text-align: left;
}

dl.dimensions dt {
  float: left;
  width: 120px;
  clear: both;
 }
dl.dimensions dd {
  float: left;
  width: 50px;
 }
dl.dimensions2 dt {
  float: left;
  width: 100px;
  clear: both;
 }
dl.dimensions2 dd {
  float: left;
  width: 100px;
 }