@charset "utf-8";


/*--------------------------------------------------*/
/* i-search                                         */
/*--------------------------------------------------*/


#i-search {
    margin: 20px 0px 0px 0px ;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
}
#contents_pec {
    background:#fff;
    padding-top:0px!important;
}
#i-search #search_contents .options_off {
    display: none!important; 
}


/*--------------------------------------------------*/
/* popup                                            */
/*--------------------------------------------------*/

#i-search #popupwin {
    z-index: 99999;
    position: absolute;
    margin-top: -150px;
    margin-left: -200px;
    top: 50%;
    left: 50%;
    background-repeat: no-repeat;
    background-position: top left;
}

#i-search #popupwin img {
    border:0px
}


/*--------------------------------------------------*/
/* search_input                                     */
/*--------------------------------------------------*/

/*検索窓を中心に寄せる*/

@media screen and (min-width: 640px) {
#i-search .search_text_area{
text-align:center;
}
.search_container{
width:446px;
margin:auto;
}
#i-search .search_text_area .search_container p{
text-align:left;
margin-top:10px;
}
#i-search .search_container .under_form p{
text-align:left;
margin-top:10px;
}
}
#i-search .search_input {
    margin: 0px 0px 10px 10px;
}

#i-search .search_input .search_str {
}

#i-search .search_input .text_input {
    height: 28px;
    width: 380px;
    margin-left: 0px;
    border: 1px solid #666;
}
@media screen and (max-width: 640px) {
#i-search .search_input .text_input {
    width: 70%;
}
#i-search #search_select {
    display:none;
}
}

#i-search .search_input .submit_button {
    position: relative;
    top: 12px;
    height:32px;
}

 /*safariのみに適用*//*iPad調整*/
 _::-webkit-full-page-media, _:future, :root #i-search .search_input .text_input {
     height: 28px;
     width: 370px !important;
     margin-left: 0px;
     border: 1px solid #666 !important;
     border-right: none !important;
 }
 /*初期型 iPad調整*/
     @media screen and (-webkit-min-device-pixel-ratio:0) {
   ::i-block-chrome, #i-search .search_input .text_input {
     height: 28px !important;
     width: 370px !important;
     margin-left: 0px !important;
     border: 1px solid #666 !important;
     border-right: none !important;
   }
 }


@media screen and (max-width: 640px) {
 /*safariのみに適用*//*iPhone調整*/
 _::-webkit-full-page-media, _:future, :root #i-search .search_input .text_input {
     width: 70% !important;
 }
 }



 /*safariのみに適用*/
 _::-webkit-full-page-media, _:future, :root #i-search .search_input .submit_button {
    border-radius: 0 !important;
    -webkit-appearance: none;
    position: relative; 
    top: 14px;
    height:36px;
    width: 62px !important;
 }
 /*初期型 iPad調整*/
     @media screen and (-webkit-min-device-pixel-ratio:0) {
   ::i-block-chrome, #i-search .search_input .submit_button {
    border-radius: 0 !important;
    -webkit-appearance: none !important;
    position: relative !important; 
    top: 13px !important;
    height:36px !important;
    width: 62px !important;
   }
 }
@media screen and (min-width: 640px) {
#i-search #search_contents .option{
display:none;
} 
}

#i-search #search_contents .options table tbody tr td span{
color:#B91440;
margin-left:15px;
margin-top:1px;
}
#i-search #search_contents .options table tbody tr td input{
/*margin-top:3px;*/
-moz-appearance:radio;
-webkit-appearance:radio;
-o-appearance:radio;
-ms-appearance:radio;
margin-left:5px;
margin-right:5px;
vertical-align: middle;
}
/*--------------------------------------------------*/
/* predict_box                                      */
/*--------------------------------------------------*/

#i-search .predict_box {
    margin: 0px 0px 10px 0px;
}

#i-search .predict_box .bac {
    color: red;
}


/*--------------------------------------------------*/
/* relation_contents                                */
/*--------------------------------------------------*/

h2.contTtl_pec{
margin-top:10px;
}
@media screen and (min-width: 640px) {
#i-search .relevance_area ul li.heightLine-a1{
margin:auto;
display:table-cell;
vertical-align:top;
}
#i-search .relevance_area {
border:1px solid #999;
margin-bottom:20px;
}
#i-search .relevance_area ul{
width:100%;
text-align:center;
display:table;
margin-top:20px;
margin-botto,:10px;
}
#i-search .relevance_area ul li.heightLine-a1 p{
word-break:break-all;
width:133px;
margin:auto;
line-height:16px;
margin-top:6px;
}
#i-search #search_contents .grid4_pec{
margin:auto !important;
float:none!important;
}
}

