@charset "UTF-8";

@import url("https://id-biz.smt.docomo.ne.jp/css/pc-header-footer_Biz.css");
/*
 *
 * 下層ページ共通パーツ
 * 2016/08/03 作成
 *
 */

/* --------------------------------
		共通部分
-------------------------------- */
body#lower{
        min-width: 1100px;
}
#lower-header,
#lower-sub-nav,
#lower-breadcrumbs,
#lower-sidemenu,
#lower-footer {
	font-family: Verdana, '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	text-align: left;
	line-height: 30px;
}
#lower .container {
	width: 1000px; /* 20180116 width: 768px; */
	margin: 0 auto;
}
#lower .layout-side {
	float: left;
	width: 225px;
	font-size: 14px;
}
#lower .layout-main {
	float: right;
	width: 760px; /* 20180116 width: 532px; */
	font-size: 14px;
}
.link_text a {
	font-weight: bold;
	color: #005180;
}
.link_text.txt_right {
	text-align: right;
}
.link_text.txt_right:not(.not_navi) {
	padding-right: 25px;
	position: relative;
}
.link_text.txt_right a:before{
	content:"";
}
.link_text.txt_right:not(.not_navi) a:after{
	content: "";
    position: absolute;
    background: url(https://id-biz.smt.docomo.ne.jp/img/pc_textlink_arrow_Biz.png ) no-repeat center;
    width: 15px;
    height: 100%;
    right: 5px;
    top: 0;
}
.link_text.txt_left {
	text-align: left;
}
.link_text.txt_left:not(.not_navi) {
	position: relative;
}
.link_text.txt_left:not(.not_navi) a:after{
	content: "";
    position: absolute;
    background: url(https://id-biz.smt.docomo.ne.jp/img/pc_textlink_arrow_Biz.png ) no-repeat center;
    width: 15px;
    height: 90%;
    left: 210px;
    top: 0;
}

img {
	max-width:100%;
	height:auto;
}

/* --------------------------------
		ナビ
-------------------------------- */
#lower-sub-nav {
	border-bottom: 1px solid #e9e9e9;
	font-size: 14px;
}
#lower-sub-nav li {
	display: table;
	float: left;
	width: 265px;
	border-right: 1px #e9e9e9 solid;
}
#lower-sub-nav li:first-child {
	border-left: 1px #e9e9e9 solid;
	width: 200px; /* 20180116 width: 154px; */
}
#lower-sub-nav li.current a,
#lower-sub-nav a:hover {
	border-bottom: 3px solid #0081cc;
	color: #0081cc;
}
#lower-sub-nav a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 54px;
	color: #2e2e2e;
	line-height: 1.2;
	box-sizing: border-box;
	padding-top: 3px;
	border-bottom: 3px solid transparent;
	text-decoration: none;
}

/* --------------------------------
		パンくず
-------------------------------- */
#lower-breadcrumbs {
	margin: 10px 0 8px;
	font-size: 14px;
}
#lower-breadcrumbs li:first-child {
	background: url(https://id-biz.smt.docomo.ne.jp/img/pc_ico-home-Biz.jpg) no-repeat left 8px;
	padding-left: 18px;
}
#lower-breadcrumbs li {
	color: #2e2e2e;
	display: inline-block;
}
#lower-breadcrumbs li:before {
	content: ">";
	margin-right: 4px;
}
#lower-breadcrumbs li:first-child:before {
	display: none;
}
#lower-breadcrumbs li span {
	color: #2e2e2e;
}
#lower-breadcrumbs a {
	color: #2e2e2e;
	text-decoration: none;
}
#lower-breadcrumbs a:hover {
	text-decoration: underline;
}
#lower-breadcrumbs + noscript p{
	width:980px; /* 20180116 width: 748px; */
	margin-bottom:0px;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:13px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:5px;
}

