@charset "Shift_JIS";

/* =============================================================================
基本構成
============================================================================= */
/*body {font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;}*/

.content {width: 880px;}

h1 {font-size: 180%; margin: 20px; padding-left: 10px; border-left: 5px solid #d31f45; letter-spacing: 0.05em;}
h2 {font-size: 150%; background: url(/mynumber/images/bg_line.gif) repeat-x left bottom; border: none; border-radius: 0; padding: 0 0 12px;}
h3 {font-size: 120%; background: url(/mynumber/images/bg_dotline.gif) repeat-x left bottom; padding: 0 0 8px; border: none;}

h2.type01, h3.type01 {background: none;}

h2 i {border-left-color: #d31f45;}
h3 i,
h4 i,
h5 i,
h6 i {color: #d31f45; font-size: 100%;}

/* ========= 補助 ========= */
.type-double {font-size: 180%; background: url(/mynumber/images/bg_line.gif) repeat-x left bottom; text-align: center; margin: 0 0 20px; padding: 0 0 20px;}

img.icon {vertical-align: middle; margin-right: 6px;}
.blue {color: #325a99;}
.red  {color: #d31f45 !important;}

.num {background: #21487a; color: #fff; margin-right: 10px; padding: 5px 10px; font-family: 'dinFs', 'Arial', sans-serif;}
.free {background: #fff; color: #d31f45; border: 1px solid #d31f45; margin: 0 10px; padding: 2px 12px; display: inline-block;}
.end {background: #f2f2f2; padding: 4px 12px;}
.new {display: inline-block; border: 1px solid #d31f45; background: #fff; color: #d31f45; margin: 0 5px; padding: 1px 4px; font-size: 74%; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;}
.update {display: inline-block; border: 1px solid #3a8800; background: #fff; color: #3a8800; margin: 0 5px; padding: 1px 4px; font-size: 80%;}
.em {background: url(/mynumber/images/bg_em.gif) repeat-x left 80%;}
.midashi {padding-left: 10px; border-left: 4px solid #e12d53;}

.vmid {display: table-cell; vertical-align: middle; margin: 0; *display: inline; *zoom: 1;}

.mg0   {margin: 0 !important;}
.mgt0  {margin-top: 0 !important;}
.mgt10 {margin-top: 10px;}

/* table */
table.type01 th,
table.type02 th {background: #898c92; color: #fff;}

table.type01,
table.type02 {border: 1px solid #000; border-width: 1px 0 0 1px;}

table.type01 th, table.type02 th,
table.type01 td, table.type02 td {border: 1px solid #000; border-width: 0 1px 1px 0;}
table .subtit {background: #e8ebef;}

/* ========= ボックス枠組 ========= */
.type-black {margin: 20px 0; padding: 10px; border: 1px solid #000;}
.type-glay2 {margin: 20px 0; padding: 10px; background: #f5f5f5; border: 1px solid #666;}
.type-red2  {margin: 20px 0; padding: 10px; background: #d31f45; color: #fff;}
.type-red3  {border: 2px solid #d31f45; line-height: 1.5; padding: 15px; color: #d31f45;}

ul.glidbox {list-style: none; margin: 0 0 0 -20px; _margin-left: -40px; padding: 0; overflow: hidden; zoom: 1;}
ul.glidbox li {float: left; margin: 10px 0 10px 20px; padding: 15px 15px 0; background: #fff; border: 1px solid #666;}
ul.glidbox li h3 {margin: 0; padding: 0 10px 10px; text-align: center;}

.type-glay ul.glidbox .txtbox {padding: 15px; overflow: hidden; zoom: 1;}
.type-glay ul.glidbox .txtbox .txt {overflow: hidden; zoom: 1;}

ul.glidbox.pad0 li         {padding: 0;}
ul.glidbox.column2 li      {width: 398px;}
ul.glidbox.column2.pad0 li {width: 428px;}

ul.glidbox.column3 li      {width: 248px;}
ul.glidbox.column3.pad0 li {width: 278px;}

.type-glay ul.glidbox.column2 li      {width: 383px;}
.type-glay ul.glidbox.column2.pad0 li {width: 413px;}

.type-glay ul.glidbox.column3 li      {width: 238px;}
.type-glay ul.glidbox.column3.pad0 li {width: 268px;}


/* =============================================================================
リンク
============================================================================= */
a.link, .content span.link {background: url(/mynumber/images/arrow_link.gif) no-repeat 2px 0.4em; padding-left: 15px;}
a.anchor, span.anchor {background: url(/mynumber/images/arrow_anchor.gif) no-repeat 2px 0.4em; padding-left: 15px;}

ul.link   li {background: url(/mynumber/images/arrow_link.gif)   left 0.4em; padding-left: 14px;}
ul.anchor li {background: url(/mynumber/images/arrow_anchor.gif) left 0.4em; padding-left: 14px;}

ul.links   li {background: url(/mynumber/images/arrow_link.gif)   left center; margin-right: 1.5em; padding-left: 14px; float: left; line-height: 130%; white-space: nowrap;}
ul.anchors li {background: url(/mynumber/images/arrow_anchor.gif) left center; margin-right: 1.5em; padding-left: 14px; float: left; line-height: 130%; white-space: nowrap;}

ul.link  li.off {background: url(/mynumber/images/arrow_link_off.gif) left 0.4em;  color: #ccc;}
ul.links li.off {background: url(/mynumber/images/arrow_link_off.gif) left center; color: #ccc;}

ul.link-r, ul.link-rr {text-align: right;}
ul.link-rr li  {background: url(/mynumber/images/arrow_link.gif) right center; padding-right: 14px;}
ul.link-r li a, a.link-r {background: url(/mynumber/images/arrow_link.gif) right center; padding-right: 14px;  background-repeat: no-repeat;}
ul.link-l li a, a.link-l {background: url(/mynumber/images/arrow_link_back.gif) left center; padding-left: 14px;  background-repeat: no-repeat;}

/* ページの先頭へ */
p.totop {overflow: hidden; zoom: 1;}
p.totop a {border: 1px solid #000; background: url(/mynumber/images/arrow_totop.gif) no-repeat center #fff; width: 30px; height: 30px; display: block; float: right; margin: 10px 0;}
p.totop a:hover {background-color: #eee;}
p.totop a span {display: none !important;}

span.link {background: url(/mynumber/images/arrow_link.gif) center left no-repeat; padding: 0 4px 0 14px; text-indent: 0; display: inline-block;}

/* ページ内アンカー */
.page_nav.anchors {margin: 20px 0 30px; padding: 8px 15px; border: 1px solid #ddd;}

/* 別ページからのページ内リンク調整用 */
body.ln_idx #service_map,
body.ln_sem #ac_live,
body.ln_sem #ac_online,
body.ln_sev #sample_dl,
body.ln_cas #ac_stf50,
body.ln_cas #ac_stf5-50,
body.ln_cas #ac_stf1-4,
/*
body.ln_sei.agenda #ac_learn,
body.ln_sei.agenda #ac_task,
body.ln_sei.agenda #ac_research,
*/
body.learn.page05 #ac_02,
body.learn.page05 #ac_03 {padding-top: 67px; margin-top: -67px;}


/* =============================================================================
グリッドボタン
============================================================================= */
.glid_btn a span.link {color: #000; text-decoration: none; *display: block;}
.glid_btn a,
.glid_btn a:hover {text-decoration: none !important;}

.glid_btn.w880 {display: inline-block; margin: 0 15px;}

/* 横3個 */
ul.glid_btn.row03 li   {width: 286px;   height: 50px; *width: 284px; *height: 48px;}
ul.glid_btn.row03 li a {*width: 256px; *height: 20px;}

/* 横4個 */
ul.glid_btn.row04 li   {width: 212px;   height: 50px; *width: 210px; *height: 48px;}
ul.glid_btn.row04 li a {*width: 182px; *height: 20px;}

/* 横5個 */
ul.glid_btn.row05 li   {width: 168px;   height: 50px; *width: 166px; *height: 48px;}
ul.glid_btn.row05 li a {*width: 138px; *height: 20px;}

ul.glid_btn.row03 li a.line02,
ul.glid_btn.row04 li a.line02,
ul.glid_btn.row05 li a.line02 {padding-top: 8px !important; line-height: 1.3;}

/* すべきこと */
ul.glid_btn.must li   {width: 212px;   height: 60px; *width: 210px; *height: 58px;}
ul.glid_btn.must li a {*width: 182px; *height: 30px; padding-top: 8px;}
ul.glid_btn.must li a .num {display: block; float: left; margin-top: 5px;}

body.ln_idx ul.glid_btn.must li   {width: 210px;   height: 50px !important; *width: 208px; *height: 38px;}
body.ln_idx ul.glid_btn.must li a {*width: 180px; *height: 20px; padding-top: 15px;} 
body.ln_idx ul.glid_btn.must li a.line02 {padding-top: 5px !important;}

/* 学ぶ */
ul.glid_btn.learn li   {width: 230px;   height: 50px; *width: 228px; *height: 48px;}
ul.glid_btn.learn li a {*width: 200px; *height: 20px;}

/* マイナンバーパック */
ul.glid_btn.pack li   {width: 286px;   height: 60px; *width: 284px; *height: 58px;}
ul.glid_btn.pack li a {*width: 256px; *height: 30px; padding-top: 10px;}

/* サービス一覧 */
ul.glid_btn.app li   {width: 286px;   height: 60px; *width: 284px; *height: 58px;}
ul.glid_btn.app li a {*width: 256px; *height: 30px; padding-top: 10px;}
ul.glid_btn.app li a.line01 {margin-top: 8px;}
ul.glid_btn.app a img {margin-right: 5px;}


/* =============================================================================
ローカルナビ（プルダウン含む）
============================================================================= */
body.ln_idx #local_nav {*margin-top: -10px;}
#local_nav ul {margin: 0 0 0 1px; *margin-top: -6px; padding: 0; height: 50px; position: relative; list-style: none; z-index: 2;}
#local_nav ul.fixed {position: fixed; top: 0; z-index: 2; width: 990px;}
#local_nav ul li {float: left; margin: 0 0 0 -1px; border-top: 1px solid #248ccf; border-bottom: 1px solid #0e6399;}

#local_nav ul li a,
#local_nav ul li span {
cursor: pointer;
height: 50px;
display: block;
color: #fff;
text-decoration: none;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background: -ms-linear-gradient(top, #52a7dd, #218bce);
background: -moz-linear-gradient(top, #52a7dd, #218bce);
background: -webkit-gradient(linear, center top, center bottom, from(#52a7dd), to(#218bce));
background: linear-gradient(#52a7dd, #218bce);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF52a7dd, endColorstr=#FF218bce);
background-color: #218bce; /* IE6 */
border-left: 1px solid #71b7e3;
border-right: 2px solid #2473a6;
border-top: 1px solid #98cbeb;
border-bottom: 1px solid #4da2d8;
}

#local_nav ul li strong {display: inline-block; line-height: 1.3; margin-top: 15px; font-size: 110%; letter-spacing: 0.1em;}

/* お問い合わせ・サポート */
#local_nav ul li.ln_sup {border: 2px solid #a47100; height: 48px; *height: 50px;}
#local_nav ul li.ln_sup a {
background: -ms-linear-gradient(top, #ffdb6f, #ffba00);
background: -moz-linear-gradient(top, #ffdb6f, #ffba00);
background: -webkit-gradient(linear, center top, center bottom, from(#ffdb6f), to(#ffba00));
background: linear-gradient(#ffdb6f, #ffba00);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFffdb6f, endColorstr=#FFffba00);
background-color: #ffba00; /* IE6 */
color: #000;
border-left: 1px solid #fff1c8;
border-right: none;
border-top: 1px solid #fff1c8;
border-bottom: 1px solid #ffcc44;
height: 48px;
text-align: left;}

#local_nav ul .ln_sup a:hover,
body.ln_sup #local_nav ul li.ln_sup a {
background: -ms-linear-gradient(top, #d99c05, #ffdb6f) !important;
background: -moz-linear-gradient(top, #d99c05, #ffdb6f) !important;
background: -webkit-gradient(linear, center top, center bottom, from(#d99c05), to(#ffdb6f)) !important;
background: linear-gradient(#d99c05, #ffdb6f) !important;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFd99c05, endColorstr=#FFffdb6f) !important;
background-color: #d99c05; /* IE6 */
color: #000;
border-top: 1px solid #fff1c8;
border-bottom: 1px solid #ffcc44;}

#local_nav ul li.ln_sup strong {margin: 0 0 0 20px; padding: 8px; text-align: left; background: url(/mynumber/images/icon_maina_menu.png) no-repeat 110px 5px; width: 150px;}

/* カレント */
#local_nav ul li.ln_idx a {width: 90px;}
#local_nav ul li.ln_sei a,
#local_nav ul li.ln_sem a,
#local_nav ul li.ln_cas a,
#local_nav ul li.ln_cas span,
#local_nav ul li.ln_sev a {width: 180px;}
#local_nav ul li.ln_sup a {width: 181px; *width: 165px;}

#local_nav ul li a:hover,
body.ln_idx #local_nav ul li.ln_idx a,
body.ln_sei #local_nav ul li.ln_sei a,
body.ln_sem #local_nav ul li.ln_sem a,
body.ln_cas #local_nav ul li.ln_cas a,
body.ln_sev #local_nav ul li.ln_sev a {
background: -ms-linear-gradient(top, #2172b5, #70bff1);
background: -moz-linear-gradient(top, #2172b5, #70bff1);
background: -webkit-gradient(linear, center top, center bottom, from(#2172b5), to(#70bff1));
background: linear-gradient(#2172b5, #70bff1);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF2172b5, endColorstr=#FF70bff1);
background-color: #2172b5; /* IE6 */}

/* =============================================================================
ページヘッダー（ローカルナビなし版　LP、サービスページなど）
============================================================================= */
.pagehead_link {overflow: hidden; zoom: 1; background: #16253b; margin: 0 !important; padding: 0; width: 990px; color: #fff;}
.pagehead_link a {color: #fff; display: inline-block; overflow: hidden; zoom: 1; text-decoration: none;}
.pagehead_link a:hover {color: #4c87d0;}
.pagehead_link strong {display: inline-block; margin: 10px 15px 0 10px; padding-left: 30px; background: url(/mynumber/images/icon_maina_s.png) no-repeat 4px -2px; height: 26px; overflow: hidden; zoom: 1;}
.pagehead_link strong .subtit {font-weight: normal; font-size: 90%;}
.pagehead_link strong .tit {font-size: 110%;}
.pagehead_link .link {display: block; float: right; margin: 12px; *margin-top: -26px;}


/* =============================================================================
 ページタイトル
============================================================================= */
body.agenda .pagetitle_box {background: url(/mynumber/images/bg_title_agenda.jpg) no-repeat left top; padding: 15px;}
body.agenda .pagetitle_box h1 {margin: 15px; *margin-top: 30px;}
body.agenda .pagetitle_box ul.anchors {margin-bottom: 0; width: 850px;}

.pagetitle_box {position: relative; padding-bottom: 18px; background: url(/shared/images/hr_shadow_950.png) no-repeat center bottom; overflow: hidden; zoom: 1;}
.pagetitle_box h1 {margin: 15px 15px 15px 20px;}
.pagetitle_box .caption {background: #eee; display: inline-block; margin: 20px 20px 0; padding: 5px 10px; font-size: 90%; border-radius: 3px; *width: 260px; *text-align: center;}


/* =============================================================================
 サブナビ
============================================================================= */
.sub_nav {text-align: center; margin: 15px;}
.sub_nav .link_num {list-style: none; overflow: hidden; zoom: 1; margin: 0 auto; padding: 0; display: inline-block; *display: inline;}
.sub_nav .link_num li {float: left; margin: 5px; background-color: #fff; font-family: 'dinFs', 'Arial', sans-serif;}
.sub_nav .link_num li a {background-color: #fff; border: 1px solid #0096da; color: #0096da; text-decoration: none; display: block; padding: 8px 14px;}
.sub_nav ul.link_num li a:hover {background-color: #0096da; border: 1px solid #0096da; color: #fff;} 
.sub_nav .nextback {color: #ccc;}

/* ページタイトル */
.pagetitle_box .sub_nav {position: absolute; top: 0; right: 0; text-align: right;}
.pagetitle_box .sub_nav ul.link_num li  {margin: 4px; font-size: 90%;}
.pagetitle_box .sub_nav ul.link_num li a {padding: 4px 10px;}
.pagetitle_box .ctgtop_btn.top {display: block;}
.pagetitle_box .ctgtop_btn.btm {display: none;}

/* フッター次へボタン */
.next_btn  {margin: 30px 0 40px;}
.next_btn a.glid_btn {width: 270px; height: 50px; *width: 240px; *height: 20px;}


/* =========  カテゴリートップボタン ========= */
.ctgtop_btn {float: right; margin: 0 0 8px; padding: 0;}
.ctgtop_btn a {
padding: 10px 20px; 
height: 40px;
*height: 20px;
text-align: center;
border-color: #218bce;
background: -ms-linear-gradient(top, #52a7dd, #218bce);
background: -moz-linear-gradient(top, #52a7dd, #218bce);
background: -webkit-gradient(linear, center top, center bottom, from(#52a7dd), to(#218bce));
background: linear-gradient(#52a7dd, #218bce);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF52a7dd, endColorstr=#FF218bce);
background-color: #218bce; /* IE6 */}

.ctgtop_btn a .link {color: #fff !important; text-decoration: none !important;}
.ctgtop_btn a:hover {border-color: #218bce; background: #218bce!important; filter: none; box-shadow: none;}
.ctgtop_btn.top {display: none;}
.ctgtop_btn.btm {margin: 0 -55px 0 0;}

/* ========= 関連情報 ========= */
.info_box {background: #e4e5e9; margin: 20px 0; padding: 5px 15px; *padding: 5px 15px 15px;}
.info_box ul.info {margin: 0 0 0 -10px; padding: 0; overflow: hidden; zoom: 1; list-style: none;}
.info_box ul.info li {float: left; margin: 0 0 10px 10px;}
.info_box ul.info li a {background: #fff; width: 256px; display: block; padding: 10px; text-decoration: none; overflow: hidden; zoom: 1; line-height: 1.4;}
.info_box ul.info li a:hover {background: #bbbcc3; color: #fff;}
.info_box ul.info li .img {float: left; width: 60px; height: 60px;}
.info_box ul.info li .txt {float: right; width: 185px;}

/* ========= 企業がすべきこと・マイナンバー制度を学ぶ =============== */
body.ln_sei.learn.kojin .sub_nav .nextback,
body.ln_sei.learn.kojin .sub_nav .kojin,
body.ln_sei.learn.kojin .sub_nav .link_num {display: none;}
body.ln_sei.learn.kojin .sub_nav .company {display: block; padding-top: 10px; }
body.ln_sei.learn .sub_nav .company {display: none;}

/* 非表示 */
body.must.page01 .sub_nav p.nextback.pg02,
body.must.page01 .sub_nav p.nextback.pg03,
body.must.page01 .sub_nav p.nextback.pg04,
body.must.page02 .sub_nav p.nextback.pg01,
body.must.page02 .sub_nav p.nextback.pg03,
body.must.page02 .sub_nav p.nextback.pg04,
body.must.page03 .sub_nav p.nextback.pg01,
body.must.page03 .sub_nav p.nextback.pg02,
body.must.page03 .sub_nav p.nextback.pg04,
body.must.page04 .sub_nav p.nextback.pg01,
body.must.page04 .sub_nav p.nextback.pg02,
body.must.page04 .sub_nav p.nextback.pg03,

body.learn.page01 .sub_nav p.nextback.pg02,
body.learn.page01 .sub_nav p.nextback.pg03,
body.learn.page01 .sub_nav p.nextback.pg04,
body.learn.page01 .sub_nav p.nextback.pg05,
body.learn.page01 .sub_nav p.nextback.pg06,
body.learn.page02 .sub_nav p.nextback.pg01,
body.learn.page02 .sub_nav p.nextback.pg03,
body.learn.page02 .sub_nav p.nextback.pg04,
body.learn.page02 .sub_nav p.nextback.pg05,
body.learn.page02 .sub_nav p.nextback.pg06,
body.learn.page03 .sub_nav p.nextback.pg01,
body.learn.page03 .sub_nav p.nextback.pg02,
body.learn.page03 .sub_nav p.nextback.pg04,
body.learn.page03 .sub_nav p.nextback.pg05,
body.learn.page03 .sub_nav p.nextback.pg06,
body.learn.page04 .sub_nav p.nextback.pg01,
body.learn.page04 .sub_nav p.nextback.pg02,
body.learn.page04 .sub_nav p.nextback.pg03,
body.learn.page04 .sub_nav p.nextback.pg05,
body.learn.page04 .sub_nav p.nextback.pg06,
body.learn.page05 .sub_nav p.nextback.pg01,
body.learn.page05 .sub_nav p.nextback.pg02,
body.learn.page05 .sub_nav p.nextback.pg03,
body.learn.page05 .sub_nav p.nextback.pg04,
body.learn.page05 .sub_nav p.nextback.pg06,
body.learn.page06 .sub_nav p.nextback.pg01,
body.learn.page06 .sub_nav p.nextback.pg02,
body.learn.page06 .sub_nav p.nextback.pg03,
body.learn.page06 .sub_nav p.nextback.pg04,
body.learn.page06 .sub_nav p.nextback.pg05 {display: none;}

body.must.page01 ul.link_num li.pg01 a,
body.must.page02 ul.link_num li.pg02 a,
body.must.page03 ul.link_num li.pg03 a,
body.must.page04 ul.link_num li.pg04 a,

body.learn.page01 ul.link_num li.pg01 a,
body.learn.page02 ul.link_num li.pg02 a,
body.learn.page03 ul.link_num li.pg03 a,
body.learn.page04 ul.link_num li.pg04 a,
body.learn.page05 ul.link_num li.pg05 a,
body.learn.page06 ul.link_num li.pg06 a {background-color: #0096da; border: 1px solid #0096da; color: #fff;} 

/* ページタイトル */
body.ln_sei .pagetitle_box .sub_nav .nextback,
body.ln_sei .pagetitle_box .sub_nav .kojin {display: none;}

/* ========= おまかせマイナンバーパック ========= */
body.pack .sub_nav ul li     {width: 276px; height: 50px; *width: 274px; *height: 48px; text-align: center;}
body.pack .sub_nav ul li a   {*width: 266px; *height: 28px; padding-top: 6px;}
body.pack .sub_nav ul li img,
body.pack .sub_nav ul li .number {display: none;}

body.pack .sub_nav ul li#plan_mb a b {background: url(/mynumber/images/icon_mb.png) no-repeat   left; padding-left: 24px;}
body.pack .sub_nav ul li#plan_sb a b {background: url(/mynumber/images/icon_sb.png) no-repeat   left; padding-left: 24px;}
body.pack .sub_nav ul li#plan_ko a b {background: url(/mynumber/images/icon_soho.png) no-repeat left; padding-left: 24px;}

body.pack.plan_mb .sub_nav ul li#plan_mb a b {background: url(/mynumber/images/icon_mb_off.png) no-repeat   left; padding-left: 24px;}
body.pack.plan_sb .sub_nav ul li#plan_sb a b {background: url(/mynumber/images/icon_sb_off.png) no-repeat   left; padding-left: 24px;}
body.pack.plan_ko .sub_nav ul li#plan_ko a b {background: url(/mynumber/images/icon_soho_off.png) no-repeat left; padding-left: 24px;}

body.pack.plan_mb .sub_nav ul li#plan_mb a,
body.pack.plan_sb .sub_nav ul li#plan_sb a,
body.pack.plan_ko .sub_nav ul li#plan_ko a {color: #9699a1 !important; background: #d8dadf; cursor: default;}

/* ページタイトル部分 */
body.pack .pagetitle_box .sub_nav b {display: none;}
body.pack .pagetitle_box .sub_nav .people {display: none;}
body.pack .pagetitle_box .sub_nav ul li img {display: block;}
body.pack .pagetitle_box .sub_nav ul li .number{display: block !important; position: absolute; top: 8px; left: 30px; font-size: 80%;}
body.pack .pagetitle_box .sub_nav ul li br {display: none;}
body.pack .pagetitle_box .sub_nav ul {float: right;}
body.pack .pagetitle_box .sub_nav ul li {width: 110px; height: 32px; *width: 108px; *height: 30px;}
body.pack .pagetitle_box .sub_nav ul li a {*width: 90px; *height: 30px; padding-left: 10px; *text-align: left;}
body.pack.plan_mb .pagetitle_box .sub_nav ul li#plan_mb a img,
body.pack.plan_sb .pagetitle_box .sub_nav ul li#plan_sb a img,
body.pack.plan_ko .pagetitle_box .sub_nav ul li#plan_ko a img {opacity: 0.5;}


/* =============================================================================
ビックフッター
============================================================================= */
body#mynumber #nav_site {background: #16253b; color: #fff; padding: 15px 25px; font-size: 80%;}
body#mynumber #nav_site a  {color: #fff;}
body#mynumber #nav_site h3 {background: url(/mynumber/images/icon_maina_s.png) no-repeat left top; border-bottom: 1px solid #58616d; height: 30px; margin: 0; padding: 5px 0 0 30px; font-size: 120%;} 
body#mynumber #nav_site h4 {border-left: 2px solid #85a2c7; padding-left: 5px; font-size: 110%;}
body#mynumber #nav_site h4 a {color: #85a2c7; margin-top: 0;}
body#mynumber #nav_site h5,
body#mynumber #nav_site h5 a {color: #85a2c7; margin-top: 0; font-size: 100%;}
body#mynumber #nav_site h6 {font-size: 100%;}
body#mynumber #nav_site .ctg_box ul {margin: 0 0 15px 15px;}
body#mynumber #nav_site .ctg_box ul li {margin: 3px 0;}
body#mynumber #nav_site .ctg_box ul.links {margin: 0 0 0 -20px; padding: 0;}
body#mynumber #nav_site .ctg_box ul.links li {background: none !important; margin: 3px 0 0 40px; padding: 0; list-style-type: disc;}


/* =============================================================================
 トップページ
============================================================================= */
body.ln_idx .content {width: 920px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body.ln_idx h1 {margin: 0 0 10px 10px; border: none;}
body.ln_idx h2 {margin-bottom: 10px; padding: 0; background: none; font-size: 140%;}
body.ln_idx h3 {font-size: 120%;}
body.ln_idx h4 {font-size: 110%;}
body.ln_idx img.pagehead {display: none;}
body.ln_idx .content a {text-decoration: none;}
body.ln_idx .content a:hover {text-decoration: underline;}

/* リンクbox */
body.ln_idx .type-white {border-color: #ccc;}
body.ln_idx .type-white.pd0 {padding: 0 15px 0 0;}
body.ln_idx .type-white h3 {background: #f5f5f5; margin: 0 0 10px; padding: 5px 10px; background-image: none;}
body.ln_idx .type-white .break li {border-right: 1px solid #ccc; padding-right: 15px; margin-right: 15px; display: -moz-inline-box; display: inline-block; *display: inline; *zoom: 1;}
body.ln_idx .type-white .break li: {border-right: none;}

/* ========= 注目コンテンツ（トピックス） ========= */
.lineup_box {margin-top: 10px; overflow: hidden; zoom: 1;}
.lineup_box .catch {line-height: 1.6; margin: 20px 0; padding: 10px; background: #ecedf1; font-size: 120%; letter-spacing: 0.05em;}
.lineup_box a {text-decoration: none; cursor: pointer; color:#000;}

/* トピックス */
.lineup_box .topics ul {width: 690px; float: left; margin: 0 0 0 -10px; padding: 0; list-style: none; overflow: hidden; zoom: 1;}
.lineup_box .topics ul li {position: relative; border: solid #ccc; border-width: 1px 1px 1px 3px; margin: 0 0 10px 10px; padding: 0; float: left;}
.lineup_box .topics ul li a {width: 312px; height: 60px; display: block; overflow: hidden; zoom: 1; margin: 0; padding: 26px 8px 8px;}
.lineup_box .topics ul li a:hover {background: #f5f5f5;}
.lineup_box .topics ul li .img {float: left;}
.lineup_box .topics ul li strong {float: right; width: 244px; font-weight: normal; line-height: 1.4;}

/* ラベル */
.lineup_box ul li .label {position: absolute; top: 0; left: 0; color: #fff; padding: 5px 6px 0; font-size: 84%; text-align: left; }

.lineup_box ul li.seido {border-left-color: #409dd8;}
.lineup_box ul li.must  {border-left-color: #73ac40;}
.lineup_box ul li.case  {border-left-color: #325aa5;}
.lineup_box ul li.task  {border-left-color: #ff8213;}

.lineup_box ul li.seido .label {color: #0f86d2;}
.lineup_box ul li.must  .label {color: #499a00;}
.lineup_box ul li.case  .label {color: #0e3c91;}
.lineup_box ul li.task  .label {color: #ff6c00;}

/* ピックアップ */
.lineup_box .pickup {float: right; width: 230px;}
.lineup_box .pickup ul.main li {
width: 230px;
border: solid 1px #ffdc4d;
background: -ms-linear-gradient(top, #ffdb6f, #ffba00);
background: -moz-linear-gradient(top, #ffdb6f, #ffba00);
background: -webkit-gradient(linear, center top, center bottom, from(#ffdb6f), to(#ffba00));
background: linear-gradient(#ffdb6f, #ffba00);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFffdb6f, endColorstr=#FFffba00);
background-color: #ffba00; /* IE6 */
}
.lineup_box .pickup ul.main li a {padding: 10px;}
.lineup_box .pickup ul.main li a:hover {padding: 9px !important; background: #ffdc4d !important; border: solid 1px #ffdc4d; filter: none; box-shadow: none; color: #444;}
.lineup_box .pickup ul.main li .new {margin: 0 5px 2px 0;}

.lineup_box .pickup ul.sub {list-style: none; margin: 0 0 10px; padding: 0;}
.lineup_box .pickup ul.sub li {margin-bottom: 10px; padding-bottom: 10px;}
.lineup_box .pickup ul.sub li a:hover {color:#999; text-decoration: none;}
.lineup_box .pickup ul.sub li.last {border: none; margin-bottom: 0;}
.lineup_box .pickup ul.sub li:last-child {border: none; margin-bottom: 0;}


/* =============================================================================
マイナンバー制度を学ぶ
============================================================================= */
/* マイナンバー制度の効果 */
ul.effect {list-style: none; text-align: center;}
ul.effect li {background: #f5f5f5; height: 50px;}

/* マイナンバー制度の仕組み */
.mechanism li {background: #f5f5f5 !important; border: none !important;}
.mechanism li h3 {background: #0f1b2d; color: #fff; margin: 0 0 10px 0 !important; padding: 8px !important; font-weight: normal; text-align: left !important;}
.mechanism p {margin: 0 15px 10px;}
.mechanism .num {background: #d31f45; padding: 3px 8px;}

/* マイナンバーの流れ */
.flow {overflow: hidden; zoom: 1;}
.flow a {display: block; float: left; width: 150px; height: 65px;  *width: 120px; *height: 35px; text-align: center; line-height: 1.3;}
.flow a .link {text-decoration: none; color: #000;}
.flow a strong {margin: 8px 0 0 -10px; display: block;}
.flow img.arrow {display: block; float: left; margin: 15px 10px;}

/* 特定個人情報の安全管理措置（必要な準備） */
dl.safetybox {border: 0px solid #000; margin-bottom: 10px; overflow: hidden; zoom: 1;}
dl.safetybox dt {border: 0px solid #000; float: left; padding: 25px 10px 10px; width: 150px; text-align: center; height: 36px; border-radius: 0; line-height: 1.3;}
dl.safetybox dd {background: #fff; border: solid #ccc; border-width: 1px 1px 1px 0;float: left; margin-left: 0px; padding: 16px; width: 660px; height: 38px; line-height: 1.5;}
body.ln_idx dl.safetybox dd {width: 635px; margin-left: 0px;}

.tag_rule     {background: #d5c1a4;}
.tag_soft     {background: #a0ddee;}
.tag_safety   {background: #c3db6c;}
.tag_training {background: #ffe775;}

ul.glidbox.safetybox li {padding-bottom: 10px;}
ul.glidbox.safetybox .txt {display: block; margin: 10px;}
ul.glidbox.safetybox h3 {margin-bottom: 10px; padding: 6px; text-align: center; display: block;}

/* 個人のマイナンバー対策 */
body.kojin .ctg04-1 .box {float: left; width: 260px;}
body.kojin .ctg04-1 ul {margin-bottom: 0;}
body.kojin .ctg04-1 ul li {margin: 5px;}

body.kojin .ctg04-2.glidbox h3 {background: #000; color: #fff; padding: 5px;}
body.kojin .ctg04-2.glidbox img {float: right; margin-left: 15px;}
body.kojin .ctg04-2.glidbox .red {border: 1px solid #d31f45; padding: 10px;}
body.kojin .circle{background: #fc3; color: #000; width: 120px; height: 120px; border-radius: 60px; text-align: center;margin: 0 auto;}
body.kojin .circle:before {content:""; display: inline-block; vertical-align: middle; height: 100%;}


/* =============================================================================
マイナンバーパック
============================================================================= */
body.pack h1 {border-left: none; padding-left: 0;}

/* おまかせマイナンバーパック */
.mynumber_pack {border: 3px solid #21487a; background: #eef8fe; margin-bottom: 20px; border-radius: 6px; text-align: center;}
.mynumber_pack .titbox {padding: 10px 15px; background: #21487a;}
.mynumber_pack .titbox .tit {float: left; letter-spacing: 0.05em;  color: #fff; font-size: 140%;}
.mynumber_pack .titbox a.glid_btn.pamphlet {float: right; width: 280px; height: 40px; *width: 250px; *height: 15px; padding-top: 10px;}
.mynumber_pack hr {margin: 0;}
.mynumber_pack .lead {margin-bottom: 20px;}

/* 費用例 */
body#mynumber .fee_totalbox {margin: 0; padding: 0;}
body#mynumber .fee_totalbox h3 {margin: 0 0 5px; padding: 0; background: none;}
body#mynumber .fee_totalbox .total {background: #fef9db; border: solid #21487a; border-width: 2px 0; text-align: right; margin: 0; padding: 10px 5px; font-size: 140%;}
body#mynumber .fee_totalbox .initial {width: 48%; margin: 0; float: left;}
body#mynumber .fee_totalbox .month   {width: 48%; margin: 0; float: right;}
body#mynumber .feebox th {background: #f2fbff !important; color: #000 !important;}
body#mynumber .feebox th.tit {text-align: center; background: #21487a !important; color: #fff !important;}
body#mynumber .feebox td {text-align: right;}
div.att h5 {font-size: 84%;}


/* =============================================================================
サービスマップ
============================================================================= */
.service_map {position: relative; width: 880px;}
.service_map a {position: absolute; border: 0px solid #f00;}
.service_map a:hover {background: #fff; opacity: 0.7; filter: alpha(opacity=70);}
.map_mynumber {top: 0; left: 0;}

/* 全サービス */
.service_map.all {background: url(/mynumber/service/images/service_bg.png) no-repeat left; height: 690px;}
.service_map.all .map_azukeru      {top:  63px; right: 0;}
.service_map.all .map_utm          {top: 190px; right: 0;}
.service_map.all .map_marugoto     {top: 101px; left:  0;}
.service_map.all .map_fvc          {top: 225px; left:  0;}
.service_map.all .map_mdm          {top: 445px; right: 0;}
.service_map.all .map_webshindan   {top: 348px; left:  0;}
.service_map.all .map_e-learning   {top: 316px; right: 0;}
.service_map.all .map_camera       {top: 470px; left: 0; position: absolute;}
.service_map.all .map_gigarakuwifi {top: 585px; left:  170px;}
.service_map.all .map_anshin       {top: 585px; right: 170px;}
/* 中堅 */
.service_map.mb {background: url(/mynumber/service/images/service_bg_mb.png) no-repeat left; height: 540px;}
.service_map.mb .map_azukeru    {top:  76px; right: 0;}
.service_map.mb .map_marugoto   {top: 123px; left:  0;}
.service_map.mb .map_fvc        {top: 267px; left:  0;}
.service_map.mb .map_webshindan {top: 406px; left:  0;}
.service_map.mb .map_e-learning {top: 313px; right: 0;}

/* 中小 */
.service_map.sb {background: url(/mynumber/service/images/service_bg_sb.png) no-repeat left; height: 480px;}
.service_map.sb .map_azukeru    {top:  16px; right: 0;}
.service_map.sb .map_marugoto   {top: 310px; right: 0;}
.service_map.sb .map_fvc        {top: 136px; left:  0;}
.service_map.sb .map_webshindan {top: 258px; left:  0;}
.service_map.sb .map_e-learning {top: 380px; left:  0;}

/* 個人 */
.service_map.kojin {background: url(/mynumber/service/images/service_bg_kojin.png) no-repeat left; height: 460px;}
.service_map.kojin .map_azukeru  {top:  30px; right: 0;}
.service_map.kojin .map_marugoto {top: 287px; right: 0;}
.service_map.kojin .map_fvc      {top: 157px; left:  0;}


/* =============================================================================
セミナー
============================================================================= */
table.seminar-list .subtit {border: 1px solid #aaa; display: block; width: 80px; text-align: center;}
table.seminar-list ul.list {list-style: none; margin-left: 20px;}
table.seminar-list ul.list li {text-indent: -15px;}
table.seminar-list tr.end {background: #f2f2f2;}
table.seminar-list td {min-height: 30px;}
table.seminar-list td.place {background: #fff;}
table.seminar-list td.order {background: #fff8da;}
table.seminar-list td.dotline {border-bottom: 1px dashed #bbb;}
table.seminar-list td.order a {width: 140px; margin: 5px; padding: 8px;}
table.seminar-list td.order a .link {color: #000; text-decoration: none;}

.semi_chart dt {clear: both; float: left; width: 4.2em;}
.semi_chart dd {margin-left: 4.2em;}

dl.semi_thema  {overflow: hidden; zoom: 1; border: 1px solid #aaa; margin: 10px 0; padding: 10px 10px 0;}
.semi_thema dt {clear: both; float: left; width: 5em; background: #0092d4; color: #fff; text-align: center; margin: 0 10px 8px 0;}
.semi_thema dd {margin-left: 5em; margin: 0 0 8px;}


/* =============================================================================
サポート
============================================================================= */
.contact_box {margin: 0 0 0 -15px;}
.contact_box .box {width: 430px; height: 160px; float: left; text-align: center; border: 1px solid #133e75; margin: 0 0 0 15px; padding: 0;}
.contact_box h3 {margin: 0 0 10px !important; padding: 10px !important; background: #133e75 !important; color: #fff !important; font-size: 140% !important;}
.contact_box .box .ord_btn {display: inline-block; margin: 15px auto; padding: 15px 50px;}
.contact_box .box .freeaccess.dinf {display: inline-block; *width: 230px; font-size: 200%; color: #0068b7; background: url(/shared/images/icon_freeaccess_blue.png) no-repeat left center; height: 40px; margin: 0 auto; padding: 15px 0 0 45px;}


/* =============================================================================
お申し込み・お問い合わせ
============================================================================= */
.order_box {background: #d3eefd; text-align: center; margin: 0; padding: 25px 15px;}
.order_box .catch {letter-spacing: 0.1em; font-size: 180%; line-height: 1.4; text-align: center;}
.order_box ul.glid_btn {letter-spacing: 0.05em; display: inline-block; *display: inline; margin: 0 auto;}
.order_box ul.glid_btn a {cursor: pointer;}
.order_box ul.glid_btn li.order   {width: 340px;  height: 70px; *width: 338px; *height: 68px; margin: 0 10px;}
.order_box ul.glid_btn li.order a {*width: 310px; *height: 40px; padding-top: 20px;}
.order_box ul.glid_btn li.seminar {width: 340px;  height: 70px; *width: 338px; *height: 68px; margin: 0 10px; text-align: left;}
.order_box ul.glid_btn li.seminar a {*width: 310px; *height: 30px; padding-top: 12px; padding-left: 120px; background: url(/mynumber/images/icon_online.png) no-repeat 50px center;}
.order_box ul.glid_btn strong {display: inline-block;}
.order_box p.guidebook {text-align: center; padding-top: 10px;}

/* ========= おまかせマイナンバーパック用 ========= */
.pack_order .order_box {background-color: #fff; background-image: none; margin: 0; padding: 10px 0 0;}
.pack_order .order_box .pamphlet,
.pack_order .order_box hr,
.pack_order .order_box .catch {display: none;}
.pack_order .order_box {margin-left: 0;}

/* ========= お申し込みボタン(黄色) ========= */
.glid_btn li.order {
margin: 0 0 0 10px !important;
text-align: center !important;
border: solid 1px #ffdc4d;
background: -ms-linear-gradient(top, #ffeda6, #ffcc00);
background: -moz-linear-gradient(top, #ffeda6, #ffcc00);
background: -webkit-gradient(linear, center top, center bottom, from(#ffeda6), to(#ffcc00));
background: linear-gradient(#ffeda6, #ffcc00);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFffeda6, endColorstr=#FFffcc00);
background-color: #ffcc00; /* IE6 */}

.glid_btn li.order:hover {background: #ffdc4d !important; border: solid 1px #ffdc4d; filter: none; box-shadow: none;}

/* ========= マイナンバーボタン(水色) ========= */
.glid_btn li.mynumber,
a.mynumber_btn {
text-align: center !important;
border: solid 1px #218bce;
background: -ms-linear-gradient(top, #52a7dd, #218bce);
background: -moz-linear-gradient(top, #52a7dd, #218bce);
background: -webkit-gradient(linear, center top, center bottom, from(#52a7dd), to(#218bce));
background: linear-gradient(#52a7dd, #218bce);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF52a7dd, endColorstr=#FF218bce);
background-color: #218bce; /* IE6 */}

.glid_btn li.mynumber a,
a.mynumber_btn {color: #fff; border: solid 1px #409dd7;}

.glid_btn li.mynumber:hover,
.glid_btn li.mynumber a:hover,
a.mynumber_btn:hover {color: #fff; background: #218bce !important; border-color: #218bce; filter: none; box-shadow: none;}

a.glid_btn.mynumber_btn.long_btn {padding: 8px 15px;}
a.glid_btn.mynumber_btn.long_btn .txt {margin-top: 5px;}

/* マイナちゃん背景 */
.order_box .glid_btn.sub_btn a .maina,
a.mynumber_btn .maina {display: inline-block; height: 54px; background: url(/mynumber/images/icon_maina_m03.png) no-repeat left center; margin: 0 auto; padding: 12px 0 0 40px;}
.order_box .glid_btn.sub_btn a .maina .txt,
a.mynumber_btn .maina .txt {display: inline-block;}

/* テキスト1行 */
.order_box .glid_btn.sub_btn li .maina .txt.line01 {margin-top: 10px;}

/* ========= LP(PR)用 ========= */
.order_box.pr {background: #133e75; color: #fff; padding: 30px 50px 40px;}
.order_box.pr p.pamphlet a {color: #fff;}
.order_box.pr p.pamphlet img {box-shadow: 2px 2px #092149;}

.order_box .glid_btn.sub_btn {margin: 0 0 0 -10px !important; margin: 10px 0; overflow: hidden; zoom: 1;}
.order_box .glid_btn.sub_btn a {display :table; width: 100%; position: relative;}
.order_box .glid_btn.sub_btn a > *{display: table-cell; vertical-align: middle;}

.order_box .glid_btn.sub_btn li.seminer a  {background: url(/mynumber/images/btn_bg_online.png) no-repeat right bottom;}
.order_box .glid_btn.sub_btn li.must a     {background: url(/mynumber/images/btn_bg_must.png) no-repeat right bottom;}
.order_box .glid_btn.sub_btn li.contact a  {background: url(/mynumber/images/btn_bg_contact.png) no-repeat right 20px;}
.order_box .glid_btn.sub_btn li.pamphlet a {background: url(/mynumber/images/btn_bg_pamphlet.png) no-repeat right 15px;}

/* テキスト3行 */
.order_box .glid_btn.sub_btn li .txt.line03 {margin-top: -8px; display: inline-block;}

/* ボタン2列 */
.order_box .glid_btn.sub_btn.row02 li   {width: 440px; height: 100px; *width: 438px; *height: 98px; text-align: left;}
.order_box .glid_btn.sub_btn.row02 li a {*width: 410px; *height: 70px;}

/* ボタン3列 */
.order_box .glid_btn.sub_btn.row03 li   {width: 290px; height: 100px; *width: 288px; *height: 98px; text-align: left;}
.order_box .glid_btn.sub_btn.row03 li a {*width: 260px; *height: 70px;}


/* =============================================================================
LPサービスページ
============================================================================= */

/* ========= 基本構成 ========= */
body.pr-service h1 {font-size: 240%; font-weight: normal; line-height: 1.4; margin: 10px;　letter-spacing: 0; border: none;}
body.pr-service h2 {font-size: 200%; font-weight: normal; line-height: 1.4; margin: 30px 0 15px; background: none; letter-spacing: 0.05em;}
body.pr-service h2 i {padding-left: 10px;}
body.pr-service h3 {font-size: 140%; background: url(/mynumber/images/bg_line.gif) repeat-x left bottom; padding: 0 0 12px;}
body.pr-service .lead {margin: 10px 0; line-height: 1.5;}

/* ========= カテゴ区切り ========= */
body.pr-service .content-bg.block {background: url(/mynumber/images/bg_line_ctg.png) no-repeat left top;}

/* マイナンバータイトル */
body.pr-service .mynumber_tit {background: #222; margin: 40px 0 0; padding: 30px 20px 35px; *padding: 25px 20px 5px; text-align: center;}
body.pr-service .mynumber_tit .inner {background: #222; margin: 0 auto; padding: 0; display: table;}
body.pr-service .mynumber_tit .inner p {background: url(/mynumber/images/icon_maina_m.png) no-repeat left center; color: #fff; height: 60px; padding: 0 0 0 50px; display: table-cell; vertical-align: middle; *display: inline; *zoom: 1; text-align: left; line-height: 1.4; letter-spacing: 0.07em; font-size: 150%;}

body.pr-service .mynumber_tit .red {color: #e81f49;}

/* h3タイトル */
body.pr-service .content-bg.block .tit_box {text-align: center;}
body.pr-service .content-bg.block .tit_box h3 {border-bottom: 1px solid #d31f45; display: inline-block; margin: 0 auto 25px; padding: 0; background: none; font-size: 210%; font-weight: normal;}
body.pr-service .content-bg.block .tit_box img.icon {margin: 15px auto 10px; display: block;}
body.pr-service .content-bg.block .tit_box p {margin: 10px auto; padding: 0;  color: #fff; line-height: 1.2; background: url(/mynumber/images/bg_circle.gif) no-repeat left; width: 105px; height: 105px; overflow: hideen; zoom: 1;}
body.pr-service .content-bg.block .tit_box p .txt {font-size: 110%; display: inline-block; margin-top: 25px;}
body.pr-service .content-bg.block .tit_box p .txt .dinf {font-size: 220%;}

/* まとめ */
body.pr-service .content-bg.summary {background: url(/mynumber/pr/images/bg_arrow.png) no-repeat center top #d6edfb; padding-top: 25px;}
body.pr-service .content-bg.summary .catch {font-size: 220%; line-height: 1.4; margin: 30px 0; text-align: center; letter-spacing: 0.05em;}

/* ========= ページヘッダー ========= */
body.pr-service .pagehead {margin-bottom: 0; position: relative; overflow: hidden; zoom: 1;}
body.pr-service .pagehead.glade {
background: -ms-linear-gradient(top, #e2f6ff, #ffffff) ;
background: -moz-linear-gradient(top, #e2f6ff, #ffffff)
background: -webkit-gradient(linear, center top, center bottom, from(#e2f6ff), to(#ffffff));
background: linear-gradient(#e2f6ff, #ffffff) ;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFe2f6ff, endColorstr=#FFffffff);
background-color: #e2f6ff; /* IE6 */}

/* ========= タブ ========= */
#tab_nav ul {position: relative; z-index: 2; margin: 0 0 20px; padding: 15px 0 0 25px; border: none; height: 45px; list-style: none; border-bottom: 1px solid #288fd0; font-size: 120%;}
#tab_nav ul.fixed {background: #16253b; position: fixed; top: 0; z-index: 2; width: 965px; opacity: 0.95;}
#tab_nav ul li {margin: 0 15px 0 0; padding: 0; float: left; width: 222px; text-align: center; line-height: 1.4; height: 44px; border: solid 1px #288fd0; background: #fff; overflow: hidden; zoom: 1;}
#tab_nav ul li:hover {border-bottom-color: #fff !important;}
#tab_nav ul li a {display: block; text-decoration: none; height: 44px; background: #288fd0;}
#tab_nav ul li a:hover {background: #fff !important;}
#tab_nav ul li strong {display: block; padding: 12px 0; color: #fff; letter-spacing: 0.05em; font-weight: normal;}
#tab_nav ul li strong:hover {color: #288fd0;}

body.tab_idx #tab_nav ul li.tab_idx,
body.tab_fee #tab_nav ul li.tab_fee,
body.tab_fun #tab_nav ul li.tab_fun,
body.tab_con #tab_nav ul li.tab_con {border-bottom-color: #fff;}

body.tab_idx #tab_nav ul li.tab_idx a,
body.tab_fee #tab_nav ul li.tab_fee a,
body.tab_fun #tab_nav ul li.tab_fun a,
body.tab_con #tab_nav ul li.tab_con a {background: #fff !important;}

body.tab_idx #tab_nav ul li.tab_idx strong,
body.tab_fee #tab_nav ul li.tab_fee strong,
body.tab_fun #tab_nav ul li.tab_fun strong,
body.tab_con #tab_nav ul li.tab_con strong {color: #288fd0 !important;}

/* ご相談・お問い合わせ */
#tab_nav ul li.tab_con  {border-color: #ffcc00; border-bottom-color: #288fd0;}
#tab_nav ul li.tab_con:hover {border-color: #288fd0 !important; border-bottom-color: #fff !important;}
#tab_nav ul li.tab_con a {background: #ffcc00 !important; color: #000 !important;}
#tab_nav ul li.tab_con a:hover {background: #fff !important;}
#tab_nav ul li.tab_con strong {color: #000! important;}
#tab_nav ul li.tab_con strong:hover {color: #288fd0 !important;}
body.tab_con #tab_nav ul li.tab_con {border-color: #288fd0 !important; border-bottom-color: #fff !important;}

/* 下部 */
.nav_btm #tab_nav {text-align: center; background: #fff; margin: 30px 55px; border: 1px solid #ccc;}
.nav_btm #tab_nav ul {position: static; width: auto; height: auto; margin: 0 auto; padding: 10px 0; display: inline-block; border: none; background: #fff;}
.nav_btm #tab_nav ul li {width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: -moz-inline-box; display: inline-block; *display: inline; *zoom: 1; border: solid #ccc !important; border-width: 0 0 0 1px !important;}
.nav_btm #tab_nav ul li:first-child {border-left: none !important;}
.nav_btm #tab_nav ul li:hover{border-color: #ccc !important;}
.nav_btm #tab_nav ul li strong {padding: 0; color: #333; font-weight: normal; font-size: 90%;}
.nav_btm #tab_nav ul li strong:hover {color: #288fd0;}
.nav_btm #tab_nav ul li a {background: #fff !important; border: none; padding: 0 20px; height: auto;}
.nav_btm #tab_nav ul li a:hover {background: #fff;}
.nav_btm #tab_nav ul li a strong:hover {text-decoration: underline;}

body.tab_idx .nav_btm #tab_nav ul li.tab_idx a,
body.tab_fee .nav_btm #tab_nav ul li.tab_fee a,
body.tab_fun .nav_btm #tab_nav ul li.tab_fun a,
body.tab_con .nav_btm #tab_nav ul li.tab_con a {background: #fff;}

body.tab_idx .nav_btm #tab_nav ul li.tab_idx a:hover,
body.tab_fee .nav_btm #tab_nav ul li.tab_fee a:hover,
body.tab_fun .nav_btm #tab_nav ul li.tab_fun a:hover,
body.tab_con .nav_btm #tab_nav ul li.tab_con a:hover {cursor: default;}

body.tab_idx .nav_btm #tab_nav ul li.tab_idx strong,
body.tab_fee .nav_btm #tab_nav ul li.tab_fee strong,
body.tab_fun .nav_btm #tab_nav ul li.tab_fun strong,
body.tab_con .nav_btm #tab_nav ul li.tab_con strong {color: #288fd0; text-decoration: none;}

/* 3個 */
 #tab_nav.link03 ul li { width: 300px;}

/* ========= 料金 ========= */
body.pr-service .fee_box {position: relative; margin: 0 0 20px -20px; text-align: center;}
body.pr-service .fee_box .plus{position: absolute; top: 50%; left: 49%}
body.pr-service .fee_box .fee {
float: left;
margin: 0 0 0 20px;
padding: 0;
border: 1px solid #898c92;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}

body.pr-service .fee_box table.fee {box-shadow: none !important;border: 1px solid #898c92; border-radius: 4px; position: relative;}
body.pr-service .fee_box table.fee th {color: #fff; margin: 0; padding: 0; border: none;;}
body.pr-service .fee_box table.fee th h4 {background: #898c92; margin: 0; padding: 10px 0; font-size: 120%;}
body.pr-service .fee_box table.fee td {margin: 0; padding: 15px; border: none;}
body.pr-service .fee_box table.fee.main {border-color: #288fd0;}
body.pr-service .fee_box table.fee.main th h4 {background: #288fd0;}
body.pr-service .fee_box img.plus {z-index: 1;}

body.pr-service .fee_box.box02 table.fee {width: 430px; *width: 428px;}
body.pr-service .fee_box.box03 table.fee {width: 280px; *width: 278px;}
body.pr-service .fee_box.box03 .plus.icon01 {left: 290px;}
body.pr-service .fee_box.box03 .plus.icon02 {left: 590px;}

/* ========= お申し込み・お問い合わせ ========= */
/* ご相談・お問い合わせページ */
body.tab_con .glid_btn li.order {display: none;}
body.tab_con .glid_btn.sub_btn.row03 li   {width: 440px; height: 100px; *width: 438px; *height: 98px; text-align: left;}
body.tab_con .glid_btn.sub_btn.row03 li a {*width: 410px; *height: 70px;}
body.tab_con .glid_btn.sub_btn.row03 li.mynumber .txt .sm {font-size: 100%;}
body.tab_con .glid_btn.sub_btn.row03 li.mynumber .txt .lg {font-size: 130%;}