@media screen and (max-width: 640px) {
#i-search .relevance_area ul li.heightLine-a1{
min-height:175px;
}
#i-search .relevance_area ul li.heightLine-a1 p{
word-break:break-all;
width:100%;
text-align:center!important;
margin-top:10px !important;
}
}


#i-search #relation_contents {
    border: solid #999 1px;
    width: 700px;
    overflow: hidden;
    margin: 0px auto 10px auto;
    padding: 0px;
    text-align: center;
}

#i-search #relation_contents .relation_results {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 15px;
    float: left;
    width: 120px;
}

#i-search #relation_contents .relation_results .image_area {
}

#i-search #relation_contents .relation_results .comment_area {
    word-break: break-all;
    overflow: hidden;
    padding: 3px 2px;
    text-align: left;
    line-height: 110%;
}


/*--------------------------------------------------*/
/* relation_contents-table                          */
/*--------------------------------------------------*/
/* 関連コンテンツの均等割りテーブル仕様暫定版 */

#i-search #relative_table {
  border-top:    solid 1px #ccc;
  border-bottom: solid 1px #999;
  border-left:   solid 1px #ccc;
  border-right:  solid 1px #999;
  clear: both;
  width: 996px;
  margin: 0px auto 20px auto;
  padding: 0px 2.5px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url("../img/relative_back.jpg");
}

#i-search #relative_table .relative_td {
    padding: 35px 0px 10px 0px;
}

#i-search #relative_table .relative_title {
  text-align: center;
  vertical-align: top;
}
#i-search #relative_table .relative_td .relative_sub_table {
  margin: 0px auto;
  width: 120px;
}

#i-search #relative_table .relative_td .relative_sub_table td{
  text-align: center;
  padding: 0px;
}


/*--------------------------------------------------*/
/* search_contents                                  */
/*--------------------------------------------------*/
#i-search #search_contents {
    margin: 0px auto 0px auto;
    width: 100%;
    clear: both;
    border-bottom: dashed 1px #ccc;
    overflow: hidden;
}
h2.contTtl_pec2 {
    background: rgba(0, 0, 0, 0) url("http://pioneer.jp/assets/img/ttl_underline_long.gif") no-repeat scroll left bottom;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 0 13px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 0 3px;
}
@media screen and (max-width: 640px) {
h2.contTtl_pec2 {
    display:none;
}
#i-search #search_contents a.result_link .uri_area p{
line-height:16px;
}
}
#i-search #search_contents .result_str {
    margin: 0px 0px 10px 0px;
        overflow:hidden;
        word-break:break-all;
}
@media screen and (min-width: 640px) {
}

#i-search #search_contents .result_str .word {
    font-size: 14px;
    font-weight: bold;
    color:#B91440;
}

#i-search #search_contents .result_str .count {
    font-size: 14px;
    font-weight: bold;
}

#i-search #search_contents .search_results {
    width: 100%;
    overflow: hidden;
    clear: both;
    margin: 0px;
    padding: 10px 0px 10px 0px;
    border-top: dashed 1px #ccc;
    cursor: pointer;
}
#i-search #search_contents .search_results:hover {
    background:#eee;
}
#i-search #search_contents a.result_link:hover {
    text-decoration:none!important;
}

#i-search #search_contents .search_results .image_area {
    margin: 0px 0px 0px 0px;
}
.search_results .body_area .keyword{
    background: #FF0;
    padding: 0px 2px;
}
@media screen and (max-width: 640px) {
#i-search #search_contents .search_results .image_area {
    margin-right:10px;
}
#i-search #search_contents .search_results .image_area img {
}
#i-search #search_contents .options {
    background: #eee;
    display: inline-block; 
    padding: 5px 15px 5px 0px;
}

}

#i-search #search_contents .search_results .image_area img {
    margin: 0px 10px 0px 0px;
}

#i-search #search_contents .search_results .title_area {
    padding: 0px 0px 10px 0px;
}

#i-search .faq_contents .search_results .title_area ,
#i-search .faq_contents .search_results .title_area_sp {
    background:url(https://jpn.pioneer/ja/support/purpose/faq/img/q_img.png) top left no-repeat;
    background-size:22px;
}

#i-search #search_contents .search_results .title_area p {
font-size:15px;
}

#i-search .faq_contents .search_results p.arrow_pec {
    background:url(https://jpn.pioneer/assets/img/icon_arrow_op.png) left no-repeat;
    padding:2px 0 0 14px; 
    margin-left:30px;
}

#i-search .faq_contents .faq_category{
    padding:0 0 10px 0;
}

#i-search #search_contents .search_results .body_area {
    line-height: 120%;
    padding: 0px 0px 10px 0px;
}


#i-search #search_contents .search_results .uri_area {
}

#i-search #search_contents .search_results .uri_area a {
}


/*--------------------------------------------------*/
/* paging_area                                      */
/*--------------------------------------------------*/

