#recommend .tab-index ul {
	display: table;
	width: 100%;
	text-align: center;
}
#recommend .tab-index li {
	display: table-cell;
	width: 24.7%;
	height: 44px;
	line-height: 44px;
	color: #FFFFFF;
	border-bottom: 1px solid #555555;
	background-color: #000000;
}
#recommend .tab-index a {
	display: block;
	width: 100%;
}
#recommend .tab-index li:not(:last-child) {
	border-right: 1px solid #555555;
}
#recommend .tab-index .active {
	background-color: #555555;
}
#recommend .tab-contents {
	display: none;
}
#recommend .tab-contents.active {
	display: block;
}

/*-----------------------------------------------
 tableType
-----------------------------------------------*/
 .tableType table { width:100%; text-align:left; font-size:12px; }
 .tableType th,
 .tableType td { padding:15px; border:1px solid #D6D6D6; background:#FFF;  }
 .tableType th { background:#F5F5F5; font-weight:normal; }
 .tableType .title th { background:#A2A2A2; color:#FFF; font-size:16px; }

 .tableType01 tr .col01,
 .tableType01 tr .col02 { width:33%; }

 .tableType02 col.col01,
 .tableType02 col.col02 { width:110px; *width:80px; }
 .tableType02 col.col03 { width:180px; *width:150px; }

 .tableType03 col.col01,
 .tableType03 col.col02,
 .tableType03 col.col03 { width:25%; }

 .tableiPodFunction col.col01 { width:180px; *width:150px; }
 .tableiPodFunction col.col02 { width:120px; *width:90px; }

 .tableBluetoothUnit col.col01 { width:50%; }

 .tableType04 th,
 .tableType04 td { padding:15px 0; vertical-align:top;  }

 .td_nopad { padding: 0; vertical-align:top;  }

 .phoneList { overflow:scroll; overflow-y:hidden; }
 .phoneList .tableType03 { width:3000px;  }
 .phoneList table { width:100%; }
 .phoneList th,
 .phoneList td { white-space: nowrap; }
 .phoneList col.col01 { width:200px; }
 .phoneList col.col02 { width:600px; }
 .phoneList col.col03 { width:300px; }
 .phoneList col.col04 { width:180px; }
 .phoneList col.col05 { width:180px; }

 .playableAudioFile col.col01 { width:90px; }
 .playableAudioFile col.col02 { width:190px; }

/*-----------------------------------------------
 menubar floating
-----------------------------------------------*/
#float-menu-box {
    width: 92%;
    height: 35px;
    background:#154F78;
    top:0px;
    left: 0px;
	color: #FFFFFF;
    padding-top: 15px;
    padding-left: 4%;
    padding-right: 4%;
    font-size: 1.3rem;
    z-index: 1;
}
.box-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
/*-----------------------------------------------
 Features Contents
-----------------------------------------------*/
#link_box {
  display: block;
  width: 100%;
  height: 160px;
  background: #000000;
  margin-top: 20px;
}
#link_box .text {
  display: block;
  width: 98%;
  height: 30px;
  background: #ddd;
  font-size: 24px;
  font-weight: bold;
  padding-left: 2%;
  color: #000000;
  float: left;
}
#link_box .text2 {
  display: block;
  width: 98%;
  height: 30px;
  font-size: 24px;
  font-weight: bold;
  padding-left: 2%;
  color: #ffffff;
  float: left;
}
#link_box .list {
  padding: 0 0 20px 20px;
  float: left;
}
#link_box a {
  color: #ffffff;
}

.link_box2 {
  width: 100%;
  height: auto;
  float: left;
  background: #000000;
}
.link_box2 .text {
  display: block;
  width: 98%;
  height: 30px;
  background: #ddd;
  font-size: 24px;
  font-weight: bold;
  padding-left: 2%;
  color: #000;
  float: none;
}
.link_box2 .text2 {
  display: block;
  width: 98%;
  height: 30px;
  font-size: 24px;
  font-weight: bold;
  padding-left: 2%;
  color: #fff;
  float: left;
}
.link_box2 .list {
  padding: 0 0px 20px 20px;
  margin-bottom: 10px;
  float: left;
}
.link_box2 a {
  color: #fff;
}

