@charset "shift-jis";

/* === レイアウト === */
.content {width: 950px; margin: 0 20px; font-size: 88%; line-height: 150%;
font-family: 'ＭＳ Ｐゴシック','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;}

.container .content {width: 700px; margin: 0 20px 0 25px;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; line-height: 110%;}
h3, h4, h5, h6 {line-height: 130%;}

a.att_collabo,
.att_collabo_top h1 {font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','hirakakupro-w3'}

table {font-size: 100%;}
caption {font-size: 78%;}

.xlg {font-size: 140%; line-height: 150%;}
.lg {font-size: 116%; line-height: 135%;}
.sm, .ss {font-size: 80%; line-height:130%;}

.content th, .content td {line-height: 150%;}

.type01 td, .type01 th,
.type02 td, .type02 th {line-height: 120%;}

.type01 td .sm, .type01 th .sm,
.type02 td .sm, .type02 th .sm {line-height:110%;}

.sm li {margin: 0.2em 0;}

sup {vertical-align: 3px;}

p {margin: 0.3em 0;}
ul, ol {margin: 0.7em 0 1em 2em; padding: 0;}
ol {margin-left: 2.5em;}

img {vertical-align: middle;}

/* テーブル定義 */
th, td {line-height: 150%;}

.type01 th, .type01 td, 
.type02 th, .type02 td, 
dt, dd {margin: 0.4em 0; line-height: 120%;}

/* .content ul {list-style: disc;}
.content ol {list-style: decimal;} */
.content li {zoom: normal;}


/* === 本文中の基本リンク === */
ul.links, ul.link,
ul.anchors, ul.anchor,
ul.link-re,
ul.link-r, ul.link-rr, ul.links-img, ul.pdf {list-style: none;}

ul.links, ul.link,
ul.anchors, ul.anchor,
ul.pdf {margin-left: 1.25em;}

ul.link-re {margin-left: 0;}

ul.links li,
ul.anchors li {margin-top: 0; margin-bottom: 0.5em; padding-top: 1px;}

.link li {background: url(/shared/legacy/images/arrow_link.gif) no-repeat left 2px; padding-left: 14px;}
.link li.off {color: #999; background: url(/shared/legacy/images/arrow_link_off.gif) no-repeat left 2px; padding-left: 14px;}

.link-re li {background: url(/shared/legacy/images/arrow_return.gif) no-repeat left center; padding-left: 12px;}

.links li {background: url(/shared/legacy/images/arrow_link.gif) no-repeat left center; padding-left: 14px;}
.links li.off {color: #999; background: url(/shared/legacy/images/arrow_link_off.gif) no-repeat left center; padding-left: 14px;}

.link li.anchor, .anchor li {background: url(/shared/legacy/images/arrow_anchor.gif) no-repeat left 2px; padding-left: 14px;}
.links li.anchor, .anchors li, a.anchor {background: url(/shared/legacy/images/arrow_anchor.gif) no-repeat left center; padding-left: 14px;}

.link-r li {text-align: right;}
.link-r li a {background: url(/shared/legacy/images/arrow_link.gif) no-repeat left 1px; padding-left: 14px;}

.link-rr li {background: url(/shared/legacy/images/arrow_link.gif) no-repeat right 2px; padding-right: 12px; text-align: right;}

.links li.off, .links li, .anchors li {
	float: left;
	margin-right: 1.75em;
	line-height: 110%;
	white-space: nowrap;
}

a.link    {background: url(/shared/legacy/images/arrow_link.gif) no-repeat 2px center; padding: 0 2px 0 14px;}
a.link-rr {background: url(/shared/legacy/images/arrow_link.gif) no-repeat right center; padding-right: 12px;}
a.link-re {background: url(/shared/legacy/images/arrow_return.gif) no-repeat left center; padding-left: 12px;}

.sm .links li, .sm .links li {background: url(/shared/legacy/imsages/arrow_link_sm.gif) no-repeat 2px center; padding: 0 2px 0 12px;}
.sm .links li, .sm .link li {background: url(/shared/legacy/images/arrow_link_sm.gif) no-repeat 2px 2px; padding: 0 2px 0 12px;}


/* -- pdfファイルのリンク -- */
ul.pdf li {background:url(/shared/legacy/images/pdficonsmall.gif) no-repeat left center; padding:7px 0 7px 30px;}

/* -- ブランクリンク -- */
.blank {background: url(/shared/legacy/images/icon_blank.gif) no-repeat right; padding-right: 12px;}
a.blank {background: url(/shared/legacy/images/icon_blank.gif) no-repeat right; padding-right: 15px;}


/* ===== clearfix ===== */
.container:after,
.clearfix:after,
ul.anchors:after,
ul.links:after,
#contents-navi:after,
#sub-navi:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}

.container,
.clearfix,
ul.anchors,
ul.links,
#contents-navi,
#sub-navi {zoom: 1; clear: both;}


/* 定型デザイン要素 */

/* -- 強調色 -- */
.red {color: #b00;}
.blue {color: #184d96;}
.gray {color: #999;}

/* -- テキストインデント -- */
.indent-1w {padding-left:1em; text-indent:-1em;}
.indent-1wh {padding-left:1.5em; text-indent:-1.5em;}
.indent-2w {padding-left:2em; text-indent:-2em;}
.indent-2wh {padding-left:2.5em; text-indent:-2.5em;}

p.indent-1w,
p.indent-1wh,
p.indent-2w,
p.indent-2wh {margin: 0.2em 0;}

/* ===== 表組みパターン ===== */
caption {text-align: right; padding-bottom: 5px;}

table.type01, table.type02 {margin: 0.4em 0; border-collapse: collapse; border: 1px solid #999; border-style: solid none none solid;}
table.type01 th, table.type01 td,
table.type02 th, table.type02 td {line-height: 1.2em; font-weight: normal; border: 1px solid #999; border-style: none solid solid none;}

/* -- type01（htセンター） -- */
table.type01 th {background-color: #ddd;}

/* -- type02（ht左寄せ） -- */
table.type02 th {text-align:left; background-color: #ddd;}

/* -- 表中の入れ子テーブル制御（レイアウト用） -- */
table.type01 table, table.type02 table {margin: 0;}
table.type01 table,
table.type01 table.type00,
table.type02 table,
table.type02 table.type00,
table.type01 table th, table.type01 table td,
table.type01 table.type00 th, table.type01 table.type00 td,
table.type02 table th, table.type02 table td
table.type02 table.type00 th, table.type02 table.type00 td {background: none; border: none;}


/* ===== 定型レイアウトもの ===== */

/* -- レイアウト左右二段 -- */
.left-box {float: left; width: 340px; margin-right: 20px;}
.right-box {float: left; width: 340px;}

.left-box .glay, .right-box .glay {padding: 10px; background-color: #efefef;}
.inquiry-box h4, .left-box h4, .right-box h4 {margin: 0 0 0.5em 0; padding-bottom: 0.25em; border-bottom: solid 1px #ccc;}

/* -- お問い合わせ -- */
.inquiry-box {padding-bottom: 0 !important;}
.inquiry-box h4 {color: #0e007d; font-size: 110%;}
.inquiry-box dl {float: left; width: 315px; margin: 0; margin-right: 15px; margin-bottom: 1em;}
.inquiry-box ul, .inquiry-box li  {margin-left: 0;}
.inquiry-box dt {font-weight: bold;}
.inquiry-box dt span {color: #ccc;}
.inquiry-box dd {padding-left: 1em;}


/* -- お知らせボックス -- */
#index-info {width: 340px; float: left;}
#info-head {border: 1px solid #d0d0d0; border-bottom-width: 0; padding: 3px; zoom: 1;}
#info-head h4 {margin: 0; padding: 6px; background: #888; color: #fff; background:url(/shared/legacy/images/bg_index_info.gif) ;}


/* -- お知らせ一覧のリンクが入る場合の処理 -- */
#info-head h4.clearfix {padding: 4px;}
#info-head span {float: left; margin: 2px;}
#info-head a {display: block; float: right; padding: 2px 12px 2px 4px; font-weight: normal; text-decoration: none;
background: url(/shared/legacy/images/arrow_link.gif) no-repeat right center #fff;}
#info-head a:hover {text-decoration: underline;}
/* -- /お知らせ一覧のリンクが入る場合の処理 -- */

.info-text {height: 165px; overflow: auto; border: 1px #d0d0d0; border-style: none solid solid solid;}
.info-text dl {margin: 2px 10px 10px; padding: 0;}
.info-text dt {line-height: 1em; font-weight: bold; color: #666;}
.info-text dd {margin-bottom: 4px; padding-bottom: 4px; border-bottom: solid 1px #dedede; text-indent: 0;}
.info-text a {text-decoration: none;}
.info-text a:hover {text-decoration: underline;}

/* -- お知らせ一覧ページ用 -- */
body.info dl {margin: 0; padding: 0; border-top: solid 1px #ccc;}
body.info dl dt {margin: 0; padding: 0.5em 0 0.5em 0; clear: left; float: left; width: 5em;}
body.info dl dd {margin: 0; padding: 0.5em 0 0.5em 6em; border-bottom: solid 1px #dedede;}
body.info dl a {text-decoration: none;}
body.info dl a:hover {text-decoration: underline;}

body.info a.info_q {display: block; margin:0; padding: 7px 0; border-bottom: solid 1px #ccc; line-height: 100%; cursor: pointer;}
body.info a.info_q:hover {background-color: #fffae5; text-decoration: underline;}
.info_a {border-bottom: solid 1px #ccc;}

/* -- よくあるご質問（広域さんも使用中） -- */
.faq_q:hover {background-color: #fffae5;}
.faq_q, .faq_a {display: block; margin: 0; border-bottom: dotted 1px #999;}
.faq_q {padding: 5px 0  5px 30px; background: url(/shared/legacy/images/faq_q.gif) no-repeat 3px 3px; text-decoration:underline; color:#36c; cursor:pointer;}
.faq_a {padding: 5px 0 10px 30px; background: url(/shared/legacy/images/faq_a.gif) no-repeat 3px 3px;}
.info_a .close, .faq_a .close {display: block; margin-top: 8px; padding: 3px 5px 2px 0; background-color: #efefef; text-align: right; line-height: 100%; font-size: 80%; color: #36c; text-decoration: underline; cursor: pointer;}


/* -- 囲みのカラーパターン -- */
div.type-blue, div.type-green, div.type-white, div.type-glay, div.type-red, div.type-yellow {margin: 0; padding: 1em;}

.type-blue {border: solid 1px #86cce5; background: #dff0f6;}
.type-green {border: solid 1px #99cc99; background: #ECF7F0;}
.type-white {border: solid 1px #ccc; background: #fff;}
.type-glay {border: solid 1px #ccc; background: #f6f6f6;}
.type-red {border: solid 1px #eeacd8; background: #fff0f8;}
.type-yellow {border: 1px solid #c90; background: #ffd;}

/* -- 注意事項 -- */
.attention {border:1px solid #c90; margin:20px 0; padding:15px 15px 15px 70px; text-align: left; background: url(/shared/legacy/images/icon_attention.gif) no-repeat #fffae5;}
.attention h5 {color:#900; margin:0 0 0.5em 0;}


/* -- 対応プロバイダー表 -- */
table.hyou-offer th {
	text-align:left;
	font-weight:normal;
	background-color:#fff;
}

table.hyou-offer td {
	text-align:center;
	font-weight:normal;
}

table.hyou-offer td.o {
	text-align:center;
	background-color:#ccffd6;
}

@media screen {
	div#scroll {height:400px; overflow-y:scroll;}
}


/* -- ご利用中のお客さま、よくあるご質問 アプリケーション並べ -- */
ul.app {margin: 0; list-style: none;}
ul.app a {display: block; float: left; padding-bottom: 1px;}
ul.app li {width: 210px; float: left; margin: 0 0 10px 15px;}
ul.app li img {margin-right: 7px; vertical-align: middle;}


/* -- index下部リンクガイド用 -- */
.guides {background: url(/next/images/index_guide_bot.gif) left bottom no-repeat; padding-bottom: 11px;}
.guides .guide {float: left; width: 226px; background:url(/next/images/index_guide_bg.gif) top left no-repeat}
.guides .guide img {margin-bottom: 3px;}
.guides .guide a {display: block; margin: 11px 13px 0 13px; color: #333; text-decoration: none; }
.guides .guide a:hover {text-decoration: underline;}


/* -- 本文中のC&O(moushikomi.html) -- */
.area_search_body {margin-left: auto; margin-right: auto; padding: 0; text-align: center; border: 2px solid #ccc; background: #f0f0f0;}
.area_search_body form {width: 390px; margin: 0 auto; padding: 20px 0; text-align: left;} 


/* -- ページ下段FAQ、スクウエアインストールの手順などで使用 -- */
.con_stit {margin-top: 20px; padding: 10px; border-width: 2px 1px 1px 1px; border-color: #ccc; border-style: solid solid dotted solid;}
.con_box {padding:10px; border:1px #ccc; border-style:none solid solid solid;}
.con_box li {margin-bottom: 0.5em;}


/* -- 角R（FFOX等） -- */
.corner02 {border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.corner03 {border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.corner04 {border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.corner05 {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.corner06 {border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
.corner07 {border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
.corner08 {border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.corner09 {border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;}
.corner10 {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.corner15 {border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;}
.corner20 {border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}


/* -- 閉じるボタン -- */
.close {text-align: center; margin: 2em 0;}

/* -- 隠す -- */
.hide {display: none;}

/* -- 右寄せ -- */
.right {text-align: right;}

hr {border-width: 1px 0px 0px 0px; border-style: solid; border-color: #ccc; height: 1px;}

/* -- 「一覧を見る」ボタンありの場合 -- */
.list-btn {padding: 6px 0 4px;}
.list-btn span {float: left; display: block; padding: 3px 0 0 15px; font-size: 100%; font-weight: bold;}
.list-btn:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}
.list-btn {zoom: 1; clear: both;}
.list-btn a {float: right; margin-bottom: 2px; padding-right: 6px; width: 76px; text-align: right;}

/* -- C&O 基本 -- */
.FIELD_ZIP1,
.FIELD_ZIP2,
.FIELD1,
.FIELD2,
.FIELD3 {ime-mode: disabled; font-family: Arial; font-weight: bold; text-align: center;}

/* -- NBこれナビ部 -- */
.prom-hikari .FIELD_ZIP1, .prom-hikari .FIELD_ZIP2 {background: transparent;}

/* --地図検索 -- */
.map_search_s {background:url(/shared/legacy/images/map_search_s.gif) no-repeat left top; width: 670px; height: 372px;}

/* -- 確認必要 -- */
.cnavi-special {position: absolute; top: 0; left: 350px; text-align: right; width: 350px;}
#spot .cnavi-special {top: -5;}
.customer .cnavi-special {display: none !important;}

/* 下部のナビゲーション */
#cnavi-bot {text-align: center; margin-top: 40px; background-color: #fff; padding: 4px; border: 1px solid #ccc;}

/* === サブナビ === */
ul#sub-navi {margin: 10px 0 15px 0; padding:0; list-style: none; line-height: 100%;}

ul#sub-navi li {
	float: left;
	background: url(/shared/legacy/images/arrow_link.gif) no-repeat left center;
	margin-right: 15px;
	padding-left: 13px;
	height: 1em;
	line-height: 120%;
	white-space: nowrap;
	color: #b8b8b8;
}

ul#sub-navi.anchor li,
ul#sub-navi li.anchor {background: url(/shared/legacy/images/arrow_anchor.gif) no-repeat left center;}
ul#sub-navi li.off    {background: url(/shared/legacy/images/arrow_link_off.gif) no-repeat left center;}

/* -- イメージを横並びにする -- */
ul.links-img {margin: 0; padding: 0; line-height: 100%;}
ul.links-img li {float: left; margin: 0; padding: 0;}



/* -- よくあるご質問 -- */
a.que {padding: 6px 4px 4px 30px; background: url(/shared/images/faq_q.gif) no-repeat 2px 2px; line-height: 130%; display: block; text-decoration: none;  border-bottom: solid 1px #dedede;}
.faq-list a.que {padding: 3px 4px 4px 40px; background: url(/shared/images/faq_ql.gif) no-repeat 2px 4px;}
a.que:hover {background-color: #f2faff; text-decoration: underline;}

.box01 {margin-bottom: 0.75em; padding-bottom: 5px; width: 700px; background: url(/shared/legacy/images/box_type01_bot.gif) left bottom no-repeat;}
.box01 h5 span {display: block; padding: 12px 10px 10px 15px; margin: 0; font-size: 110%; zoom: 1; background: url(/shared/legacy/images/box_type01_top.gif) left top no-repeat;}
.box01 h5 a.open:hover {background-position: left -80px;}
.box01 h5 b {display: block; float: left;}
.box01 h5 a.link {display: block; float: right; font-size: 90%; font-weight: normal;}
.faq-ctg,
.faq-yokuaru {border: solid 1px #ccc; border-bottom: none; padding: 5px 12px 10px 12px;}

.cat {font-size: 80%; color: #333;}



/* .box01 h6 {margin: 0.75em 0 0 0; padding-bottom: 0.25em; border-bottom: solid 1px #bbb;} */
/* #ctg01.faq-ctg {display: block;} */
/* h1 .subtit {display: block; float: right; padding-top: 10px;} */