@media screen and (min-width: 640px) {
/*ページャーを真ん中に寄せる*/
#i-search .grid4_pec .pager_pec ul.pc{
display:inline-block!important;
float:none;
}
#i-search div.grid4_pec ul.sp {
    display: none;
}
#i-search .grid4_pec {
    width: 100%;
    margin-top:15px;
}
#i-search .grid4_pec .pager_pec{
text-align:center!important;
}




}

@media screen and (max-width: 640px) {
/*ページャーを真ん中に寄せる*/
#i-search .grid4_pec {
    margin-top:15px;
}
#i-search .grid4_pec .pager_pec{
text-align:center!important;
height:auto!important;
margin-bottom:0px!important;
padding-bottom:0px!important;
}
#i-search .grid4_pec .pager_pec ul.sp{
display:inline-block!important;
float:none;
}
#i-search div.grid4_pec ul.pc {
    display: none;
}
#i-search .search_input #search_contents ul#result_list p.popup_ex {
    display: none;
}
}
@media screen and (min-width: 640px) {
.clearfix_pec .grid4_pec{
    margin-top: 70px;
    width:100% !important;
}

#i-search .grid4_pec .under_page ul.pc{
float:none!important;
}

#i-search .under_page_area{
margin-left:250px;
}

#i-search .grid4_pec .under_page{
float:none;
}
#i-search form.under_form{
text-align:center;
}
#i-search #search_contents .grid4_pec ul.pc{
margin-top:15px !important;
}
}
#i-search .paging_area {
    text-align: center;
    margin: 20px 0px;
    clear: both;
}
#i-search .paging_area a {
    margin: 0px 10px 0px 0px;
    text-decoration: underline;
}
#i-search .paging_area strong, #i-search .paging_area .current {
    margin: 0px 10px 0px 0px;
    font-weight: bold;
}
#i-search .paging_area .counter {
    text-align: center;
}

#i-search .paging_area .case {
    float: right;
}
#i-search .paging_area .case .gray {
    color:gray;
}
#i-search .ord_area {
    float: left;
}
#i-search .grid4_pec ul .pc{
    display:none;
}



/*--------------------------------------------------*/
/* search_options                                   */
/*--------------------------------------------------*/


#options_open {
    margin: 0px 0px 0px 5px;
    width: 140px;
    border-top: solid #999 1px;
    border-left: solid #999 1px;
    border-right: solid #999 2px;
    border-bottom: solid #999 2px;
    cursor: pointer;
    background: #fff;
    text-align: center;
    line-height: 20px;
}

#options_close {
    margin: 10px auto 0px auto;
    width: 140px;
    border-top: solid #999 1px;
    border-left: solid #999 1px;
    border-right: solid #999 2px;
    border-bottom: solid #999 2px;
    cursor: pointer;
    background: #fff;
    text-align: center;
    line-height: 20px;
}

#search_options {
    z-index: 9999;
    clear: both;
    width: 197px;
    position: absolute;
    border-top: solid #999 1px;
    border-left: solid #999 1px;
    border-right: solid #999 2px;
    border-bottom: solid #999 2px;
    font-size: 12px;
    padding: 0px 0px 5px 0px;
    background: #fff;
    display: none;
}

#search_options .title_area {
    margin: 0px;
    display: none;
}

#search_options .body_area {
}


/* 表示件数指定機能 */
#search_options .body_area #cpn_area {
    clear:both;
    margin: 0px 0px 5px 0px;
}

#search_options .body_area #cpn_area .title_str {
    line-height: 20px;
    padding: 0px 10px;
    background: #999;
    color: #fff;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    display: block;
    overflow: visible;
    white-space: nowrap;
}

#search_options .body_area #cpn_area input {
    margin: 0px 0px 0px 10px;
}

/* サムネイルサイズ指定機能 */
#search_options .body_area #thumbnailSizeSelect_area {
    clear:both;
}

#search_options .body_area #thumbnailSizeSelect_area .title_str {
    line-height: 20px;
    padding: 0px 10px;
    background: #999;
    color: #fff;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    display: block;
    overflow: visible;
    white-space: nowrap;
}

#search_options .body_area #thumbnailSizeSelect_area input {
    margin: 0px 0px 0px 10px;
}




/*--------------------------------------------------*/
/* etc                                              */
/*--------------------------------------------------*/

body, td, div, .p, a {
}

#i-search .image_area img {
    border: solid 1px #999;
}

#i-search .clear_both {
    clear: both;
    display: block;
}



/*--------------------------------------------------*/
/* over write                                       */
/*--------------------------------------------------*/