.link_list {
	width: 100%;
	padding:0px;
	margin:0px;
}

.link_list ul{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
    color: #ffffff;
}
 
.link_list li{
	width: 100%;
	padding: 0 ;
	float: left;
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
    color: #ffffff;
    white-space:nowrap;
}
 
.list1 li{
	position:relative;
	padding-left:20px;
}
 
.list1 li:before{
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:3px; 
	left:2px; 
	height:0; 
	width:0; 
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #aaa;
}

@media screen and (min-width: 640px) and (max-width: 979px){
  .title{
    color: #000000;
    font-size: 200%;
  }
  .text{
    color: #000000;
    font-size: 180%;
  }
  .text2, .text3{
    color: #000000;
    font-size: 180%;
  }
}

@media screen and (min-width: 640px){
  .title{
    color: #000000;
    font-size: 180%;
  }
  .title_sub1, .title_sub2{
    color: #000000;
    font-size: 170%;
  }
  .text{
    color: #000000;
    font-size: 160%;
  }
  .text2, .text3{
    color: #000000;
    font-size: 160%;
  }
}
@media screen and (min-width: 460px) and (max-width: 639px){
  .title{
    color: #000000;
    font-size: 170%;
  }
  .title_sub1, .title_sub2{
    color: #000000;
    font-size: 160%;
  }
  .text{
    color: #000000;
    font-size: 120%;
  }
  .text2, .text3{
    color: #000000;
    font-size: 120%;
  }
}
@media screen and (max-width: 459px){
  .title{
    color: #000000;
    font-size: 130%;
  }
  .title_sub1, .title_sub2{
    color: #000000;
    font-size: 120%;
  }
  .text{
    color: #000000;
    font-size: 90%;
  }
  .text2, .text3{
    color: #000000;
    font-size: 90%;
  }
}

#modelmain01 {
display: box;
  width: 100%;
  background:#000 url('../images_sp/model_img_01b.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 73.63% 0 0 0;
  clear: both;
}
  #modelmain01 .inner {
    width: 100%;
    text-align: left; }
    #modelmain01 .inner .text {
	  margin-left: 13%;
	  margin-right: 10%;
	  margin-top: -22%;
      font-size: 10px;
      line-height: 1.2;
      letter-spacing: 1px;
      color: #ffffff;
    }
    #modelmain01 .inner .title {
      width: 55%;
      margin-top: 3%;
      font-size: 20px;
      font-weight: bold;
      color: #ffffff;
      margin-left: 13%; }

#features00 {
  width: 100%;
  background:#ffffff url('../images_sp/model_dab_white.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 39.06% 0 0 0;
}
  #features01 .inner {
    width: 100%;
    text-align: left; }
    #features00 .inner .title {
      color: #000000;
      width: 80%;
      margin: -30% auto 6px 5%; }
    #features00 .inner .text {
      color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 0%;
      line-height: 0;
      letter-spacing: 1px;
    }
    #features00 a:link { color: #ffffff; }
    #features00 a:visited { color: #ffffff; }
    #features00 a:hover { color: #ff0000; }
    #features00 a:active { color: #ff8000; }

#features01 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_advanced7inch.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 29.3% 0 0 0;
}
  #features01 .inner {
    width: 100%;
    text-align: left; }
    #features01 .inner .title {
      color: #000000;
      width: 80%;
      margin: -25% auto 6px 5%; }
    #features01 .inner .text {
      color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 4%;
      line-height: 1.0;
      letter-spacing: 1px;
    }
    #features01 a:link { color: #ffffff; }
    #features01 a:visited { color: #ffffff; }
    #features01 a:hover { color: #ff0000; }
    #features01 a:active { color: #ff8000; }
    

