#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: 140px;
  background: #000000;
}
#link_box .text {
  display: block;
  width: 98%;
  height: 30px;
  background: #ddd;
  font-size: 18px;
  font-weight: bold;
  padding-left: 2%;
  color: #000000;
  float: left;
}
#link_box .text2 {
  display: block;
  width: 88%;
  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: 16px;
  font-weight: bold;
  padding-left: 2%;
  color: #ffffff;
  float: none;
}
.link_box2 .text2 {
  display: block;
  width: 98%;
  height: 30px;
  font-size: 16px;
  font-weight: bold;
  padding-left: 2%;
  color: #ffffff;
  float: left;
}
.link_box2 .list {
  padding: 0 0px 20px 20px;
  margin-bottom: 10px;
  float: left;
}
.link_box2 a {
  color: #ffffff;
}

.link_list {
	width: 98%;
	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, .title_box{
    color: #ffffff;
    font-size: 200%;
  }
  .text, .text_box {
    color: #ffffff;
    font-size: 180%;
  }
  .text2, .text3{
    color: #ffffff;
    font-size: 180%;
  }
}

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


.title_box {
	display: box;
	width: 100%
	min-height: 150px;
	background: #000000;
}
.title_box .title {
      width: 90%;
	  padding-top: 0%;
	  margin-left: 7%;
	  margin-right: 7%;
	background: #000000;
}
.title_box .text_s {
      line-height: 1.2;
      letter-spacing: 1px;
	  margin-left: 7%;
	  margin-right: 7%;
	  margin-top: 0%;
	background: #000000;
}

.line_hr {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 5%;
	padding-right: 5%;
    background: #000000;
}
.line_hr hr {
	border-width: 1px;
	border-style: dotted;
	margin-top: 6px;
	margin-bottom: 6px;
}
.text_box {
	display: box;
	width: 100%
      color: #ffffff;
	  padding-left: 7%;
	  padding-right: 7%;
	  padding-top: 0%;
      letter-spacing: 1px;
      background: #000000;
}
.new {
	display: inline;
	  padding-left: 7%;
}
#keyvisual01 {
  width: 100%;
  background:#000000 url('../images_sp/hqreference_section02_keyvisual.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 54.69% 0 0 0;
}
#keyvisual00 {
  width: 100%;
  background:#000000 url('../images_sp/hqreference_section01_keyvisual.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 45.12% 0 0 0;
}

#option01 {
  width: 100%;
  background:#000000 url('../images_sp/kac-hqr1004.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 55.27% 0 0 0;
}

#option02 {
  width: 100%;
  background:#000000 url('../images_sp/KAC-HQR9500.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 55.27% 0 0 0;
}

#option03 {
  width: 100%;
  background:#000000 url('../images_sp/KAC-HQR9400.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 55.27% 0 0 0;
}

#option04 {
  width: 100%;
  background:#000000 url('../images_sp/KAC-HQR8400.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 55.27% 0 0 0;
}

#keyv05 {
  width: 100%;
  background:#000000 url('../images_sp/hqreference_section03_keyvisual.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 41.02% 0 0 0;
}

#option05 {
  width: 100%;
  background:#000000 url('../images_sp/kfc-hqr710ex.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 41.02% 0 0 0;
}

#keyv06 {
  width: 100%;
  background:#000000 url('../images_sp/hqreference_section04_keyvisual.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 41.02% 0 0 0;
}
#option06 {
  width: 100%;
  background:#000000 url('../images_sp/KFC-HQR3000.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 55.27% 0 0 0;
}

#keyv07 {
  width: 100%;
  background:#000000 url('../images_sp/hqreference_section05_keyvisual.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 41.02% 0 0 0;
}

#option07 {
  width: 100%;
  background:#000000 url('../images_sp/KFC-HQ718.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 55.27% 0 0 0;
}

#option08 {
  width: 100%;
  background:#000000 url('../images_sp/KFC-HQ718.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 55.278% 0 0 0;
}

#option09 {
  width: 100%;
  background:#000000 url('../images_sp/KFC-HQR3000.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 55.27% 0 0 0;
}

#option10 {
  width: 100%;
  background:#000000 url('../images_sp/model_img_acc_CA-C3AV.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 21.48% 0 0 0;
}

#option11 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_acc_CMOS-320.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 21.48% 0 0 0;
}

#option12 {
  width: 100%;
  background:#ffffff url('../images_sp/model_img_acc_CMOS-130.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 21.48% 0 0 0;
}

.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;
}
/*-----------------------------------------------
	table.spec
-----------------------------------------------*/

table.spec {
	width: 80%;
	margin-left: 7%;
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 5%;
}

table.spec th,
table.spec td {
	color: #ffffff;
	border-bottom: 1px solid #666;
	padding-bottom: 8px;
	padding-top: 8px;
	text-align: left;
}

table.spec th {
	font-weight: normal;
	padding-left: 15px;
}

table.spec th span {
	font-size: 12px;
}

table.spec em {
	color: #ff0000;
	font-style: normal;
	font-weight: normal;
}