@charset "shift-jis";

/* === ウイルスクリアリニューアルまでの暫定処理 === */
h1.legacy, div.h1fvc_sup {height: 53px; margin: 0;}
h1.legacy img {margin-top: 3px;}
div.h1fvc_sup img {margin-top: 1px;}

div.h1fvc_sup {display: none;}
body.gn_sup div.h1fvc_sup {display: block;}
body.gn_sup div.h1fvc {display: none;}

body.gn_sup.fvcindex div.h1fvc_sup,
body.gn_sup.fvcindex .cnavi-special {display: none;}
body.gn_sup.fvcindex div.h1fvc {display: block;}
body.gn_sup.fvcindex div.h1fvc h1 {padding: 0 0 0 5px;}

/* === /ウイルスクリアリニューアルまでの暫定処理 === */

/* === clearfix === */
#contents-navi:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}
#contents-navi {list-style: none; margin-bottom: 25px;zoom: 1; clear: both; height: 32px;
background: url(/shared/legacy/images/navi/_cnavi_bg.gif) top repeat-x;
border-top: 2px solid #777 !important; margin: 0 0 15px 0; padding:0; line-height: 100%;
}

#contents-navi span {display :none;}
#contents-navi li {margin: 0; float: left;}

.index #contents-navi {height: 31px; margin-bottom: 15px; overflow: hidden;} /* トップのみドットライン隠す */

.customer .cnavi-special {display: none !important;}

/* サポート情報 */
#contents-navi #support a,

/*  === カスタマー配下、サポート外タブアクティブ(http://flets.com/customer/tec/v6option/connect/) === */
body.device #contents-navi #support a {width: 90px; height: 32px; display:block; background:url(/shared/legacy/images/navi/support.gif) no-repeat top left}
body.device #contents-navi #support a:hover,
/*  終了 === */

#contents-navi #support a:hover,
.support #contents-navi #support a,
.gn_sup #contents-navi #support a {background-position: left -40px}

/* サービス内容 */
#contents-navi #service a {width: 95px; height: 32px; display:block; background: url(/shared/legacy/images/navi/service.gif) no-repeat left top}
#contents-navi #service a:hover,
.service #contents-navi #service a {background-position: left -40px}

/* オプション */
#contents-navi #option a {width: 76px; height: 32px; display:block; background:url(/shared/legacy/images/navi/option.gif) no-repeat top left}
#contents-navi #option a:hover,
.option #contents-navi #option a {background-position: left -40px}

/* オプション(ftv) */
#contents-navi #op_ch a {width: 95px; height: 32px; display:block; background:url(/shared/legacy/images/navi/op_ch.gif) no-repeat top left}
#contents-navi #op_ch a:hover,
.op_ch #contents-navi #op_ch a {background-position: left -40px}

/* 月額利用料 */
#contents-navi #fee-m a {width: 81px; height: 32px; display:block; background:url(/shared/legacy/images/navi/fee_m.gif) no-repeat top left}
#contents-navi #fee-m a:hover,
.fee #contents-navi #fee-m a {background-position: left -40px}

/* 初期費用・導入費用 */
#contents-navi #fee-i a {width: 115px; height: 32px; display:block; background:url(/shared/legacy/images/navi/fee_i.gif) no-repeat top left}
#contents-navi #fee-i a:hover,
.initial #contents-navi #fee-i a {background-position: left -40px}

/* 提供エリア */
#contents-navi #area a {width: 77px; height: 32px; display:block; background:url(/shared/legacy/images/navi/area.gif) no-repeat top left}
#contents-navi #area a:hover,
.area #contents-navi #area a {background-position: left -40px}

/* お申し込み方法 */
#contents-navi #flow a {width: 101px; height: 32px; display:block; background:url(/shared/legacy/images/navi/orderflow.gif) no-repeat top left}
#contents-navi #flow a:hover,
.flow #contents-navi #flow a {background-position: left -40px}

/* よくあるご質問（タブ） */
#contents-navi #faq a {width: 101px; height: 32px; display:block; background:url(/shared/legacy/images/navi/faq.gif) no-repeat top left}
#contents-navi #faq a:hover,
.faq #contents-navi #faq a {background-position: left -40px}

/* よくあるご質問（ボタン） */
#contents-navi li#faq-btn {float: right;}
#contents-navi li#faq-btn a {width: 94px; height: 32px; display:block; background:url(/shared/legacy/images/navi/faq_btn.gif) no-repeat top left; margin-right: 5px;}
#contents-navi li#faq-btn a:hover {background-position: left -40px}

