@charset "shift-jis";

.nav_local_top ul {text-align: center; white-space: nowrap; border: solid 1px #ccc; border-bottom: solid 2px #004EA2; border-radius: 4px; list-style: none; margin: 0 0 15px; overflow: hidden; background: #fafafa linear-gradient(#fff, #f5f5f5);}
.nav_local_top ul li {height: auto; float: left; width: 20%; margin: 0; line-height: 1.3; display: table;}
.nav_local_top ul li a {position: relative; overflow: hidden; border-right: solid 1px #ccc; vertical-align: middle; text-decoration: none; color: #000; text-indent: 0; white-space: normal; padding: 0 5px !important; width: 100%; text-align: center; height: 47px; display: table-cell; vertical-align: middle;}
.nav_local_top ul li a.last {border-right: none;}
.nav_local_top ul li.pc_hide {display: none;}
#nav_local_top li {display: table;}
#nav_local_top li li {display: block;}
#nav_local_top li li a {width: 100%;}

html*.nav_local_top ul li i {display: block;} /* 7以下 */

.nav_local_top ul li a:hover,
body.ln_top .nav_local_top .ln_top a,
body.ln_ser .nav_local_top .ln_ser a,
body.ln_fee .nav_local_top .ln_fee a,
body.ln_isp .nav_local_top .ln_isp a,
body.ln_ofr .nav_local_top .ln_ofr a,
body.ln_cmp .nav_local_top .ln_cmp a,
body.ln_spc .nav_local_top .ln_spc a,
body.ln_ins .nav_local_top .ln_ins a,
body.ln_set .nav_local_top .ln_set a,
body.ln_agr .nav_local_top .ln_agr a,
body.ln_flo .nav_local_top .ln_flo a,
body.ln_fmk .nav_local_top .ln_fmk a,
body.ln_are .nav_local_top .ln_are a,
body.ln_att .nav_local_top .ln_att a,
body.ln_sce .nav_local_top .ln_sce a,
body.ln_opt .nav_local_top .ln_opt a,
body.ln_ini .nav_local_top .ln_ini a,
body.ln_use .nav_local_top .ln_use a,
body.ln_mail .nav_local_top .ln_mail a,
body.ln_faq .nav_local_top .ln_faq a,
body.ln_sup .nav_local_top .ln_sup a,
body.ln_dev .nav_local_top .ln_dev a,
body.ln_cas .nav_local_top .ln_cas a,
body.ln_fnc .nav_local_top .ln_fnc a,
body.ln_usr .nav_local_top .ln_usr a,
body.ln_con .nav_local_top .ln_con a,
body.ln_ren .nav_local_top .ln_ren a,
body.ln_vef .nav_local_top .ln_vef a,
body.ln_mrt .nav_local_top .ln_mrt a,
body.ln_sim .nav_local_top .ln_sim a {color: #fff;
background: -ms-linear-gradient(top, #1F1D1D, #888888);
background: -moz-linear-gradient(top, #1F1D1D, #888888); /* mozilla */
background: -webkit-gradient(linear, center top, center bottom, from(#1F1D1D), to(#888888));
background: linear-gradient(#1F1D1D, #888888); background-color: #444;}

/* アプリ専用 ローカル下部 アクティブ */
body.ln_top .nav_local_bot .ln_top a,
body.ln_top .nav_local_bot .ln_top a:hover,
body.ln_ser .nav_local_bot .ln_ser a,
body.ln_ser .nav_local_bot .ln_ser a:hover,
body.ln_fee .nav_local_bot .ln_fee a,
body.ln_fee .nav_local_bot .ln_fee a:hover,
body.ln_isp .nav_local_bot .ln_isp a,
body.ln_isp .nav_local_bot .ln_isp a:hover,
body.ln_ofr .nav_local_bot .ln_ofr a,
body.ln_ofr .nav_local_bot .ln_ofr a:hover,
body.ln_cmp .nav_local_bot .ln_cmp a,
body.ln_cmp .nav_local_bot .ln_cmp a:hover,
body.ln_ins .nav_local_bot .ln_ins a,
body.ln_ins .nav_local_bot .ln_ins a:hover,
body.ln_spc .nav_local_bot .ln_spc a,
body.ln_spc .nav_local_bot .ln_spc a:hover,
body.ln_set .nav_local_bot .ln_set a,
body.ln_set .nav_local_bot .ln_set a:hover,
body.ln_flo .nav_local_bot .ln_flo a,
body.ln_flo .nav_local_bot .ln_flo a:hover,
body.ln_fmk .nav_local_bot .ln_fmk a,
body.ln_fmk .nav_local_bot .ln_fmk a:hover,
body.ln_mail .nav_local_bot .ln_set a,
body.ln_mail .nav_local_bot .ln_set a:hover,
body.ln_are .nav_local_bot .ln_are a,
body.ln_are .nav_local_bot .ln_are a:hover,
body.ln_att .nav_local_bot .ln_att a,
body.ln_att .nav_local_bot .ln_att a:hover,
body.ln_opt .nav_local_bot .ln_opt a,
body.ln_opt .nav_local_bot .ln_opt a:hover,
body.ln_ini .nav_local_bot .ln_ini a,
body.ln_ini .nav_local_bot .ln_ini a:hover,
body.ln_sce .nav_local_bot .ln_sce a,
body.ln_sce .nav_local_bot .ln_sce a:hover,
body.ln_faq .nav_local_bot .ln_faq a,
body.ln_faq .nav_local_bot .ln_faq a:hover,
body.ln_sup .nav_local_bot .ln_sup a,
body.ln_sup .nav_local_bot .ln_sup a:hover,
body.ln_dev .nav_local_bot .ln_dev a,
body.ln_dev .nav_local_bot .ln_dev a:hover,
body.ln_cas .nav_local_bot .ln_cas a,
body.ln_cas .nav_local_bot .ln_cas a:hover,
body.ln_fnc .nav_local_bot .ln_fnc a,
body.ln_fnc .nav_local_bot .ln_fnc a:hover,
body.ln_usr .nav_local_bot .ln_usr a,
body.ln_usr .nav_local_bot .ln_usr a:hover,
body.ln_con .nav_local_bot .ln_con a,
body.ln_con .nav_local_bot .ln_con a:hover,
body.ln_use .nav_local_bot .ln_use a,
body.ln_use .nav_local_bot .ln_use a:hover,
body.ln_ren .nav_local_bot .ln_ren a,
body.ln_ren .nav_local_bot .ln_ren a:hover,
body.ln_vef .nav_local_bot .ln_vef a,
body.ln_vef .nav_local_bot .ln_vef a:hover,
body.ln_mrt .nav_local_bot .ln_mrt a,
body.ln_mrt .nav_local_bot .ln_mrt a:hover,
body.ln_sim .nav_local_bot .ln_sim a,
body.ln_sim .nav_local_bot .ln_sim a:hover,
body#fvc_tec .nav_local_bot .ln_sup a,
body#fvc_tec .nav_local_bot .ln_sup a:hover {color: #999; text-decoration: none; cursor: text;}

/* === アプリ専用 ローカルナビ カラー定義 === */
/* オレンジ */
body#hd_office .nav_local_top ul {border-bottom-color: #FF8C00;}

body#hikaristation .nav_local_top ul {border-bottom-color: #EB008D;}

/* 緑（法人系） */
body#vpn .nav_local_top ul,
body#vpngate .nav_local_top ul,
body#vpnwide .nav_local_top ul,
body#advanced .nav_local_top ul,
body#numbergate .nav_local_top ul,
body#joint .nav_local_top ul,
body#fletsmarket-cp .nav_local_top ul,
body#fletssoft .nav_local_top ul,
body#cast .nav_local_top ul,
body#castshare .nav_local_top ul,
body#vpnprio .nav_local_top ul,
body#sessionplus .nav_local_top ul,
body#ma .nav_local_top ul {border-bottom-color: #007D3E;}

/* グロナビ点灯 */
body#light #nav_global a.gn_ser,
body#advanced #nav_global a.gn_ser,
body#hikaridenwa #nav_global a.gn_ser {background-position: -480px -50px}

body.ln_ser .faq-ctg .cat {display: none;}

/* ====== タイトル ====== */
body.tpl_wide h1  {margin: 1em 0 0.5em; font-size: 32px; font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans Japanese'; font-feature-settings: 'palt';}
body.tpl_wide h1 i {font-size: 20px; letter-spacing: 0; font-style: normal;}
html.rsp body.service_catalog h1 i {font-size: 1.1rem}

body#hikaristation h2 i {border-left-color: #EB008D;}
body#hikaristation h3 i, body#hikaristation h4 i, body#hikaristation h5 i, body#hikaristation h6 i {color: #EB008D;}

body#numbergate h2 i,
body#advanced h2 i,
body#joint h2 i,
body#cast h2 i,
body#castshare h2 i,
body#vpn h2 i,
body#vpnwide h2 i,
body#vpngate h2 i,
body#vpnprio h2 i,
body#sessionplus h2 i,
body#bs h2 i,
body#ma h2 i {border-left-color: #007D3E;}

body#numbergate h3 i, body#numbergate h4 i, body#numbergate h5 i, body#numbergate h6 i,
body#advanced h3 i, body#advanced h4 i, body#advanced h5 i, body#advanced h6 i,
body#joint h3 i, body#joint h4 i, body#joint h5 i, body#joint h6 i,
body#cast h3 i, body#cast h4 i, body#cast h5 i, body#cast h6 i,
body#castshare h3 i, body#castshare h4 i, body#castshare h5 i, body#castshare h6 i,
body#vpn h3 i, body#vpn h4 i, body#vpn h5 i, body#vpn h6 i,
body#vpnwide h3 i, body#vpnwide h4 i, body#vpnwide h5 i, body#vpnwide h6 i,
body#vpngate h3 i, body#vpngate h4 i, body#vpngate h5 i, body#vpngate h6 i,
body#vpnprio h3 i, body#vpnprio h4 i, body#vpnprio h5 i, body#vpnprio h6 i,
body#sessionplus h3 i, body#sessionplus h4 i, body#sessionplus h5 i, body#sessionplus h6 i,
body#bs h3 i, body#bs h4 i, body#bs h5 i, body#bs h6 i,
body#ma h3 i, body#ma h4 i, body#ma h5 i, body#ma h6 i {color: #007D3E;}