#features02 {
  width: 100%;
  background:#000 url('../images_sp/model_img_garmin.jpg') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 80.08% 0 0 0; }
}
  #features02 .inner {
    width: 100%;
    text-align: left; }
    #features02 .inner .title {
      width: 80%;
      margin: -78% auto 6px 5%; }
    #features02 .inner .text {
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 35%;
      line-height: 1.2;
      letter-spacing: 1px;
    }
    #features02 a:link { color: #ffffff; }
    #features02 a:visited { color: #ffffff; }
    #features02 a:hover { color: #ff0000; }
    #features02 a:active { color: #ff8000; }

#features03 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_handsfree.jpg') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 39.06% 0 0 0; }
}
  #features03 .inner {
    width: 100%;
    text-align: left; }
    #features03 .inner .title {
      color: #000000;
      width: 80%;
      margin: -35% auto 6px 5%; }
    #features03 .inner .text {
      color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 2%;
      line-height: 1.2;
      letter-spacing: 1px;
    }
    #features03 a:link { color: #000000; }
    #features03 a:visited { color: #000000; }
    #features03 a:hover { color: #ff0000; }
    #features03 a:active { color: #ff8000; }

#features04 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_AppleCarPlay.jpg') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 97.66% 0 0 0; }
}
  #features04 .inner {
    color: #000000;
    width: 100%;
    text-align: left; }
    #features04 .inner .title {
      color: #000000;
      width: 55%;
      margin: -95% auto 6px 5%; }
    #features04 .inner .text {
      color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 30%;
      line-height: 1.2;
      letter-spacing: 1px;
    }
    #features04 a:link { color: #000000; }
    #features04 a:visited { color: #000000; }
    #features04 a:hover { color: #ff0000; }
    #features04 a:active { color: #ff8000; }

#features05 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_AirMirroring.jpg') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 83.99% 0 0 0; }
}
  #features05 .inner {
    width: 100%;
    text-align: left; }
    #features05 .inner .title {
    color: #000000;
      width: 80%;
      margin: -82% auto 6px 5%; }
    #features05 .inner .text {
    color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 1%;
      line-height: 1.2;
      letter-spacing: 1px;
    }
    #features05 a:link { color: #000000; }
    #features05 a:visited { color: #000000; }
    #features05 a:hover { color: #ff0000; }
    #features05 a:active { color: #ff8000; }

#features06 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_Bluethooth.jpg') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 78.13% 0 0 0; }

  #features06 .inner {
    width: 100%;
    text-align: left; }
    #features06 .inner .title {
    color: #000000;
      width: 55%;
      margin: -74% auto 6px 5%; }
    #features06 .inner .text {
    color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 10%;
      line-height: 1.2;
      letter-spacing: 1px;
    }
    #features06 .inner .text2 {
    color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 13%;
      line-height: 1.2;
      letter-spacing: 1px;
    }
    #features06 .inner .text3 {
    color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 13%;
      line-height: 1.2;
      letter-spacing: 1px;
    }
    #features06 a:link { color: #000000; }
    #features06 a:visited { color: #000000; }
    #features06 a:hover { color: #ff0000; }
    #features06 a:active { color: #ff8000; }

#features08 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_2Camera.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 69.34% 0 0 0; }
}
  #features08 .inner {
    width: 100%;
    text-align: left; }
    #features08 .inner .title {
    color: #000000;
      width: 80%;
      margin: -64% auto 6px 5%; }
    #features08 .inner .text {
    color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 5%;
      line-height: 1.2;
      letter-spacing: 1px;
    }
    #features08 a:link { color: #000000; }
    #features08 a:visited { color: #000000; }
    #features08 a:hover { color: #ff0000; }
    #features08 a:active { color: #ff8000; }