/* --------------------------------
		サイドメニュー
-------------------------------- */
#lower-sidemenu {
	border: 8px solid #e9e9e9;
}
#lower-sidemenu .accordion-content{
	display: none;
}
#lower-sidemenu .accordion-content > li:first-child,
#lower-sidemenu li {
	border-top: 1px solid #e9e9e9;
}
#lower-sidemenu li:first-child {
	border-top: none;
}
#lower-sidemenu li > span,
#lower-sidemenu li > a {
	display: block;
	padding: 9px 24px 8px 9px;
	color: #2e2e2e;
	line-height: 1.6;
	transition: all .3s;
	text-decoration: none;
}
#lower-sidemenu li.current > span,
#lower-sidemenu li.current > a {
	color: #0081cc;
}
#lower-sidemenu li.bold > span,
#lower-sidemenu li.bold > a {
	font-weight: bold;
}
#lower-sidemenu li.accordion-list > span:hover,
#lower-sidemenu li > a:hover {
	background: #f8f8f8;
}
/* サイドメニュー個別 */
#lower-sidemenu li.menu-text span{
	padding: 9px 9px 8px 9px;
}
#lower-sidemenu li.sidemenu-title > a {
	border-bottom: 3px solid #0081cc;
	font-weight: bold;
}
#lower-sidemenu li.accordion-list > span {
	font-weight: bold;
	position: relative;
	cursor: pointer;
}
#lower-sidemenu li.accordion-list > span:after{
	content: "";
	position: absolute;
	background: url(https://id-biz.smt.docomo.ne.jp/img/pc_sidemenu-accordion-b.png) no-repeat center;
	width: 15px;
	height: 100%;
	right: 4px;
	top: 0;
}
#lower-sidemenu li.accordion-list.active > span:after {
	background: url(https://id-biz.smt.docomo.ne.jp/img/pc_sidemenu-accordion-b-cl.png) no-repeat center;
}
#lower-sidemenu li.menu-list > a {
	position: relative;
}
#lower-sidemenu li.menu-list > a:after {
	content: "";
	position: absolute;
	background: url(https://id-biz.smt.docomo.ne.jp/img/pc_sidemenu-arrow-b.png) no-repeat center;
	width: 15px;
	height: 100%;
	right: 5px;
	top: 0;
}
#lower-sidemenu li.menu-list-blank > a {
	position: relative;
}
#lower-sidemenu li.menu-list-blank > a:after {
	content: "";
	position: absolute;
	background: url(https://id-biz.smt.docomo.ne.jp/img/sidemenu-arrow-other.png) no-repeat center;
	width: 15px;
	height: 100%;
	right: 5px;
	top: 0;
}
#lower-sidemenu .cse-search {
	border-top: 7px solid #e9e9e9;
	padding: 9px 8px;
	display:none;
}
#lower-sidemenu .gsc-control-cse {
	padding: 0 !important;
}
#lower-sidemenu table.gsc-search-box {
	margin: 0;
}
#lower-sidemenu table.gsc-search-box td {
	padding: 0;
	vertical-align: top;
	height: auto;
}
#lower-sidemenu table.gsc-search-box td#gs_tti50 {
	padding-left: 3px !important;
}
#lower-sidemenu table.gsc-search-box .gsc-search-button {
	margin-top: 0 !important;
	line-height: 1;
	vertical-align: bottom;
}
#lower-sidemenu .gsib_a {
	padding: 0 8px;
}
#lower-sidemenu form.gsc-search-box {
	margin: 0;
}
#lower-sidemenu .gsc-result .gs-title {
	height: auto;
}

/* --------------------------------
		フッター
-------------------------------- */
#lower-footer{
margin: 0 0 0;
background: none;
}
#lower-footer .container{
width: auto;
}
#lower-footer .pagetop {
display: none;
font-size: 18px;
position: fixed;
right:11px;
bottom: 10px;
z-index: 1;
}
#lower-footer .pagetop.fixed{
display: block;
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
visibility: visible !important;
}
#lower-footer .pagetop img {
	vertical-align: text-bottom;
}
@-webkit-keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translateY(-10px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
#lower-footer .pagetop a{
	font-size: 18px;
}
#lower-footer .pagetop a span{
padding: 0 0 0 20px;
}
#lower-footer .footer-inner{
	margin-top: 73px;
    border-top: 2px solid #0081cc;
	width: auto;
	height: auto;
	position: static;
}
#lower-footer .fnav{
	width: 1000px; /* 20180116 width: 768px; */
	margin: 0 auto;
	position: static;
	top:auto;
	left: auto;
	padding: 17px 0;
}
#lower-footer .fnav li{
	float: left;
	padding: 0 35px; /* 20180116 padding: 0 15px; */
}
#lower-footer .fnav li a{
	color: black;
	background: url(https://id-biz.smt.docomo.ne.jp/img/pc_guide-ls.png) no-repeat 7px 5px;
	font-size: 12px;
	text-decoration: none;
}
#lower-footer .fnav li a:hover span{
	text-decoration:underline;
}
#lower-footer .fnav li span{
	padding: 0 0 0 20px;
}
#lower-footer .copyright{
	color: black;
	text-align: center;
	font-size: 11px;
	position: static;
	bottom: 0px;
	padding: 5px 0 120px;
	margin-top: 0;
	font-weight: normal;
}


