/* =============================================================
 * 検索サジェスト（jQuery UI autocomplete）に必要な最小スタイル
 * NFCEC-1306 速度改善
 *
 * 以前は全ページで Google CDN の smoothness テーマ一式（36.5KB）を
 * レンダーブロッキングで読み込んでいたが、サイト内で使う jQuery UI の
 * ウィジェットは autocomplete（ヘッダー検索サジェスト・全ページ）と
 * accordion（リフォーム見積り系4ページ）だけだった。
 * ここでは autocomplete に必要なルールだけを smoothness から写し、
 * 1x400 のグラデーション画像は同系色のベタ塗りに置き換えている
 * （accordion のある4ページは従来どおりテーマ一式を読み込む）。
 * ============================================================= */

/* autocomplete が挿入する読み上げ用ライブリージョン。
   この指定が無いと「○件の検索結果があります」が画面に出てしまう */
.ui-helper-hidden-accessible{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-front{
    z-index: 100;
}

.ui-autocomplete{
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu{
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}
.ui-menu .ui-menu{
    position: absolute;
}
.ui-menu .ui-menu-item{
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper{
    position: relative;
    padding: 3px 1em 3px .4em;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active{
    margin: -1px;
}

.ui-widget{
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget{
    font-size: 1em;
}
.ui-widget.ui-widget-content{
    border: 1px solid #d3d3d3;
}
.ui-widget-content{
    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #222222;
}
.ui-widget-content a{
    color: #222222;
}

/* 選択中の候補。元テーマは 1x400 のグラデーション画像だが、
   同系色のベタ塗りで見た目はほぼ変わらない */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus{
    border: 1px solid #999999;
    background: #dadada;
    font-weight: normal;
    color: #212121;
}
.ui-state-active,
.ui-widget-content .ui-state-active{
    border: 1px solid #aaaaaa;
    background: #ffffff;
    font-weight: normal;
    color: #212121;
}

.ui-corner-all{
    border-radius: 4px;
}