#features09 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_HigtReso.jpg') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 92.97% 0 0 0; }
}
  #features09 .inner {
    width: 100%;
    text-align: left; }
    #features09 .inner .title {
    color: #000000;
      width: 55%;
      margin: -80% auto 6px 5%; }
    #features09 .inner .text {
    color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top:0%;
      line-height: 1.2;
      letter-spacing: 1px;
    }
    #features09 a:link { color: #000000; }
    #features09 a:visited { color: #000000; }
    #features09 a:hover { color: #ff0000; }
    #features09 a:active { color: #ff8000; }

#features10 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_white_base.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 29.3% 0 0 0;
}
  #features10 .inner {
    width: 100%;
    text-align: left; }
    #features10 .inner .title {
      color: #000000;
      width: 90%;
      margin: -25% auto 6px 5%; }
    #features10 .inner .text {
      color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 4%;
      line-height: 1.0;
      letter-spacing: 1px;
    }
    #features10 a:link { color: #ffffff; }
    #features10 a:visited { color: #ffffff; }
    #features10 a:hover { color: #ff0000; }
    #features10 a:active { color: #ff8000; }

#features11 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_custom_bg.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 100.00% 0 0 0;
}
  #features11 .inner {
    width: 100%;
    text-align: left; }
    #features11 .inner .title {
      color: #000000;
      width: 90%;
      margin: -97% auto 6px 5%; }
    #features11 .inner .text {
      color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 3%;
      line-height: 1.0;
      letter-spacing: 1px;
    }
    #features11 .inner .title_sub1 {
      color: #000000;
      width: 90%;
      margin: 60% auto 6px 5%; }
    #features11 .inner .title_sub2 {
      color: #000000;
      width: 90%;
      margin: 3% auto 6px 5%; }
    #features11 a:link { color: #ffffff; }
    #features11 a:visited { color: #ffffff; }
    #features11 a:hover { color: #ff0000; }
    #features11 a:active { color: #ff8000; }

#features12 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_13-band_eq.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 39.06% 0 0 0;
}
  #features12 .inner {
    width: 100%;
    text-align: left; }
    #features12 .inner .title {
      color: #000000;
      width: 90%;
      margin: -35% auto 6px 5%; }
    #features12 .inner .text {
      color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 4%;
      line-height: 1.0;
      letter-spacing: 1px;
    }
    #features12 a:link { color: #ffffff; }
    #features12 a:visited { color: #ffffff; }
    #features12 a:hover { color: #ff0000; }
    #features12 a:active { color: #ff8000; }


#features14 {
  width: 100%;
  background:#000000 url('../images_sp/model_img_iPhone_Android_Music_Playback.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 43.95% 0 0 0;
}
  #features14 .inner {
    width: 100%;
    text-align: left; }
    #features14 .inner .title {
      color: #ffffff;
      width: 90%;
      margin: -41% auto 6px 5%; }
    #features14 .inner .text {
      color: #ffffff;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 3%;
      line-height: 1.0;
      letter-spacing: 1px;
    }
    #features14 a:link { color: #ffffff; }
    #features14 a:visited { color: #ffffff; }
    #features14 a:hover { color: #ff0000; }
    #features14 a:active { color: #ff8000; }

#features15 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_gradeup.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 48.83% 0 0 0;
}
  #features15 .inner {
    width: 100%;
    text-align: left; }
    #features15 .inner .title {
      color: #000000;
      width: 90%;
      margin: -45% auto 6px 5%; }
    #features15 .inner .text {
      color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 3%;
      line-height: 1.0;
      letter-spacing: 1px;
    }
    #features15 a:link { color: #ffffff; }
    #features15 a:visited { color: #ffffff; }
    #features15 a:hover { color: #ff0000; }
    #features15 a:active { color: #ff8000; }