/* --------------------------------
  2カラム実装による崩れ修正
  overwrite
-------------------------------- */

#lower .main_wrap {
	padding-top: 0;
}
#lower .active {
	background: #fff;
	padding: 0;
}
#lower .gsib_a {
	padding-right: 0 !important;
}

#lower .centerImg img {
	width: 100%;
}
#lower .centerImgWhole {
	margin: 20px -10px 0 -12px;
}

#lower .header__global {
	border: 0;
	margin-bottom: 10px;
}
#lower .hdr_global_inner {
	width: auto;
}
#lower h1 {
	font-size: 24px;
	padding: 14px 14px 8px;
	border-bottom: 2px solid #0081cc;
	margin: 0;
	line-height: 1.3;
	font-family: Verdana, '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: bold;
}
#lower h1.hdr_h1 {
	margin: 0;
	padding: 0 14px 8px;
}
#lower h1.hdr_h1 + p {
	padding: 5px;
}
#lower .gsst_a {
	padding-top: 0 !important;
}
#lower .gsc-input-box {
	overflow: hidden;
}
.accent_pr2 {
	color: #bbaf43;
}
#lower #gaid .register {
	margin-bottom: 10px;
	padding-right: 0;
}

#lower #gaid .newIdArea {
	position: relative;
	right: 0;
	top: 0;
}
#lower #gaid .newIdArea a {
	margin: 0 auto;
}
#lower #gaid ul.nav li {
	width: 160px;
}
#lower #gaid .infoArea > img {
	margin: 0 -20px;
	width: 531px !important;
}
#lower .operation_txt_long {
	float: none;
	margin-left: 308px;
	width: auto;
}
#lower .qrImg img {
	float: none;
	margin: 0 10px 10px 10px;
}
#lower .ta_left {
	text-align: left;
	text-indent: 0;
}
#lower .numberList li {
	padding-left: 1em;
	text-indent: -1em;
}

span#gs_cb50 {
	vertical-align: middle !important;
}

.case > dt > p {
	text-align: left;
	word-break: break-all;
}

/* noscriptタグ */
.attention_js_pc{
	color:#cc0081;
	width:1000px;
	font-size:14px;
	margin:0 auto 20px;
	line-height: 1.3;
}


/*インフォメーションセンター　テーブル用--start--*/
.info-center{
    display: table;
	width: 80%;
	border-collapse: collapse;
	margin: 0 auto;
}

.info-center table,
.info-center td,
.info-center th {
	border: 1px solid #2e2e2e;
	border-collapse: collapse;
}

.info-center td,
.info-center th {
	padding: 5px;
	height:20px;
}

.info-center th{
	padding-left:10px;
	width:40%;
	background-color:#FCFCFC;
	text-align: left;
}

.info-center td{
	text-align: right;
}

/*インフォメーションセンター　テーブル用--end--*/

/*spモードパスワード忘れページ(forget_spmodepass_pc.html)　インフォメーションセンター用--start--*/
.info-center-forgetsp{
	width: 494px;
}

.info-center-forgetsp table,
.info-center-forgetsp td,
.info-center-forgetsp th {
	border: 1px solid #000;
	border-collapse: collapse;
}

.info-center-forgetsp td,
.info-center-forgetsp th {
	padding: 5px;
	height:20px;
}

.info-center-forgetsp th{
	padding-left:10px;
	width:40%;
	background-color:#FCFCFC;
	text-align: left;
}