/* 料金 */
#contents-navi #fee a {width: 69px; height: 32px; display:block; background:url(/shared/legacy/images/navi/fee.gif) no-repeat top left}
#contents-navi #fee a:hover,
.fee #contents-navi #fee a {background-position: left -40px}

/* 導入工事 */
#contents-navi #koji a {width: 69px; height: 32px; display:block; background:url(/shared/legacy/images/navi/koji.gif) no-repeat top left}
#contents-navi #koji a:hover,
.koji #contents-navi #koji a {background-position: left -40px}

/* 提供条件 */
#contents-navi #offer a {width: 69px; height: 32px; display:block; background:url(/shared/legacy/images/navi/offer.gif) no-repeat top left}
#contents-navi #offer a:hover,
.offer #contents-navi #offer a {background-position: left -40px}

/* ご利用上の注意 */
#contents-navi #attent a {width: 107px; height: 32px; display:block; background:url(/shared/legacy/images/navi/attention.gif) no-repeat top left}
#contents-navi #attent a:hover,
.attent #contents-navi #attent a {background-position: left -40px}

/* プロバイダー */
#contents-navi #isp a {width: 89px; height: 32px; display:block; background:url(/shared/legacy/images/navi/isp.gif) no-repeat top left}
#contents-navi #isp a:hover,
.isp #contents-navi #isp a {background-position: left -40px}

/* ご利用規約 */
#contents-navi #agreement a {width: 81px; height: 32px; display:block; background:url(/shared/legacy/images/navi/agreement.gif) no-repeat top left}
#contents-navi #agreement a:hover,
.agreement #contents-navi #agreement a {background-position: left -40px}

/* 接続方法 */
#contents-navi #connect a {width: 69px; height: 32px; display:block; background:url(/shared/legacy/images/navi/connect.gif) no-repeat top left}
#contents-navi #connect a:hover,
.connect #contents-navi #connect a {background-position: left -40px}

/* 対応機器・機器料金 */
#contents-navi #devicefee a {width: 117px; height: 32px; display:block; background:url(/shared/legacy/images/navi/devicefee.gif) no-repeat top left}
#contents-navi #devicefee a:hover,
.devicefee #contents-navi #devicefee a {background-position: left -40px}

/* 登録・変更・解除手続きの流れ */
#contents-navi #infoflow a {width: 158px; height: 32px; display:block; background:url(/shared/legacy/images/navi/infoflow.gif) no-repeat top left}
#contents-navi #infoflow a:hover,
.infoflow #contents-navi #infoflow a {background-position: left -40px}

/* 提供プロバイダー（プロバイダーの画像を読み込んでいます） */
#contents-navi #pvd a {width: 115px; height: 32px; display:block; background:url(/shared/legacy/images/navi/pvd.gif) no-repeat top left}
#contents-navi #pvd a:hover,
.pvd #contents-navi #pvd a {background-position: left -40px}

/* 対応プロバイダー */
#contents-navi #pbd a {width: 88px; height: 32px; display:block; background:url(/shared/legacy/images/navi/pbd2.gif) no-repeat top left}
#contents-navi #pbd a:hover,
.pbd #contents-navi #pbd a {background-position: left -40px}

/* 必要な機器 */
#contents-navi #setup a {width: 81px; height: 32px; display:block; background:url(/shared/legacy/images/navi/setup.gif) no-repeat top left}
#contents-navi #setup a:hover,
.setup #contents-navi #setup a {background-position: left -40px}

/* 対応プロバイダー/設定情報 */
#contents-navi #pvdsetinfo a {width: 142px; height: 32px; display:block; background:url(/shared/legacy/images/navi/isp_setting.gif) no-repeat top left}
#contents-navi #pvdsetinfo a:hover,
.pvdsetinfo #contents-navi #pvdsetinfo a {background-position: left -40px}

/* 導入事例・ご利用シーン */
#contents-navi #casescene a {width: 130px; height: 32px; display:block; background:url(/shared/legacy/images/navi/casescene.gif) no-repeat top left}
#contents-navi #casescene a:hover,
.casescene #contents-navi #casescene a {background-position: left -40px}