#features16 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_gray_h340.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 33.2% 0 0 0;
}
  #features16 .inner {
    width: 100%;
    text-align: left; }
    #features16 .inner .title {
      color: #000000;
      width: 90%;
      margin: -30% auto 6px 5%; }
    #features16 .inner .text {
      color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 3%;
      line-height: 1.0;
      letter-spacing: 1px;
    }
    #features16 a:link { color: #ffffff; }
    #features16 a:visited { color: #ffffff; }
    #features16 a:hover { color: #ff0000; }
    #features16 a:active { color: #ff8000; }

#features17 {
  width: 100%;
  background:#000000 url('../images_sp/model_img_rds_black.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 48.83% 0 0 0;
}
  #features17 .inner {
    width: 100%;
    text-align: left; }
    #features17 .inner .title {
      color: #ffffff;
      width: 90%;
      margin: -45% auto 6px 5%; }
    #features17 .inner .text {
      color: #ffffff;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 3%;
      line-height: 1.0;
      letter-spacing: 1px;
    }
    #features17 a:link { color: #ffffff; }
    #features17 a:visited { color: #ffffff; }
    #features17 a:hover { color: #ff0000; }
    #features17 a:active { color: #ff8000; }

#features18 {
  width: 100%;
  background:#000000 url('../images_sp/model_img_advance_bluetooth.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 81.05% 0 0 0;
}
  #features18 .inner {
    width: 100%;
    text-align: left; }
    #features18 .inner .title {
      color: #ffffff;
      width: 90%;
      margin: -75% auto 6px 5%; }
    #features18 .inner .text {
      color: #ffffff;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 7%;
      line-height: 1.0;
      letter-spacing: 1px;
    }
    #features18 a:link { color: #ffffff; }
    #features18 a:visited { color: #ffffff; }
    #features18 a:hover { color: #ff0000; }
    #features18 a:active { color: #ff8000; }

#features19 {
  width: 100%;
  background:#000000 url('../images_sp/model_img_nfc.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 81.05% 0 0 0;
}
  #features19 .inner {
    width: 100%;
    text-align: left; }
    #features19 .inner .title {
      color: #ffffff;
      width: 90%;
      margin: -75% auto 6px 5%; }
    #features19 .inner .text {
      color: #ffffff;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 4%;
      line-height: 1.0;
      letter-spacing: 1px;
    }
    #features19 a:link { color: #ffffff; }
    #features19 a:visited { color: #ffffff; }
    #features19 a:hover { color: #ff0000; }
    #features19 a:active { color: #ff8000; }

#features20 {
  width: 100%;
  background:#000000 url('../images_sp/model_img_acc_black.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 48.83% 0 0 0;
}
  #features20 .inner {
    width: 100%;
    text-align: left; }
    #features20 .inner .title {
      color: #ffffff;
      width: 90%;
      margin: -45% auto 6px 5%; }
    #features20 .inner .text {
      color: #ffffff;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 3%;
      line-height: 1.0;
      letter-spacing: 1px;
    }
    #features20 a:link { color: #ffffff; }
    #features20 a:visited { color: #ffffff; }
    #features20 a:hover { color: #ff0000; }
    #features20 a:active { color: #ff8000; }

#features21 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_gradeup.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 74.32% 0 0 0;
}
  #features21 .inner {
    width: 100%;
    text-align: left; }
    #features21 .inner .title {
      color: #000000;
      width: 90%;
      margin: -70% auto 6px 5%; }
    #features21 .inner .text {
      color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 3%;
      line-height: 1.0;
      letter-spacing: 1px;
    }
    #features21 a:link { color: #ffffff; }
    #features21 a:visited { color: #ffffff; }
    #features21 a:hover { color: #ff0000; }
    #features21 a:active { color: #ff8000; }

#features22 {
  width: 100%;
  background:#000000 url('../images_sp/model_img_13Band-EQ.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 32.23% 0 0 0;
}
  #features22 .inner {
    width: 100%;
    text-align: left; }
    #features22 .inner .title {
      color: #ffffff;
      width: 90%;
      margin: -33% auto 6px 5%; }
    #features22 .inner .text {
      color: #ffffff;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 3%;
      line-height: 1.0;
      letter-spacing: 1px;
    }
    #features22 a:link { color: #ffffff; }
    #features22 a:visited { color: #ffffff; }
    #features22 a:hover { color: #ff0000; }
    #features22 a:active { color: #ff8000; }