.info-center-forgetsp td{
	text-align: right;
}

/*spモードパスワード忘れページ(forget_spmodepass_pc.html)　インフォメーションセンター用--end--*/

/*二段階認証ページ /src/utility/twostepauth.html　ボタン用--start--*/

.btn_towstepauth {
	position: relative;
	padding:0 80px 0 80px;
}
.btn_towstepauth a {
	display: block;
	border-radius: 8px;
	background: #ffffff;
	border: 3px solid #2a80b9;
	color: #2a80b9;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 25px 8px 8px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
}
.btn_towstepauth a:hover {
	opacity: 0.6;
}
.btn_towstepauth a:before {
	background: url(https://id-biz.smt.docomo.ne.jp/img/sp_ico_link_arrow_b.png) no-repeat;
	background-size: 100%;
	background-position: center;
	content: "";
	display: block;
	height: 100%;
	right: 100px;
	position: absolute;
	top: 0;
	width: 10px;
}

/*二段階認証ページ　ボタン用--end--*/


/*IDおよびパスワードの取り扱いに関するご注意とお願い（/src/utility/noticepassword.html） ボタン用--start--*/

.main__btn-blue a{
    display: block;
    width:400px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 18px;
    background: #ffffff;
    /* background-image: url(https://id-biz.smt.docomo.ne.jp/img/pc_btn-bg-blue-Biz.png); */
    background-repeat: no-repeat;
    background-size: 10px 15px;
    background-position: right 3% center;
    padding: 15px 25px 15px 15px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align: center;
    text-decoration: none;
    line-height: 1em;
	border: 3px solid #0081cc;
    color: #0081cc;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.main__btn-blue a:hover {
    background: #ccc none;
    border: 3px solid #226694;
    color: #226694;
}

.float-L{
    float: left;
   }

.clear{
    clear: both;
}

/*IDおよびパスワードの取り扱いに関するご注意とお願い　ボタン用--end--*/

/*IDおよびパスワードの取り扱いに関するご注意とお願い　おすすめアイコン--start--*/

.recommend{
	line-height:auto;
	background-image: url(https://id-biz.smt.docomo.ne.jp/img/icon_recommend.gif);
	background-position: 21% 50%;
	background-repeat: no-repeat;

}
/*IDおよびパスワードの取り扱いに関するご注意とお願い　おすすめアイコン用--end--*/

/*google カスタム検索用--start--*/

.gsc-branding-text{
display: none;
}

.gsc-branding-img{
display: none;
}        
.gcse__ctop_help .gsc-search-button{
margin-top: 10px;
}


/*google カスタム検索用--end--*/


/*ケータイメールとウェブメールとは（/src/utility/mailtype.html） テーブル用--start--*/
#mailtype .even {
	background: #fff;
}
#mailtype .odd {
	background: #fff;
}

/* 20210219 mod ケータイメールとウェブメールとは（/src/utility/mailtype.html） テーブル用 start */
#mailtype {
    display: table;
	border-collapse: collapse;
}

#mailtype dl{
	display: table-row;
}

#mailtype dt{
	display: table-cell;
	background: #e9e9e9;
	border: 1px solid #2e2e2e;
	border-collapse: collapse;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding: 3px;
	width: 30%;
	text-align:center;
}

#mailtype dd{
    display: table-cell;
	border: 1px solid #2e2e2e;
	border-collapse: collapse;
	height: 20px;
	line-height: 20px;
	padding: 3px 3px 3px 5px;
	width: 30%;
}


#mailtype dt.row-domain{
	width: 70%;
}

/* 20210219 mod ケータイメールとウェブメールとは（/src/utility/mailtype.html） テーブル用 end */

.txt_red{
 color: #cc0081;
}

.txt_red2{
 color: #ff0000;
}

/* メンテナンス情報（/src/utility/maintenance.html） テーブル用 start */
#mainte_t,
.mainte_t {
    display: table;
	border-collapse: collapse;
	width: 650px;
}

#mainte_t dl,
.mainte_t dl{
	display: table-row;
}

#mainte_t dt,
.mainte_t dt{
	display: table-cell;
	background: #fff;
	border: 1px solid #2e2e2e;
	border-collapse: collapse;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding: 3px;
}