.pdf_switch {
    margin:0px !important;
}
.pdf_switch strong{
    margin:0px !important;
}
.pdf_switch a{
    margin:0px !important;
}
html.no-js body div#container_pec.index div#contents_pec.pdT57_pec div#container div#i-search div#relative h2 {
    display:none;
}
html.no-js body div#container_sp_pec.SpLayout_pec div#relative {
    width:100%;
    overflow:hidden;
}
@media screen and (max-width: 640px) {
    html.no-js body div#container_sp_pec.SpLayout_pec div#relative table#relative_table,
    html.no-js body div#container_sp_pec.SpLayout_pec div#relative table#relative_table th,
    html.no-js body div#container_sp_pec.SpLayout_pec div#relative table#relative_table td,
    html.no-js body div#container_sp_pec.SpLayout_pec div#relative table#relative_table tr{
       display: block;
       float:left;
       clear:both;
    }
    html.no-js body div#container_sp_pec.SpLayout_pec div#relative table#relative_table tbody tr td.relative_td table.relative_sub_table
    html.no-js body div#container_sp_pec.SpLayout_pec div#relative  table#relative_table{
        margin:0 0 0 6px;
    }
    html.no-js body div#container_sp_pec.SpLayout_pec div#relative table#relative_table tbody tr td.relative_td table.relative_sub_table tbody tr td div.image_area {
    }
    html.no-js body div#container_sp_pec.SpLayout_pec div#relative table#relative_table tbody tr td.relative_td table.relative_sub_table tbody tr td div.comment_area a ,
    html.no-js body div#container_sp_pec.SpLayout_pec div#search_contents2 div.search_results div.title_area a {
        background: url("http://pioneer.jp/assets/img/icon_arrow_op.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
        display: inline-block;
        padding: 0 0 0 12px;
    }
    html.no-js body div#container_sp_pec.SpLayout_pec div#search_contents2 div.search_results div.title_area a {
        font-weight:bold;
        font-size:115%;
        margin-bottom:5px;
    }
    html.no-js body div#container_sp_pec.SpLayout_pec div#relative h2 {
        background: url("../img/ttl_undeline.gif") no-repeat scroll left bottom rgba(0, 0, 0, 0) !important;
        color: #333333;
        font-size: 15px;
        font-weight: bold;
        line-height: 1.3;
        margin: 20px 0 13px 6px;
        padding: 0 0 8px 8px;
    }
    html.no-js body div#container_sp_pec.SpLayout_pec div#relative {
        margin-bottom:20px;
    }
    html.no-js body div#container_sp_pec.SpLayout_pec div.result_str h2 {
        overflow:hidden;
        word-break:break-all;
        background: url("../img/ttl_undeline.gif") no-repeat scroll left bottom rgba(0, 0, 0, 0) !important;
        color: #333333;
        font-size: 15px;
        font-weight: bold;
        line-height: 1.3;
        margin: 20px 6px 13px 6px;
        padding: 0 8px 8px 8px;
    }
    html.no-js body div#container_sp_pec.SpLayout_pec div.result_str h2 .word{
    color:#B91440;
    }
    html.no-js body div#container_sp_pec.SpLayout_pec div#search_contents2 div.search_results {
        margin:10px 0;
        padding:10px 0;
        border-bottom: dashed 1px #ccc;
    }
    html.no-js body div#container_sp_pec.SpLayout_pec div#search_contents2 div.search_results div.image_area,
    html.no-js body div#container_sp_pec.SpLayout_pec div#search_contents2 div.search_results div.uri_area {
        display:none;
    }
    html.no-js body div#container_sp_pec.SpLayout_pec div#search_contents2 {
        border:1px solid #ccc;
        margin: 0px 6px;
        padding:0px 10px;
        overflow:hidden;
        word-break:break-all;
    }
    /*--------------------------------------------------*/
    /* paging_area                                      */
    /*--------------------------------------------------*/
    .global_navi_pec .pdT85_pec{
    padding:0px !important;
    }
    
    }
    
    html.no-js body div#container_sp_pec.SpLayout_pec div#search_contents2 div.paging_area {
        text-align: center;
        margin: 25px 0px;
        clear: both;
    }
    html.no-js body div#container_sp_pec.SpLayout_pec div#search_contents2 div.paging_area a {
        border: 1px solid #C0C0C0;
        margin: 0 5px 0 0;
        padding: 3px 8px;
        text-decoration: none;
        font-size:12px;
        display:inline-block;
    }
    
    html.no-js body div#container_sp_pec.SpLayout_pec div#search_contents2 div.paging_area strong {
        border: 1px solid #C0C0C0;
        background-color:#333;
        color:#FFFFFF;
        font-weight: bold;
        margin: 0 5px 0 0;
        padding: 3px 8px!important;
        font-size:12px;
        display:inline-block;
    }
    html.no-js body div#container_sp_pec.SpLayout_pec div.option {
        margin:6px;
    }
    
}



/* vim: set syntax=css sw=4 fdm=marker: */