#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: 100px;
  background: #000;
}
#link_box .text {
  display: block;
  width: 98%;
  height: 30px;
  background: #ddd;
  font-size: 24px;
  font-weight: bold;
  padding-left: 2%;
  color: #000;
  float: left;
}
#link_box .text {
  display: block;
  width: 98%;
  height: 30px;
  background: #ddd;
  font-size: 24px;
  font-weight: bold;
  padding-left: 2%;
  color: #000;
  float: left;
}
#link_box .text_box{
  display: block;
  width: 86%;
  height: 30px;
  padding-left: 7%;
  padding-right: 7%;
  float: left;
}
#link_box .list {
  padding: 0 0 20px 20px;
  float: left;
}
#link_box a {
  color: #fff;
}

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

.link_list {
	width: 98%;
	padding:0px;
	margin:0px;
  background: #000;
}

.link_list ul{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
    color: #fff;
}
 
.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: #fff;
    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;
}
.spacer{
	height: 40px;
}

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

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


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

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

#option01_t {
  width: 100%;
  background:#000;
}
#option01_t .tab_img_01{
  width: 100%;
  background:#000 url('../images_sp/setup-02b.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 36.63% 0 0 0; 
}

#option02_t .tab_img_setup2-01{
  width: 100%;
  background:#000 url('../images_sp/setup2-01.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 57.69% 0 0 0; 
}
#option02_t .tab_img_setup2-02{
  width: 100%;
  background:#000 url('../images_sp/setup2-02.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 57.69% 0 0 0; 
}
#option02_t .tab_img_setup2-03{
  width: 100%;
  background:#000 url('../images_sp/setup2-03.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 57.69% 0 0 0; 
}
#option02_t .tab_img_setup2-04{
  width: 100%;
  background:#000 url('../images_sp/setup2-04.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 57.69% 0 0 0; 
}
#option02_t .tab_img_setup2-05{
  width: 100%;
  background:#000 url('../images_sp/setup2-05.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 57.69% 0 0 0; 
}
#option02_t .tab_img_setup2-06{
  width: 100%;
  background:#000 url('../images_sp/setup2-06.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 57.69% 0 0 0; 
}
#option02_t .tab_img_setup2-07{
  width: 100%;
  background:#000 url('../images_sp/setup2-07.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 57.69% 0 0 0; 
}
#option02_t .tab_img_setup2-08{
  width: 100%;
  background:#000 url('../images_sp/setup2-08.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 57.69% 0 0 0; 
}
#option02_t .tab_img_setup2-09{
  width: 100%;
  background:#000 url('../images_sp/setup2-09.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 57.69% 0 0 0; 
}
#option02_t .tab_img_setup2-10{
  width: 100%;
  background:#000 url('../images_sp/setup2-10.png') top center no-repeat;
  background-size: contain;
  height: 0;
  padding: 57.69% 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.oem
-----------------------------------------------*/
.tabwrap {
	width: 100%;
    background: #000;
	padding-bottom: 5%;
}

table.oem th td{
	border: none;
}

table.oem {
	width: 90%;
	margin-left: 7%;
	font-size: 14px;
	line-height: 1.2;
    background: #000;
}

table.oem th {
    background: #000;
	color: #fff;
	padding-bottom: 8px;
	padding-top: 8px;
	text-align: left;
	font-weight: normal;
	padding-left: 0px;
}

table.oem td {
	padding-bottom: 8px;
	padding-top: 8px;
}
.tab_tag{
	color: #fff;
	background: #000;
	text-align: left;
	padding-left: 5px;
}
.tab_tag2{
	color: #fff;
	background: #000;
	text-align: center;
	padding-left: 5px;
}

.tab_green{
	color: #fff;
	background: green;
	text-align: center;
}
.tab_purple{
	color: #fff;
	background: purple;
	text-align: center;
}
.tab_gray{
	color: #fff;
	background: gray;
	text-align: center;
}
.tab_nc{
	color: #000;
	background: #fff;
	text-align: center;
}

table.oem td{
	padding-bottom: 8px;
	padding-top: 8px;
}

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

table.oem em {
	color: #ff0000;
	font-style: normal;
	font-weight: normal;
}
.font_blue{
	display: inline;
	color: #00ccff;
}