#mainte_t dt.row1,
.mainte_t dt.row1{
	width: 20%;
	text-align:center;
}

#mainte_t dt.row2,
.mainte_t dt.row2{
	width: 80%;
	text-align:left;
}

.mainte_t p.mainte_annot{
	font-weight: normal;
	line-height: 1.3;
}

/*ケータイメールとウェブメールとは　テーブル用--end--*/

/*２段階認証用バナー--start--*/
table.banner {
  width: 1000px;
  border-spacing: 4px !important;
  background-color: #cc0033;
  border-collapse: separate;
  table-layout: auto;
  vertical-align: bottom;
  margin: 10px 0;
}

table.banner th,
table.banner td {
  margin: 10px 0 0 0  !important;
  text-align: left  !important;
  font-weight: bold;
}
 
table.banner th {
  width: 400px;
  border: 1px solid #ffffff  !important; /* 内側に1pxの線 */
  color: #ffffff;
  font-size: 18px;
  background-color: #cc0033;
  vertical-align:bottom !important;
  padding:5px 8px 5px 8px;
}
 
table.banner td {
  font-size: 14px !important;
  background: #ffffff;
  padding: 5px 8px 5px 20px;
  vertical-align:middle;
}

table.banner th img{
  vertical-align: middle !important;
  width: 24px;
  height: 24px;
  color: #ffffff;
  font-size: 12px;
}

table.banner td p {
  display: inline-block;
  padding: 5px 0;
  line-height: 1;
}

table.banner td img{
  vertical-align: middle;
  width: 24px;
  height: 24px;
  float: right;
  font-size: 12px;
}

table.banner tr th > span.ycolor {
color:#fcee21;
}

#twostepbnr {
  display:none;
}
/*２段階認証用バナー--end--*/

/* 番号リスト --start-- */
.numberList li{
	list-style-type: decimal;
	list-style-position: inside;

	padding-left:2em;
	text-indent:-2em;
}
.numberList li:before{
	content: '' !important;
}
.numberList li bd{
	font-weight:bold;
}

.numberList_title{
	font-weight:bold;
}
/* 番号リスト --end-- */

/* 下線 --start--*/
.txt-bottom {
	text-decoration: underline;
}
/* 下線 --end--*/

/* 取り消し線 --start--*/
.txt-line-through {
	text-decoration: line-through;
}
/* 取り消し線 --end--*/

.db-logo img {
	width: 180px;
	vertical-align: middle;
}


/*7月オープン機能--start--*/
.later_open{
    display:none;
}
/*7月オープン機能--end--*/

/*あとからオープン機能--start--*/
.later_open_5{
    display:none;
}
/*あとからオープン機能--end--*/

/*お知らせオープン機能--start--*/
.later_open_notice{
    display:none;
}
/*お知らせオープン機能--end--*/
/*リンクポータル向けオープン機能(オープン:block,クローズ:none)--start--*/
.later_open_lp{
    display:none;
}
/*リンクポータル向けオープン機能--end--*/
/*7月対象外機能(オープン:block,クローズ:none)--start--*/
.later_open_7m{
    display:none;
}
/*7月対象外機能--end--*/

/*7月対象外機能2(オープン:block,クローズ:none)--start--*/
.later_open2_7m{
    display:none !important;
}
/*7月対象外機能2--end--*/

/*お知らせ　テーブル用--start--*/
.notice-info {
    display: table;
	width: 100%;
	border-collapse: collapse;
	margin: 0 auto;
}

.notice-info table,
.notice-info td,
.notice-info th {
	border: 1px solid #2e2e2e;
	border-collapse: collapse;
}

.notice-info th {
	padding: 5px;
	padding-left:5px;
	background-color:#FCFCFC;
}
.notice-info th.col1{
	width: 20%;
}
.notice-info th.col2{
	width: 40%;
	text-align:center;
}
.notice-info th.col3{
	width: 20%;
	text-align:center;
}
.notice-info th.col4{
	width: 20%;
	text-align:center;
}

.notice-info td {
	padding: 5px;
	padding-left:5px;
	background-color:#FCFCFC;
}
/*お知らせ　テーブル用--end--*/