#features23 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_handsfree.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 32.33% 0 0 0;
}
  #features23 .inner {
    width: 100%;
    text-align: left; }
    #features23 .inner .title {
      color: #000000;
      width: 90%;
      margin: -31% auto 6px 5%; }
    #features23 .inner .text {
      color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 2%;
      line-height: 1.0;
      letter-spacing: 1px;
    }
    #features23 a:link { color: #ffffff; }
    #features23 a:visited { color: #ffffff; }
    #features23 a:hover { color: #ff0000; }
    #features23 a:active { color: #ff8000; }

#features24 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_siri.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 58.79% 0 0 0;
}
  #features24 .inner {
    width: 100%;
    text-align: left; }
    #features24 .inner .title {
      color: #000000;
      width: 90%;
      margin: -57% auto 6px 5%; }
    #features24 .inner .text {
      color: #000000;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 2%;
      line-height: 1.0;
      letter-spacing: 1px;
    }
    #features24 a:link { color: #ffffff; }
    #features24 a:visited { color: #ffffff; }
    #features24 a:hover { color: #ff0000; }
    #features24 a:active { color: #ff8000; }


.acordion_area { display: none;}
#model_sub_menu {
	color: #FFFFFF;
	padding: 1% 5% 5% 5%;
}


/* -------------------------------------------
accordion
--------------------------------------------*/
.ac-menu .toggle_menu ul,
.ac-menu .toggle_menu li {
　　padding: 0;
　　margin: 0;
}
.ac_menu {
　　width: 220px;
　　padding: 0 ;
　　margin: 0;
　　list-style: none;
　　border-radius:7px;
　　border: 1px solid #aaaaaa;
　　background-color: #ffffff;
　　color: #000000;
}
.ac_menu p { 
　　color: #ffffff;
　　font-size: 16px;
　　line-height: 1.2;
　　padding-left: 10px;
　　margin: 0;
} 
.toggle_menu { 
　　cursor: pointer;
	color: #000000;
    background: #ffffff;
} 
.open_close {
　　display: block;
　　margin: 0;
　　padding: 0;
} 
.close_open {
　　display: none;
　　margin: 0;
　　padding: 0;
} 
.oya_1 {
	color: #000000;
    background: #ffffff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size:14px;
    line-height: 1.2;
}
.oya_2 {
	color: #000000;
    background: #ffffff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size:14px;
    line-height: 1.2;
}
.ad10p{
　　padding-left: 10px;
}
nav ul {
　　height: 0px; 
　　width: 100%;
}
nav li {
/*
　　font-size: 14px;
　　line-height: 1.2; 
　　cursor: pointer; 
　　width: 100%;
　　background-color: #e5e5e5;
　　border-top: 1px solid #aaaaaa;
　　display: block;
*/
　　cursor: pointer; 
	color: #000000;
    background: #ffffff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size:14px;
    line-height: 1.8;
	padding-left: 30px;
}
nav li a{ 
　　color: #000000;
　　padding-left: 10px;
　　display: block;
}
nav li a:hover {
　　color: #0000FF;
}


/* -------------------------------------------
accordion---ng
--------------------------------------------*/
.accordion-menu a.is-open::after,
.accordion-menu a.is-close::after {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -8px;
}
.accordion-menu a.is-open::after {
	content: "-";
}
.accordion-menu a.is-close::after {
	content: "+";
}

.theme-accordion dt,
.theme-accordion dd {
	border-bottom: 1px solid #90a4ae;
}
.theme-accordion dt {
	backgraund-color: #eceff1;
}
.theme-accordion dd {
	padding: 10px;
}