/* ご利用シーン */
#contents-navi #scene a {width: 89px; height: 32px; display:block; background:url(/shared/legacy/images/navi/scene.gif) no-repeat top left}
#contents-navi #scene a:hover,
.scene #contents-navi #scene a {background-position: left -40px}


/* 導入事例 */
#contents-navi #case a {width: 69px; height: 32px; display:block; background:url(/shared/legacy/images/navi/case.gif) no-repeat top left}
#contents-navi #case a:hover,
.case #contents-navi #case a {background-position: left -40px}


/* お申し込み受付ページ */
#contents-navi #infoorder a {width: 150px; height: 32px; display:block; background:url(/shared/legacy/images/navi/infoorder.gif) no-repeat top left}
#contents-navi #infoorder a:hover,
.infoorder #contents-navi #infoorder a {background-position: left -40px}

/* フレッツフォン */

/* vp3000 */
#contents-navi #vp3000 a {width: 67px; height: 32px; display:block; background:url(/shared/legacy/images/navi/vp3000.gif) no-repeat top left}
#contents-navi #vp3000 a:hover,
.vp3000 #contents-navi #vp3000 a {background-position: left -40px}

/* vp2000 */
#contents-navi #vp2000 a {width: 67px; height: 32px; display:block; background:url(/shared/legacy/images/navi/vp2000.gif) no-repeat top left}
#contents-navi #vp2000 a:hover,
.vp2000 #contents-navi #vp2000 a {background-position: left -40px}

/* vp1000 */
#contents-navi #vp1000 a {width: 111px; height: 32px; display:block; background:url(/shared/legacy/images/navi/vp1000.gif) no-repeat top left}
#contents-navi #vp1000 a:hover,
.vp1000 #contents-navi #vp1000 a {background-position: left -40px}

/* vp100 */
#contents-navi #vp100 a {width: 67px; height: 32px; display:block; background:url(/shared/legacy/images/navi/vp100.gif) no-repeat top left}
#contents-navi #vp100 a:hover,
.vp100 #contents-navi #vp100 a {background-position: left -40px}

/* フレッツ・マーケット  アプリ一覧 */
#contents-navi #applist a {width: 84px; height: 32px; display:block; background: url(/shared/legacy/images/navi/applist.gif) no-repeat left top}
#contents-navi #applist a:hover,
.applist #contents-navi #applist a {background-position: left -40px}

/* iフレーム2  便利なアプリ */
#contents-navi #fletsmarket a {width: 90px; height: 32px; display:block; background: url(/shared/legacy/images/navi/fletsmarket.gif) no-repeat left top}
#contents-navi #fletsmarket a:hover,
.fletsmarket #contents-navi #fletsmarket a {background-position: left -40px}

/* 光ステーション */
#contents-navi #ap_area a {width: 77px; height: 32px; display:block; background:url(/shared/legacy/images/navi/ap_area.gif) no-repeat top left}
#contents-navi #ap_area a:hover,
.ap_area #contents-navi #ap_area a {background-position: left -40px}

/* v6オプション */
#contents-navi #device a {width: 72px; height: 32px; display:block; background:url(/shared/legacy/images/navi/suisyokiki.gif) no-repeat top left}
#contents-navi #device a:hover,
.device #contents-navi #device a {background-position: left -40px}

/* ご利用方法 */
#contents-navi #utilization a {width: 81px; height: 32px; display:block; background:url(/shared/legacy/images/navi/utilization.gif) no-repeat top left}
#contents-navi #utilization a:hover,
.utilization #contents-navi #utilization a {background-position: left -40px}

/* ご利用できるサイト一覧 */
#contents-navi #site a {width: 141px; height: 32px; display:block; background:url(/shared/legacy/images/navi/site.gif) no-repeat top left}
#contents-navi #site a:hover,
.site #contents-navi #site a {background-position: left -40px}

/* フレッツ・あずけ〜る 便利な使い方 */
#contents-navi #useful a {width: 92px; height: 32px; display:block; background:url(/shared/legacy/images/navi/useful.gif) no-repeat top left}
#contents-navi #useful a:hover,
.useful #contents-navi #useful a {background-position: left -40px}

/* フレッツ・あずけ〜る 連携サービス */
#contents-navi #renkei a {width: 119px; height: 32px; display:block; background:url(/shared/legacy/images/navi/renkei.gif) no-repeat top left}
#contents-navi #renkei a:hover,
.renkei #contents-navi #renkei a {background-position: left -40px}