@charset "shift-jis";

/* === clearfix === */
#header ul:after, #footer ul:after, #nav_global:after, #bread-crumbs:after,
.nav_local_top ul:after, .nav_local_bot ul:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}

#header, #footer, #nav_global, #bread-crumbs
.nav_local_top ul, .nav_local_bot ul {clear: both; zoom: 1;}

/* === ナビリセット === */
.nav_local_top ul, .nav_local_top li,
.nav_local_bot ul, .nav_local_bot li,
#bread-crumbs, #bread-crumbs li,
#header ul, #header li,
#footer ul, #footer li,
#nav_global, #nav_global li {list-style: none; margin: 0; padding: 0; zoom: 1;}

/* === 共通 === */
#header,
#footer,
#nav_site,
#tax_info,
#header .facet_serch .txtimput,
ol#bread-crumbs {line-height: 1.3; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'hirakakupro-w3', 'ＭＳ Ｐゴシック', sans-serif;}

/* -- 税表記 -- */
div.att_hikari {padding: 30px 20px;}
.content div.att_hikari {padding-left: 0; padding-right: 0;}
div.tax {margin-bottom: 1em; padding: 0.5em; border: 1px solid #ccc; border-width: 1px 0;}

#totop {margin-top: 0;}

ul#totop.fixed,
ul#totop.fixed li {margin: 0 !important; padding: 0;}
ul#totop.fixed {border-radius: 0.4rem; bottom: 50px; right: 30px; position: fixed; z-index: 10000; background: rgba(0, 0, 0, 0.5);}
ul#totop.fixed a {text-indent: 10em; position: relative; white-space: nowrap; padding: 0; display: block; background: none; width: 50px; height: 50px; overflow: hidden;}
ul#totop.fixed a:before {text-indent: 0; position: absolute; content: ''; top: 50%; left: 50%; margin-left: -8px; margin-top: -8px; border: solid transparent; border-bottom-color: #fff; border-width: 0 8px 12px;}

/* === ヘッダ === */
#header {background-color: #fff; padding-bottom: 1.2em;}
#header .header_wrap {width: 990px; margin: 0 auto; position: relative;}
#header .header_logo {display: block; margin-top: 15px; float: left; text-align: left;}
#header .header_nav {text-align: right; font-size: 11px; padding: 6px 10px 6px 0;}

#header .header_bridge a,
#header .facet_serch a,
#header .header_bridge a:visited,
#header .facet_serch a:visited {text-decoration: none; color: #000; white-space: nowrap;}

#btn_east_business {position: absolute; left: 10px; top: 60px;}

#header .header_bridge {margin-bottom: 5px;}
#header .header_bridge span.header_cullent {color: #004EA2;}
#header .header_bridge span.header_cullent,
#header .header_bridge a:hover {color: #004EA2; border-bottom: 2px solid #004EA2;}

#header .header_bridge a.ntteast {border-bottom: none; margin-left: 15px;}
#header .header_bridge a.ntteast:hover {border-bottom: none; margin-left: 15px;}
#header .header_bridge a.ntteast img {vertical-align: middle;}

#header .facet_serch {position: relative; display: inline-block; *display: inline; z-index: 999; float: right;}

#header .facet_serch .serch_btn {vertical-align: top; *margin-top: 1px; border-radius: 0;}
#header .facet_serch .txtimput {padding: 2px 4px; font-size: 12px; width: 150px; height: 18px; color: #999; text-align: left; border-right: none; border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px;}
#header .facet_serch .txtimput:focus {color: #000;}

#header .facet_serch a:hover {text-decoration: underline; color: #0099FF;}
#header fieldset {display: inline; border: none;}
#header legend {display: none;}

/* -- 税金・注記表記 -- */
#header .header_att {float: right; clear: right; color: #b00; margin: 6px 0; text-align: left; font-size: 10px; background-color: #fff; border: solid 1px #b00; *white-space: nowrap;}
#header .header_att p {padding: 2px 4px 2px 4px; margin: 0; line-height: 1.2;}
/*#header .header_att p.header_tax {border-bottom: solid 1px #cc0000;}*/
body.gn_hom #header .header_att {max-width: 445px;}

/* -- 報道発表時用 -- */
div.houhatsu a {clear: both; border-radius: 4px; float: right; margin: 6px 0 0 0; padding: 8px 12px 8px 18px; font-size: 11px; line-height: 1em; color: #fff; background: url(/cgi/shared/images/head_info.png) no-repeat left center #000;}

/* === フッタ === */
#footer {padding: 15px 0; text-align: center; font-size: 11px;}
#footer li {float: left;}
#footer ul {display: inline-block; *display: inline;}
#footer .copyright {color: #666;}
#footer li {margin-right: 8px; padding: 1px 8px 0 0; line-height: 1.2; border-right: solid 1px #999;}
#footer a {color: #666; text-decoration: none; white-space: nowrap;}
#footer a:hover {text-decoration: underline;}

/* -- 下部 税金・注記表記 -- */
#tax_info {z-index: 1000; position: fixed; left: 0; bottom: 0; display: none; _display: block; width: 100%; font-size: 11px; color: #fff; text-align: left; background-color: rgba(0,0,0,0.8)}
#tax_info span {display: block; padding: 5px 0 5px 10px;}

/* -- 下部ファセットリンク -- */
.btn_facet_bot {z-index: 1010; position: fixed; bottom: 0; right: 15px; text-align: right;}

/* === ビックフッタ === */
#nav_site * {line-height: 1.4;}
#nav_site {color: #666; background-color: #f5f6f6; font-size: 11px; padding: 5px 0 20px 0;}
#nav_site .nav_global {padding: 1em 0 8px 0; text-align: center; border-bottom: dotted 1px #999;}
#nav_site .clearfix {margin: 0 auto; width: 930px;}

#nav_site strong {font-weight: bold;}
#nav_site dl {float: left; margin-right: 15px; min-height: 18em;}
#nav_site dt {margin-top: 1em; margin-bottom: 4px;}
#nav_site dd {margin-bottom: 4px; text-indent: -1em; padding-left: 1em;}
#nav_site a {color: #666; text-decoration: none;}
#nav_site a:hover {color: #09f; text-decoration: underline;}
#nav_site dd a:before {content:"・";}

body.soho #nav_site .clearfix {margin: 0 auto; width: 920px;}
body.soho #nav_site {font-size: 12px;}

/* === 個人・法人切り替え === */
/* --- タイトル切り替え（サービスごとの指定はflets_nav_local.cssに記述） --- */
#header img.houjin,
#header img.soho {display: none;}
body.soho #header img.kojin,
body.biz  #header img.kojin {display: none;}
body.biz  #header img.houjin,
body.soho #header img.soho {display: inline;}
/* === ブレットコラム === */
ol#bread-crumbs {min-height: 25px; height: auto !important; _height: 25px; padding: 10px 20px 0; font-size: 80%;}
ol#bread-crumbs li {float: left; margin: 0 0.5em 2px 0; padding-left: 1em; background: url(/cgi/shared/images/arrow_bread.gif) 0.25em center no-repeat;}
ol#bread-crumbs li.home {padding-left: 0px; background: none;}
ol#bread-crumbs a {color: #09f; text-decoration: none;}
ol#bread-crumbs a:visited {color: #09f}
ol#bread-crumbs a:hover {color: #09f; text-decoration: underline;}

/* === グローバルナビ === */
#nav_global {height: 45px;}
#nav_global li {float: left;}
#nav_global a {background: url(/cgi/shared/images/nav_global.png) no-repeat top; width: 170px; height: 45px; display: block; text-indent: 170px; white-space: nowrap; overflow: hidden;}

#nav_global a.gn_hom {width: 140px; background-position: left top;}
#nav_global a.gn_hom:hover ,
body.gn_hom #nav_global a.gn_hom {background-position: left -50px;}

#nav_global a.gn_hik {background-position: -140px top;}
#nav_global a.gn_hik:hover,
body.gn_hik #nav_global a.gn_hik {background-position: -140px -50px}

#nav_global a.gn_sty {background-position: -310px top;}
#nav_global a.gn_sty:hover,
body.gn_sty #nav_global a.gn_sty {background-position: -310px -50px}

#nav_global a.gn_ser {background-position: -480px top;}
#nav_global a.gn_ser:hover,
body.gn_ser #nav_global a.gn_ser {background-position: -480px -50px}

#nav_global a.gn_fmc {background-position: -650px top;}
#nav_global a.gn_fmc:hover,
body.gn_fmc #nav_global a.gn_fmc {background-position: -650px -50px}

#nav_global a.gn_sup {background-position: -820px top;}
#nav_global a.gn_sup:hover,
body.gn_sup #nav_global a.gn_sup {background-position: -820px -50px}


/* === ローカルナビ上部 === */
.nav_local_top ul {margin-bottom: 20px; width: 100%; overflow: hidden;}
.nav_local_top ul li {height: 55px; float: left; overflow: hidden;}
.nav_local_top ul li a {height: 55px; display: block; background-repeat: no-repeat; text-indent: 200px; white-space: nowrap; overflow: hidden;}

/* --- 950px用 --- */
.nav_local_top ul.nav_local05 a {width: 190px;}
.nav_local_top ul.nav_local06 a {width: 158px;}
.nav_local_top ul.nav_local06 li.ln06 a {width: 160px;} /* 端数合わせ（+2px） */
.nav_local_top ul.nav_local07 a {width: 136px;}
.nav_local_top ul.nav_local07 li.ln07 a {width: 134px;} /* 端数合わせ（-2px） */
.nav_local_top ul.nav_local08 a {width: 119px;}
.nav_local_top ul.nav_local08 li.ln08 a {width: 117px;} /* 端数合わせ（-2px） */


/* 5個場合 */
.nav_local_top .nav_local05 .ln01 a {background-position: left   top;}
.nav_local_top .nav_local05 .ln02 a {background-position: -190px top;}
.nav_local_top .nav_local05 .ln03 a {background-position: -380px top;}
.nav_local_top .nav_local05 .ln04 a {background-position: -570px top;}
.nav_local_top .nav_local05 .ln05 a {background-position: -760px top;}

body.ln01 .nav_local_top .nav_local05 .ln01 a,
.nav_local_top .nav_local05 .ln01 a:hover {background-position: left   -60px;}
body.ln02 .nav_local_top .nav_local05 .ln02 a,
.nav_local_top .nav_local05 .ln02 a:hover {background-position: -190px -60px;}
body.ln03 .nav_local_top .nav_local05 .ln03 a,
.nav_local_top .nav_local05 .ln03 a:hover {background-position: -380px -60px;}
body.ln04 .nav_local_top .nav_local05 .ln04 a,
.nav_local_top .nav_local05 .ln04 a:hover {background-position: -570px -60px;}
body.ln05 .nav_local_top .nav_local05 .ln05 a,
.nav_local_top .nav_local05 .ln05 a:hover {background-position: -760px -60px;}

/* 6個場合 */
.nav_local_top .nav_local06 .ln01 a {background-position: left   top;}
.nav_local_top .nav_local06 .ln02 a {background-position: -158px top;}
.nav_local_top .nav_local06 .ln03 a {background-position: -316px top;}
.nav_local_top .nav_local06 .ln04 a {background-position: -474px top;}
.nav_local_top .nav_local06 .ln05 a {background-position: -632px top;}
.nav_local_top .nav_local06 .ln06 a {background-position: -790px top;}

body.ln01 .nav_local_top .nav_local06 .ln01 a,
.nav_local_top .nav_local06 .ln01 a:hover {background-position: left   -60px;}
body.ln02 .nav_local_top .nav_local06 .ln02 a,
.nav_local_top .nav_local06 .ln02 a:hover {background-position: -158px -60px;}
body.ln03 .nav_local_top .nav_local06 .ln03 a,
.nav_local_top .nav_local06 .ln03 a:hover {background-position: -316px -60px;}
body.ln04 .nav_local_top .nav_local06 .ln04 a,
.nav_local_top .nav_local06 .ln04 a:hover {background-position: -474px -60px;}
body.ln05 .nav_local_top .nav_local06 .ln05 a,
.nav_local_top .nav_local06 .ln05 a:hover {background-position: -632px -60px;}
body.ln06 .nav_local_top .nav_local06 .ln06 a,
.nav_local_top .nav_local06 .ln06 a:hover {background-position: -790px -60px;}

/* 7個場合 */
.nav_local_top .nav_local07 .ln01 a {background-position: left   top;}
.nav_local_top .nav_local07 .ln02 a {background-position: -136px top;}
.nav_local_top .nav_local07 .ln03 a {background-position: -272px top;}
.nav_local_top .nav_local07 .ln04 a {background-position: -408px top;}
.nav_local_top .nav_local07 .ln05 a {background-position: -544px top;}
.nav_local_top .nav_local07 .ln06 a {background-position: -680px top;}
.nav_local_top .nav_local07 .ln07 a {background-position: -816px top;}

body.ln01 .nav_local_top .nav_local07 .ln01 a,
.nav_local_top .nav_local07 .ln01 a:hover {background-position: left   -60px;}
body.ln02 .nav_local_top .nav_local07 .ln02 a,
.nav_local_top .nav_local07 .ln02 a:hover {background-position: -136px -60px;}
body.ln03 .nav_local_top .nav_local07 .ln03 a,
.nav_local_top .nav_local07 .ln03 a:hover {background-position: -272px -60px;}
body.ln04 .nav_local_top .nav_local07 .ln04 a,
.nav_local_top .nav_local07 .ln04 a:hover {background-position: -408px -60px;}
body.ln05 .nav_local_top .nav_local07 .ln05 a,
.nav_local_top .nav_local07 .ln05 a:hover {background-position: -544px -60px;}
body.ln06 .nav_local_top .nav_local07 .ln06 a,
.nav_local_top .nav_local07 .ln06 a:hover {background-position: -680px -60px;}
body.ln07 .nav_local_top .nav_local07 .ln07 a,
.nav_local_top .nav_local07 .ln07 a:hover {background-position: -816px -60px;}

/* 8個場合 */
.nav_local_top .nav_local08 .ln01 a {background-position: left   top;}
.nav_local_top .nav_local08 .ln02 a {background-position: -119px top;}
.nav_local_top .nav_local08 .ln03 a {background-position: -238px top;}
.nav_local_top .nav_local08 .ln04 a {background-position: -357px top;}
.nav_local_top .nav_local08 .ln05 a {background-position: -476px top;}
.nav_local_top .nav_local08 .ln06 a {background-position: -595px top;}
.nav_local_top .nav_local08 .ln07 a {background-position: -714px top;}
.nav_local_top .nav_local08 .ln08 a {background-position: -833px top;}

body.ln01 .nav_local_top .nav_local08 .ln01 a,
.nav_local_top .nav_local08 .ln01 a:hover {background-position: left   -60px;}
body.ln02 .nav_local_top .nav_local08 .ln02 a,
.nav_local_top .nav_local08 .ln02 a:hover {background-position: -119px -60px;}
body.ln03 .nav_local_top .nav_local08 .ln03 a,
.nav_local_top .nav_local08 .ln03 a:hover {background-position: -238px -60px;}
body.ln04 .nav_local_top .nav_local08 .ln04 a,
.nav_local_top .nav_local08 .ln04 a:hover {background-position: -357px -60px;}
body.ln05 .nav_local_top .nav_local08 .ln05 a,
.nav_local_top .nav_local08 .ln05 a:hover {background-position: -476px -60px;}
body.ln06 .nav_local_top .nav_local08 .ln06 a,
.nav_local_top .nav_local08 .ln06 a:hover {background-position: -595px -60px;}
body.ln07 .nav_local_top .nav_local08 .ln07 a,
.nav_local_top .nav_local08 .ln07 a:hover {background-position: -714px -60px;}
body.ln08 .nav_local_top .nav_local08 .ln08 a,
.nav_local_top .nav_local08 .ln08 a:hover {background-position: -833px -60px;}


/* --- 2段 710px用 --- */
.container .nav_local_top ul.nav_local04 a {width: 177px;}
.container .nav_local_top ul.nav_local04 li.ln04 a {width: 179px;} /* 端数合わせ（+2px） */
.container .nav_local_top ul.nav_local05 a {width: 142px;}
.container .nav_local_top ul.nav_local06 a {width: 118px;}
.container .nav_local_top ul.nav_local06 li.ln06 a {width: 120px;} /* 端数合わせ（+2px） */

/* 4個場合 */
.container .nav_local_top .nav_local04 .ln01 a {background-position:   left top;}
.container .nav_local_top .nav_local04 .ln02 a {background-position: -177px top;}
.container .nav_local_top .nav_local04 .ln03 a {background-position: -354px top;}
.container .nav_local_top .nav_local04 .ln04 a {background-position: -531px top;}

body.ln01 .container .nav_local_top .nav_local04 .ln01 a,
.container .nav_local_top .nav_local04 .ln01 a:hover {background-position:   left -60px;}
body.ln02 .container .nav_local_top .nav_local04 .ln02 a,
.container .nav_local_top .nav_local04 .ln02 a:hover {background-position: -177px -60px;}
body.ln03 .container .nav_local_top .nav_local04 .ln03 a,
.container .nav_local_top .nav_local04 .ln03 a:hover {background-position: -354px -60px;}
body.ln04 .container .nav_local_top .nav_local04 .ln04 a,
.container .nav_local_top .nav_local04 .ln04 a:hover {background-position: -531px -60px;}

/* 5個場合 */
.container .nav_local_top .nav_local05 .ln01 a {background-position:   left top;}
.container .nav_local_top .nav_local05 .ln02 a {background-position: -142px top;}
.container .nav_local_top .nav_local05 .ln03 a {background-position: -284px top;}
.container .nav_local_top .nav_local05 .ln04 a {background-position: -426px top;}
.container .nav_local_top .nav_local05 .ln05 a {background-position: -568px top;}

body.ln01 .container .nav_local_top .nav_local05 .ln01 a,
.container .nav_local_top .nav_local05 .ln01 a:hover {background-position:   left -60px;}
body.ln02 .container .nav_local_top .nav_local05 .ln02 a,
.container .nav_local_top .nav_local05 .ln02 a:hover {background-position: -142px -60px;}
body.ln03 .container .nav_local_top .nav_local05 .ln03 a,
.container .nav_local_top .nav_local05 .ln03 a:hover {background-position: -284px -60px;}
body.ln04 .container .nav_local_top .nav_local05 .ln04 a,
.container .nav_local_top .nav_local05 .ln04 a:hover {background-position: -426px -60px;}
body.ln05 .container .nav_local_top .nav_local05 .ln05 a,
.container .nav_local_top .nav_local05 .ln05 a:hover {background-position: -568px -60px;}

/* 6個場合 */
.container .nav_local_top .nav_local06 .ln01 a {background-position:   left top;}
.container .nav_local_top .nav_local06 .ln02 a {background-position: -118px top;}
.container .nav_local_top .nav_local06 .ln03 a {background-position: -236px top;}
.container .nav_local_top .nav_local06 .ln04 a {background-position: -354px top;}
.container .nav_local_top .nav_local06 .ln05 a {background-position: -472px top;}
.container .nav_local_top .nav_local06 .ln06 a {background-position: -590px top;}

body.ln01 .container .nav_local_top .nav_local06 .ln01 a,
.container .nav_local_top .nav_local06 .ln01 a:hover {background-position:   left -60px;}
body.ln02 .container .nav_local_top .nav_local06 .ln02 a,
.container .nav_local_top .nav_local06 .ln02 a:hover {background-position: -118px -60px;}
body.ln03 .container .nav_local_top .nav_local06 .ln03 a,
.container .nav_local_top .nav_local06 .ln03 a:hover {background-position: -236px -60px;}
body.ln04 .container .nav_local_top .nav_local06 .ln04 a,
.container .nav_local_top .nav_local06 .ln04 a:hover {background-position: -354px -60px;}
body.ln05 .container .nav_local_top .nav_local06 .ln05 a,
.container .nav_local_top .nav_local06 .ln05 a:hover {background-position: -472px -60px;}
body.ln06 .container .nav_local_top .nav_local06 .ln06 a,
.container .nav_local_top .nav_local06 .ln06 a:hover {background-position: -590px -60px;}

/* === ローカルナビ下部（共通） === */
.nav_local_bot {margin: 35px 0}
.nav_local_bot ul {margin: 0; padding: 7px 0; text-align: center; background-color: #666; font-size: 80%; line-height: 1.4;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

.nav_local_bot li {display: inline;}
.nav_local_bot li {border-left: solid 1px #fff; margin-left: 1em; padding-left: 1em;}
.nav_local_bot li br {display: none;}
.nav_local_bot a, .nav_local_bot a:visited, .nav_local_bot a:hover {color: #fff; text-decoration: none;}
.nav_local_bot a:hover {text-decoration: underline;}

body.ln01 .nav_local_bot .ln01 a, body.ln01 .nav_local_bot .ln01 a:visited, body.ln01 .nav_local_bot .ln01 a:hover,
body.ln02 .nav_local_bot .ln02 a, body.ln02 .nav_local_bot .ln02 a:visited, body.ln02 .nav_local_bot .ln02 a:hover,
body.ln03 .nav_local_bot .ln03 a, body.ln03 .nav_local_bot .ln03 a:visited, body.ln03 .nav_local_bot .ln03 a:hover,
body.ln04 .nav_local_bot .ln04 a, body.ln04 .nav_local_bot .ln04 a:visited, body.ln04 .nav_local_bot .ln04 a:hover,
body.ln05 .nav_local_bot .ln05 a, body.ln05 .nav_local_bot .ln05 a:visited, body.ln05 .nav_local_bot .ln05 a:hover,
body.ln06 .nav_local_bot .ln06 a, body.ln06 .nav_local_bot .ln06 a:visited, body.ln06 .nav_local_bot .ln06 a:hover,
body.ln07 .nav_local_bot .ln07 a, body.ln07 .nav_local_bot .ln07 a:visited, body.ln07 .nav_local_bot .ln07 a:hover,
body.ln08 .nav_local_bot .ln08 a, body.ln08 .nav_local_bot .ln08 a:visited, body.ln08 .nav_local_bot .ln08 a:hover {color: #ccc; text-decoration: none;}

/* 一番目の項目のみ左の線とマージンを消す */
.nav_local_bot li:first-child {border-left: none; margin-left: 0; padding-left: 0;}

.btn_splink {display: none;}

/* === 1段カタログ用（SMB系） === */
#nav_local_top {margin: 10px auto 15px; list-style: none; text-align: center; line-height: 1.3;}
#nav_local_top ul {line-height: 1.3;}
#nav_local_top ul,
#nav_local_top li {margin: 0; padding: 0; list-style: none;}

#nav_local_top li.menu {margin-left: 1px; position: relative; float: left; background-color: #e9e9e9; box-shadow: 0 5px 8px -5px rgba(0,0,0,0.4) inset}
#nav_local_top li.menu:first-child {margin-left: 0}
#nav_local_top li a {display: block; height: 38px; white-space: nowrap; color: inherit; text-decoration: none; padding-top: 17px;}

#nav_local_top li.login,
#nav_local_top li.support,
#nav_local_top li.order {border-radius: 4px; margin-left: 10px}
#nav_local_top li.support {background-color: #A3C9EF}
#nav_local_top li.order   {background-color: #ffdc4d}
#nav_local_top li.login   {background-color: #2248DB; color: #fff}

#nav_local_top li.ln01 {margin-left: 0; border-radius: 4px 0 0 4px; }
#nav_local_top li.rad  {border-radius: 0 4px 4px 0}

.container #nav_local_top ul.col4 li {width: 24.8%;}
.container #nav_local_top ul.col5 li {width: 19.8%;}
.container #nav_local_top {margin-top: 0;}


/* オンマウス時、カレント時制御 */
#nav_local_top li.menu:hover,
body.ln01 #nav_local_top li.ln01,
body.ln02 #nav_local_top li.ln02,
body.ln03 #nav_local_top li.ln03,
body.ln04 #nav_local_top li.ln04,
body.ln05 #nav_local_top li.ln05,
body.ln06 #nav_local_top li.ln06 {background-color: #a6a6a6; box-shadow: none; color: #fff}

#nav_local_top li.login {color: #fff} /* ログイン用 */
body.ln_sup #nav_local_top li.support,
#nav_local_top li.support:hover {background-color: #7AACE0} /* サポート用 */
#nav_local_top li.order:hover {background-color: #ffdc4d; color: #900} /* お申し込み、お問い合わせ用 */
#nav_local_top li.login:hover {background-color: #183299}

/* サブメニュー矢印 */
#nav_local_top li.sub-menu:after {position: absolute; display: block; border: solid transparent; content: ""; border-width: 5px 5px 0 5px; margin-left: -6px; left: 50%; bottom: 5px; border-top-color: #002DDB}
#nav_local_top li.sub-menu:hover:after,
body.ln02 #nav_local_top li.ln02:after,
body.ln03 #nav_local_top li.ln03:after,
body.ln04 #nav_local_top li.ln04:after,
body.ln05 #nav_local_top li.ln05:after,
body.ln06 #nav_local_top li.ln06:after {border-top-color: #fff}

/* -- サブサブメニュー -- */
#nav_local_top li ul {text-align: left; display: none; position: absolute; z-index: 10; top: 55px; left: 0; background: #fff; box-shadow: 0 3px 4px 0 rgba(0,0,0,0.3); border-top: 1px solid #bbb; *border-right: 1px solid #bbb}
#nav_local_top li li {position: relative;}
#nav_local_top li li:after {position: absolute; display: block; border: solid transparent; content: ""; border-width: 4px 0 4px 6px; margin-top: -5px; right: 14px; top: 50%; border-left-color: #002DDB}
#nav_local_top li li a {box-sizing: border-box; padding: 1em 2.5em 1em 1em; display: block; min-width: 200px; width: auto !important; width: 155px; height: auto; color: #000 !important; border: solid #bbb; border-width: 0 1px 1px; *border-right: none;}
#nav_local_top li li a:hover {color: #09f !important; text-decoration: underline}

/* サブサブメニューアクティブ（スマホ対応版用） */
body.ln02.ch01 #nav_local_top li.ln02 li:first-child a,
body.ln02.ch02 #nav_local_top li.ln02 li:nth-child(2) a,
body.ln02.ch03 #nav_local_top li.ln02 li:nth-child(3) a,
body.ln02.ch04 #nav_local_top li.ln02 li:nth-child(4) a,
body.ln02.ch05 #nav_local_top li.ln02 li:nth-child(5) a,

body.ln03.ch01 #nav_local_top li.ln03 li:first-child a,
body.ln03.ch02 #nav_local_top li.ln03 li:nth-child(2) a,
body.ln03.ch03 #nav_local_top li.ln03 li:nth-child(3) a,
body.ln03.ch04 #nav_local_top li.ln03 li:nth-child(4) a,
body.ln03.ch05 #nav_local_top li.ln03 li:nth-child(5) a,

body.ln04.ch01 #nav_local_top li.ln04 li:first-child a,
body.ln04.ch02 #nav_local_top li.ln04 li:nth-child(2) a,
body.ln04.ch03 #nav_local_top li.ln04 li:nth-child(3) a,
body.ln04.ch04 #nav_local_top li.ln04 li:nth-child(4) a,
body.ln04.ch05 #nav_local_top li.ln04 li:nth-child(5) a,

body.ln05.ch01 #nav_local_top li.ln05 li:first-child a,
body.ln05.ch02 #nav_local_top li.ln05 li:nth-child(2) a,
body.ln05.ch03 #nav_local_top li.ln05 li:nth-child(3) a,
body.ln05.ch04 #nav_local_top li.ln05 li:nth-child(4) a,
body.ln05.ch05 #nav_local_top li.ln05 li:nth-child(5) a,

body.ln06.ch01 #nav_local_top li.ln06 li:first-child a,
body.ln06.ch02 #nav_local_top li.ln06 li:nth-child(2) a,
body.ln06.ch03 #nav_local_top li.ln06 li:nth-child(3) a,
body.ln06.ch04 #nav_local_top li.ln06 li:nth-child(4) a,
body.ln06.ch05 #nav_local_top li.ln06 li:nth-child(5) a,

body.ln07.ch01 #nav_local_top li.ln07 li:first-child a,
body.ln07.ch02 #nav_local_top li.ln07 li:nth-child(2) a,
body.ln07.ch03 #nav_local_top li.ln07 li:nth-child(3) a,
body.ln07.ch04 #nav_local_top li.ln07 li:nth-child(4) a,
body.ln07.ch05 #nav_local_top li.ln07 li:nth-child(5) a {background-color: #eee; color: #999 !important; cursor: default; text-decoration: none}

body.ln02.ch01 #nav_local_top li.ln02 li:first-child:after,
body.ln02.ch02 #nav_local_top li.ln02 li:nth-child(2):after,
body.ln02.ch03 #nav_local_top li.ln02 li:nth-child(3):after,
body.ln02.ch04 #nav_local_top li.ln02 li:nth-child(4):after,
body.ln02.ch05 #nav_local_top li.ln02 li:nth-child(5):after,

body.ln03.ch01 #nav_local_top li.ln03 li:first-child:after,
body.ln03.ch02 #nav_local_top li.ln03 li:nth-child(2):after,
body.ln03.ch03 #nav_local_top li.ln03 li:nth-child(3):after,
body.ln03.ch04 #nav_local_top li.ln03 li:nth-child(4):after,
body.ln03.ch05 #nav_local_top li.ln03 li:nth-child(5):after,

body.ln04.ch01 #nav_local_top li.ln04 li:first-child:after,
body.ln04.ch02 #nav_local_top li.ln04 li:nth-child(2):after,
body.ln04.ch03 #nav_local_top li.ln04 li:nth-child(3):after,
body.ln04.ch04 #nav_local_top li.ln04 li:nth-child(4):after,
body.ln04.ch05 #nav_local_top li.ln05 li:nth-child(5):after,

body.ln05.ch01 #nav_local_top li.ln05 li:first-child:after,
body.ln05.ch02 #nav_local_top li.ln05 li:nth-child(2):after,
body.ln05.ch03 #nav_local_top li.ln05 li:nth-child(3):after,
body.ln05.ch04 #nav_local_top li.ln05 li:nth-child(4):after,
body.ln05.ch05 #nav_local_top li.ln05 li:nth-child(5):after,

body.ln06.ch01 #nav_local_top li.ln06 li:first-child:after,
body.ln06.ch02 #nav_local_top li.ln06 li:nth-child(2):after,
body.ln06.ch03 #nav_local_top li.ln06 li:nth-child(3):after,
body.ln06.ch04 #nav_local_top li.ln06 li:nth-child(4):after,
body.ln06.ch05 #nav_local_top li.ln06 li:nth-child(5):after,

body.ln07.ch01 #nav_local_top li.ln07 li:first-child:after,
body.ln07.ch02 #nav_local_top li.ln07 li:nth-child(2):after,
body.ln07.ch03 #nav_local_top li.ln07 li:nth-child(3):after,
body.ln07.ch04 #nav_local_top li.ln07 li:nth-child(4):after,
body.ln07.ch05 #nav_local_top li.ln07 li:nth-child(5):after {display: none}


/* 下部前次ボタン */
ul.next_prev {margin: 0; padding: 40px 0; list-style: none; font-size: 24px; line-height: 1.3}

.content-bg .content ul.next_prev,
.content .section ul.next_prev,
.content.pad_tb ul.next_prev:last-child {padding-bottom: 0}
ul.next_prev .prev,
ul.next_prev .next {padding: 0; margin: 0;}

ul.next_prev:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}
ul.next_prev .prev {float: left;}
ul.next_prev .prev a {display: block; padding: 0.3em 0 0.3em 1.2em; background: url(/cgi/shared/images/arrow_back.png) no-repeat left center;}
ul.next_prev .next {float: right;}
ul.next_prev .next a {display: block; padding: 0.3em 1.2em 0.3em 0; background: url(/cgi/shared/images/arrow_next.png) no-repeat right center;}
/* 2行になる場合 */
.next_prev .line2 a {font-size: 85%;}
.next_prev .next.line2 a {text-align: right;}

/* === カウント無しSNSボタン === */
#sns_share {list-style: none; margin: 0; padding: 0; font-size: 14px; line-height: 1}
#sns_share li {float: left; margin: 0}
#sns_share a {text-indent: 40px; border-radius: 4px; display: block; width: 115px; text-align: left; color: #fff; background: #fff no-repeat 10px center; padding: 10px 0}
#sns_share .sns_fb a {background-image: url(/cgi/shared/images/sns_icon_fb.png); background-color: #3b5998}
#sns_share .sns_tw a {background-image: url(/cgi/shared/images/sns_icon_tw.png); background-color: #00aced}
#sns_share .sns_gp a {background-image: url(/cgi/shared/images/sns_icon_gp.png); background-color: #db4a39}
#sns_share .sns_in a {text-indent: 0; background-color: #0077B5}
#sns_share .sns_fb, #sns_share .sns_tw {margin-right: 10px}

/* === コラボ提供状況 === */
a.att_collabo {width: 230px; display: block; text-decoration: none; color: #000}
a.att_collabo p {margin: 0 0 0.2em 0; font-size: 12px; line-height: normal}
a.att_collabo .collabo_starget {float: left;}
a.att_collabo p b {background-color: #fff; float: right; font-family: monospace; line-height: 1.1; padding: 1px; border: 1px solid #aaa; border-radius: 3px}
a.att_collabo ul {background-color: #2aa9d2; overflow: hidden; margin: 0; padding: 0; line-height: 1.3; list-style: none; text-align: center; font-size: 11px; border-radius: 4px}
a.att_collabo li {float: left; white-space: nowrap; margin: 0; padding: 4px 0; width: 50%; background-color: #bbb; color: #555} 
a.att_collabo li.ntteast_flets  {background-color: #2aa9d2; color: #fff}
a.att_collabo li.collabo_hikari {color: #555; position: relative; background: #bbb}
a.att_collabo li.collabo_hikari span.no_collabo {text-shadow: 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000; margin-left: -1.5em; font-size: 14px; color: #fff; position: absolute; top: 0.75em; left: 50%}
a.att_collabo .collabo_adsl {display: none; font-size: 90%}

.att_collabo_top {position: relative;}
.att_collabo_top .att_collabo {position: absolute; top: 0; right: 0; z-index: 1;}

/* カタログテンプレート用コラボ提供状況 */
html.tpl_catalog .att_collabo_top {margin-bottom: 10px}
html.tpl_catalog .att_collabo_top h1 {width: 460px; margin: 0; padding-top: 1em;}
html.tpl_catalog .att_collabo_top h1 span.sname {font-size: 18px; position: absolute; top: 0; left: 0; letter-spacing: 0}

/* ライトボックス閉じるボタンスマホ対応 */
body.colorbox .btn_close {display: none}

/* プロもエリアなどの自由配置（位置は個別に記述） */
.att_collabo_absolute {position: absolute;}
/* 透過の背景必要時 */
.att_collabo_absolute.alpha {border-radius: 4px; padding: 5px; background-color: rgba(255,255,255,0.75); background-color: #fff\9;}

@media print {
	#footer {border-top: 1px solid #999;}
	#nav_site, #tax_info, .btn_facet_bot {display: none !important;}
}

