@charset "utf-8";

/* 最終更新日　2020/09/30 */

/* 初期化
---------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v3.0 | 20180116
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	color: #2e2e2e;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* docomo ID独自の初期化・スタイル統一 */

a {
	color: #2a80b9;
	text-decoration: none; /* 20180116 下線除去 追記 */
}
/* 20180116 リンクスタイル共通hover 追記start */
a:hover {
	text-decoration: underline;
}
/* 20180116 リンクスタイル共通hover 追記end */

p { font-size:14px; font-size:1.4rem;word-wrap:break-word;}

/* 20180130 リンクスタイル青帯 追記start */
/*
.blueband {
	color: #ffffff;
	background: #2A80B9 none;
	font-size: 24px;	
	line-height: 40px;
	padding-top: 10px;
	padding-left: 10px;
	font-weight:bold;
}
*/
/* 20180130 リンクスタイル青帯 追記end */

/* 20180130 黒タイトル 追記start */
/*
.blackband {
	color: #000000;
	font-size: 24px;	
	line-height: 40px;
	padding-top: 10px;
	font-weight:bold;
}
*/
/* 20180130 黒タイトル 追記end */

/* 20180131 TAG 追記start */
/*タブ下オブジェクトの罫線上削除用のスタイル*/
.border_top_none {
	border-top:none !important;
}
/*タブのスタイル*/
/*選択されているタブ*/
.tab_appli{
	margin: 10px 0 -28px 0;
	height: 65px;
}

.tab_item_act {
	width:364px;
	height: calc(55px - 16px);
	line-height: 38px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background-color: #2A80B9;
	border: 8px solid #2A80B9;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	float: left;
}
/*選択されていないタブ*/
.tab_item {
	margin-top: 24px;
	width:380px;
	height: 23px;
	font-size: 14px;
	text-align: center;
	padding-top:8px;
	color: #565656;
	background-color: #e9e9e9;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	float: left;
}
/*選択されていないタブホバー*/
.tab_item:hover {
	color: #fff;
	background-color: #2A80B9;
	text-decoration: none;
}
/*選択されているタブの下三角*/
.tab_left_act {
	content: ' ';
	width: 0px;
	height: 0px;
	position: relative;
	top: 50px;
	left: 25%;
	border: 10px solid transparent;
	border-top-color: #2A80B9;
	margin-left: -10px;
}
.tab_right_act {
	content: ' ';
	width: 0px;
	height: 0px;
	position: relative;
	top: 50px;
	left: 75%;
	border: 10px solid transparent;
	border-top-color: #2A80B9;
	margin-left: -10px;
}
/* 20180131 TAG 追記end */

/* body
---------------------------------- */
html {
	height: 100%;
	font-size: 62.5%;
	-webkit-text-size-adjust: none;
}
body {
	height: 100%;
	margin: 0 auto;
	/*font-size: 1.6rem;*/
	font-size: 14px;
	font-size: 1.4rem;
	font-family: Meiryo, メイリオ,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Lucida Grande', sans-serif;
	color: #2e2e2e;
	line-height: 130%;
	background: #fff none;
	min-width:1000px;
}
#bodywrap {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	position: relative;
	min-height: 100%;
}


input {
	font-family: Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
button {
	font-family: Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
dd,li,p {
    /*word-break:break-all;*/
    word-wrap:break-word;
}


/* ユーティリティ
---------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	zoom: 1;
}

.txt_left {text-align: left !important;}
.txt_center {text-align: center !important;}
.txt_right  {text-align: right !important;}

.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt16 {margin-top: 16px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt32 {margin-top: 32px !important;}
.mt36 {margin-top: 36px !important;}
.mt40 {margin-top: 40px !important;}
.mt48 {margin-top: 48px !important;}
.mt60 {margin-top: 60px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb32 {margin-bottom: 32px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb64 {margin-bottom: 64px !important;}

.mr0 {margin-right: 0 !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}


.ml {margin-left: 0 !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml16 {margin-left: 16px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}

.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt32 {padding-top: 20px !important;}

.pb0 {padding-bottom: 0 !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}

.pr0 {padding-right: 0 !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}

.txt_alert { color: #c03; }
.txt_dRed{ color:#c03; }
.txt_strong { font-size: 14px;font-size: 1.4rem; font-weight:bold; }
.txt_annot { font-size: 11px !important; font-size: 1.1rem !important; line-height: 1.1 !important;}
.txt_normal { font-weight: normal; }
.txt_noIndent { text-indent: 0 !important; }
.txt_conf{ color: #2a80b9; font-size: 13px; font-size: 1.3rem; font-weight: bold; }
.txt_inline{ display:inline; padding-left: 0px !important; vertical-align:baseline;}

.bg_disabled{ background-color:#e9e9e9; }

.txt_super{ vertical-align: super; font-size:80%;}
.txt_text-top{ vertical-align: text-top; font-size:80%;}

.content_title{
	-webkit-filter: contrast(87%);
	font-size: 48px;
	height: 50px;
	color: #000;
	font-weight: 400;
	display: block;
	line-height: normal;
	padding: 0;
}
.txt_step {
	-webkit-filter: contrast(100%);
	font-size: 30px;
	color: #eee;
	width: 400px;
	font-weight: 400;
	position: absolute;
	top: 15px;
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: normal;
}
.txt_step.sc {
	left: 450px;
}
.txt_step.th {
	left: 880px;
}
.txt_step.ft {
	left: 1320px;
}	
.txt_body {
	-webkit-filter: contrast(87%);
	font-size: 30px;
	color: #000;
	font-weight: 400;
	line-height: 46px;
}
.txt_body.head {
	width: 436px;
	display: inline-block;
}
.list_tag {
	border-left: 4px solid #cc0033;
	line-height: 30px;
	padding-left: 8px;
}
.txt_body2 {
	-webkit-filter: contrast(54%);
	font-size: 30px;
	color: #000;
	font-weight: 400;
	line-height: normal;
}
.txt_secondary {
	-webkit-filter: contrast(54%);
	font-size: 26px;
	color: #000;
	font-weight: 400;
	line-height: 40px;
	position: absolute;
}
.txt_secondary.step1_fr {
	margin-left: 328px;
	width: 364px;
	margin-top: -7px;
}
.txt_secondary.step1_sc {
	margin-left: 1032px;
	width: 312px;
	margin-top: -7px;
}
.txt_secondary.step2_fr {
	margin-left: 120px;
	width: 617px;
}
.txt_secondary.step2_sc {
	margin-left: 928px;
	width: 730px;
}
.txt_secondary.note {
	width: 1600px;
	margin-left: 16px;
	margin-top: 36px;
	display: inline-block;
}
.txt_secondary2 {
	-webkit-filter: contrast(100%);
	font-size: 26px;
	color: #cc0033;
	font-weight: 400;
	line-height: normal;
}
	
.txt_display {
	-webkit-filter: contrast(87%);
	font-size: 112px;
	color: #000;
	font-weight: 300;
	line-height: normal;
}
.separator {
	border-bottom: 2px solid #ccc;
	width: 1728px;
}
/* ヘッダ--global
---------------------------------- */


.header__global {
	position: relative;
	border-bottom: 2px solid #c90028;
}

.header_posting{
	display: none;
	padding: 10px 12px 10px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #cc0033 none;
}

.header_posting div{
	display: inline-block;
	padding-top: 2px;
	color: #fff;
	text-align: center;
}

.header_posting span{
	display: inline-block;
	color: #fff;
}

.header_posting a{
	color: #fff;
	background-color: #cc0033;
}

.header_posting_button{
	display: inline-block;
	float: right;
	padding: 2px 10px 2px 0;
	color: #fff;
	background-color: #cc0033;
	border-style: none;
	text-decoration-line: none;
}

.header_posting_close {
	position: relative;
	width: 11px;
	height: 11px;
	margin-right: 5px;
	background-color: #fff;
}

.header_posting_close::before,
.header_posting_close::after {
	display: block;
	position: absolute;
	top: 35%;
	left: 1px;
	width: 9px;
	content: "";
	border-top: 3px solid #cc0033;
}

.header_posting_close::before {
	transform: skewY(-45deg);
}

.header_posting_close::after {
	transform: skewY(45deg);
}

/* BCPメッセージ */

.hdr_bcpmes {
	padding: 0px 10px 10px;
	background: #e9e9e9 none;
}
.header_bcpmes a {
	color: #c90028;
}

.hdr_bcpmes_list {
	padding: 16px 10px 14px;
	background: #fff none;
	border: 2px solid #c90028;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	font-weight: bold;
}
.hdr_bcpmes_list li {
	text-align: center;
	line-height: 1;
	color: #c03;
}
.hdr_bcpmes_list li:first-child {margin: 0;}

.hdr_bcpmes_list a {
	color: #c90028;
	font-weight: bold;
}

.hdr_bcpmes_list.alart a {
	text-decoration: none;
}

.hdr_bcpmes_list.alart a:after {
	position:absolute;
	right:20px;
	content:"";
	width: 10px;
	height: 10px;
	background-image: url("https://id.smt.docomo.ne.jp/img/allow05.png");
	width: 11px;
	height: 18px;
}

.main .hdr_bcpmes {
	/* 通常 main 内部での使用 */
	margin: 10px 0 10px;
	padding: 0;
	background: #fff none;
}

.main_menu .hdr_bcpmes {
	/* メニュー内での使用 */
	margin: 0 0 10px;
	padding: 0px 10px;
	background: #e9e9e9 none;
}


/* h1グローバル、ロゴ */

.hdr_global_inner {
	width: 760px;
	margin: 0 auto;
}

.hdr_h1 {
	display: block;
	padding: 27px 0 15px 0;
	margin: 0 120px 0 0;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1;
}
.hdr_h1.small {
	font-size: 23px;
	font-size: 2.3rem;
}
.hdr_h1.smaller {
	font-size: 22px;
	font-size: 2.2rem;
}

.hdr_logo {
	display: block;
	float: right;
	margin: 31px 0 0;
}
.hdr_logo img {
	display: block;
	width: 117px;
}
.hdr_logo_smp {
	display: block;
	float: right;
}
.hdr_logo_smp img {
	display: block;
	width: 193px;
}

/* main
---------------------------------- */


.main_wrap {
	padding: 20px 0 30px;
	background: #fff none;
}
.main_wrap.bc {
	padding: 0;
}
.contentMain_wrap {
	width: 1728px;
	height: 968px;
	background: #eee;
}
.contentMain_wrap.bc {
	padding: 56px 96px;
}
.contentSub_wrap {
	width: 1728px;
	height: 538px;
	padding-top: 32px;
	border-bottom: 2px solid #ccc;
}
.contentSub_wrap.dac {
	height: 590px;
}
.contentSub_wrap.pair {
	height: 620px;
}
.contentSub_wrap.err {
	height: 478px;
	margin-top: 174px;
}
.contentSub_wrap.done {
	height: 430px;
}
.contentWindow {
	width: 800px;
	height: 264px;
	border: 8px solid #ccc;
	border-radius: 8px;
	margin: 96px 0 0 412px;
	padding: 20px 44px;
}
.contentWindow.err {
	margin-top: 142px;
}
.contentList {
	margin: 32px 0 0 288px;
	height: auto;
}
.contentAddition {
	height: 150px;
}
.contentAddition.dac {
	height: 76px;
}
.contentAddition.done {
	height:235px;
}
.main {
	width: 628px;
	margin: 0 auto 0;
	padding: 0;
	background: transparent none;
}

/* h3 */
.main_h2{
	display: block;
	margin-bottom: 10px;
	padding: 7px 0 2px 10px;
	border-left: 4px solid #c03;
	font-size:14px;
	font-size: 1.4rem;
	font-weight:bold;
	line-height: 1.3;
}

.main_h3{
	display: block;
	padding: 7px 0 2px 10px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight:bold;
	line-height: 1.3;
}


.main_menu {
	position:relative;
	width: 768px;
	padding-bottom: 10px;
	background:#e9e9e9 none;
}

.main_static{
	width: 768px;
}

.side_menu{
	padding-bottom: 0;
	background: transparent none;
}

.main_menu .statics{
	float:left;
	width: 760px;  /* 2018/01/26 width: 532px; */
	background: transparent none;
}

.main_sidemenu_warp{
	float:left;
	width:235px;
}
.main_sidemenu{
	margin: 0 0 0 10px;
	border:8px solid #e9e9e9;
}
.main_sidemenu + .main_sidemenu{
	margin-top: 10px;
}


.main_inner {
	margin: 10px 0 0;
	padding: 26px 88px 25px;
	background: #fff none;
}

.main_hdrmes01 {
	margin: 0;
	padding: 8px 0;
	background: #bbaf43;
	line-height: 1;
}
.main_hdrmes01 p {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.main_item{
	margin: 20px 0 0;
}
.main_item_chid{
	margin: 10px 0 0;
}

.main_info{
	display: none;
	position:relative;
	width: 742px;
	margin: 10px auto;
	padding: 16px 10px 14px;
	border: 2px solid #c90028;
	background: #fff none;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	font-weight: bold;
}
.main_info div {
	text-align: center;
	line-height: 1;
	color: #c03;
}

.main_info a {
	color: #c03;
}

/* メニューメッセージ */

.menu_hdrmes {
	position:relative;
	background: #bbaf43;
	line-height: 1;
}
.menu_hdrmes p {
	padding: 8px 10px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
}


/* フォーム入力画面 進行状況バー */

.header_progress_bar {
	padding: 10px 10px 13px;
	background: #fff none;
	border: 8px solid #e9e9e9;
}
.header_progress_bar.dummy {
	padding: 4px 0;
	border: none;
}

.progress_bar {
	position: relative;
	display: table;
	width: 100%;
	height: 32px;
}
.progress_bar li {
	position: relative;
	display: table-cell;
	/display: block;
	/float: left;
	height: 32px;
	background: #aeaeae url(https://id.smt.docomo.ne.jp/img/bg_progress_bar.png) left top no-repeat;
}
.progress_bar li.active {
	margin-right: 0;
	background: #cc0033 url(https://id.smt.docomo.ne.jp/img/bg_progress_bar_active_bef.png) left top no-repeat;
}
.progress_bar li.active + li span {
	background: transparent url(https://id.smt.docomo.ne.jp/img/bg_progress_bar_active_aft.png) left top no-repeat;
}

.progress_bar li:first-child {
	background-image: none;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.progress_bar li:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

_:-ms-fullscreen, :root .progress_bar li {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
_:-ms-fullscreen, :root .progress_bar li:last-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.progress_bar span {
	display: block;
	padding: 0 0 0 15px;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 32px;
	line-height: 3.2rem;
	text-align: center;
	text-decoration: none;
	cursor: default;
}
.progress_bar li:first-child span {
	background-image: none;
}
.step_bar {
	position: relative;
	display: table;
	width: 100%;
	height: 64px;
}
.step_bar.step1 {
	background-repeat:no-repeat;
	background-image: url("https://id.smt.docomo.ne.jp/img/stb_step_01.png");
}
.step_bar.step2 {
	background-repeat:no-repeat;
	background-image: url("https://id.smt.docomo.ne.jp/img/stb_step_02.png");
}
.step_bar.step3 {
	background-repeat:no-repeat;
	background-image: url("https://id.smt.docomo.ne.jp/img/stb_step_03.png");
}
.step_bar.step4 {
	background-repeat:no-repeat;
	background-image: url("https://id.smt.docomo.ne.jp/img/stb_step_04.png");
}

/* 幅調整 合計100%になるように */

/* for IE 7 */
.progress_bar li {width: 33%;}
.progress_bar li:first-child {width: 34%;}
.progress_bar li:last-child {width: 33%;}

/* for all others */
.progress_bar li:nth-child(1) {width: 34%;}
.progress_bar li:nth-child(2) {width: 33%;}
.progress_bar li:nth-child(3) {width: 33%;}

/* 幅調整 2つの場合、4つの場合、5つの場合 */
.progress_bar.unit2 li {width: 50%;}
.progress_bar.unit4 li {width: 25%;}
.progress_bar.unit5 li {width: 20%;}


.main_regist_hdrmes {
	font-size: 14px;
	font-size: 1.4rem;
}

.main_static_hdrmes {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.main_regist_hdrmes + .main_regist_hdrmes {
	margin-top:10px
}
.progress_bar + .main_regist_hdrmes {
	margin: 13px 0 0;
}


/* パンくずリスト */

.bList{
	padding: 10px;
	background-color: #e9e9e9;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	min-height: 17px;
	line-height:1.1;
}

.bList a{
	color:#2a80b9;
}

.bList ol{
	padding: 0 0 0 10px;
	text-align:left;
}

.bList ol li{
	display:inline;
}

.bList ol li:after{
  content:"＞";
  padding:0px 3px 0px 7px;
  font-weight: bold;
}

.bList ol li:last-child:after{
	content:"";
	padding:0;
}

.main_wrap.bc .bList{
	padding-bottom:0;
}



/* 開閉ボタン */

.btn_showhide {
	display: none;
	position: absolute;
	height: 13px;
	margin:auto;
	padding: 5px 20px;
	border: 2px solid #9fa4a8;
	border-radius: 8px;
	background: #fff none;
	color: #333;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;
}

.btn_showhide:active{
}

.btn_showhide:hover{
	background: #ccc none;
}

.btn_showhide i {
	width: auto;
	margin: 0 5px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 9px;
}

.btn_showhide.state{
	/* ユーザ状態（COM002） */

	top: 4px;
	right: 20px;
	text-indent:0;
	line-height: 1.2;
}

.btn_showhide.menu {
	/* メニューリスト（COM002） */

	top: 0;
	right: 5px;
	bottom: 0;
	padding: 5px 10px;
}

.btn_showhide.dlist {
	/* 定義リスト（RKK002） */

	top: 0;
	right: 5px;
	bottom: 0;
	padding: 5px 10px;
	line-height: 1.2;
}


/* メニューリンク */

.menu_link{
	font-weight:bold;
}
ul.menu_link:first-child{
	border-top-width:0;
}

.menu_link li{
	position: relative;
	border-bottom:2px solid #e9e9e9;
	font-size:14px;
	font-size:1.4rem;
}

.menu_dd+.menu_link li:nth-last-child(1){
	border-bottom:8px solid #e9e9e9;
}

.menu_link li p{
	padding: 10px 5px;
	margin:0 10px 10px 10px;
	background-color:#e9e9e9;
	font-size:11px;
	font-size:1.1rem;
	font-weight:normal;
	line-height:1.1;
}

.menu_link li span{
	display:inline-block;
	font-size:11px;
	font-size:1.1rem;
	font-weight:normal;
}

.menu_link a,
.menu_link li.disabled{
	display:block;
	text-decoration: none;
	color:#000;
	padding:12px 20px 12px 10px;
	cursor: pointer;
}
.menu_link li.disabled{
	background-color:#e9e9e9;
	border:1px solid #fff;
	cursor: default ;
}

.menu_link.multi_line a{
	line-height:1.1;
}

.default_link{
	text-decoration: underline !important;
	padding:0 !important;
	color: #2a80b9 !important;
}
a.default_link:hover{
	background-color:transparent !important;
}

.menu_link a:after{
	position:absolute;
	right:8px;
	top:22px;
	content:"";
	width: 10px;
	height: 10px;
	margin: -10px 0 0 0;
	background-image: url("https://id.smt.docomo.ne.jp/img/pc_arrow_right.png");
	width: 11px;
	height: 18px;
}

.menu_link.multi_line a:after{
	top:33px;
}

.menu_link a:hover{
	background: #ccc none;
}


/* ドロップダウンメニュー */

.menu_dd{
	position: relative;
	padding:12px 0px 12px 25px;
	font-weight:bold;
	font-size:14px;
	font-size:1.4rem;
	cursor:pointer;
	border-bottom:2px solid #e9e9e9;

}
.menu_dd:after{
	position:absolute;
	left:4px;
	top:28px;
	top:25px\9;
	content:"";
	width: 10px;
	height: 10px;
	margin: -10px 0 0 0;
	background-image: url("https://id.smt.docomo.ne.jp/img/pc_arrow_down.png");
	width: 18px;
	height: 11px;

}
.menu_dd:hover{
	background: #ccc none;
}
.menu_dd+.menu_link li{
	font-weight:normal;
}
.menu_close:after{
	top:25px;
	top:23px\9;
	background-image: url("https://id.smt.docomo.ne.jp/img/pc_arrow_up.png");
	width: 18px;
	height: 11px;
}
.active{
	padding-left:12px;
	padding-right:12px;
	background: #bbaf43;
	cursor: default;
	color: #fff;
}
.active:after{
	top:25px;
	top:23px\9;
	/*background-image: url("https://id.smt.docomo.ne.jp/img/pc_arrow_up.png");*/
	background-image:none;
	width: 18px;
	height: 11px;
}
.active:hover{
	background: #bbaf43 none;
}



/* フォーム
---------------------------------- */


/* フォーム項目のdl */

.form {
	margin: 0;
	background: #fff none;
}


.form > dt {
	margin: 0;
	padding: 4px 0 3px 9px;
	border-left: 4px solid #c90028;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	font-weight: bold;
}

.form dt.sub {
	margin: 12px 0 0 10px;
	padding: 0;
	border-left: none;
}

.form dd {
	margin: 10px 0 0;
	word-wrap:break-word;
}

.form dd + dt {
	margin-top:15px;
}

.form dd.sub {margin: 8px 0 0 10px;}
.form dd.dd_checkbox {margin: 10px 0 0;}

.form dd.detail_dd {
	margin: 5px 15px 0 !important;
	font-size: 14px;
	font-size: 1.4rem;
}

.conf_detail_dt {
	margin: 15px 0 0 0 !important;
}

.conf_detail_dd {
	margin: 5px 15px 0 !important;
	color: #2a80b9;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.conf_detail_dd_l {
	margin: 5px 15px 0 !important;
	color: #2a80b9;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

/* フォームパーツ整列用のtable、div、dl等 */

.form .dd_radio_01 {margin: 10px 0 0;}

.form_parts_wrap.sub {
	padding-left: 20px;
}
.form_parts_wrap.sub input[type=text] {
	width: 387px;
}

.form .pwdchk_status {margin: 6px 0 0;}

.form dd.sub input {
	width: 407px;
}


/* カードdivのスタイル上書き */

.card {
	margin: -8px 0 0;
	padding: 15px 84px 25px 87px;
	border: 8px solid #e9e9e9;
	background: #fff none;
}
.card.static ,
.card.list {
	padding: 15px 10px 25px 12px;
	font-size:14px;
	font-size:1.4rem;
}
.card.qa{
	padding: 0;
	font-size:14px;
	font-size:1.4rem;
}
.card.static.showhide {
	padding: 15px 10px 15px 12px;
}
.forget{
	border-bottom: none;
}
.forgetId{
	border-top: none;
}

/* よくある質問 */

.qa > dt{
/*	padding: 8px 10px 8px 35px; */
	padding: 3px 10px 0 30px;
	font-size: 16px;
	font-size: 1.6rem;
/*	font-weight: bold; */
	text-indent: -1.5em;
	line-height: 1.3;
/*	background-color:#bbaf43; */
/*	color:#fff; */
}
.qa > dt:before{
	content:"Q.";
/*	color:#c03; */
	color:#2a80b9;
	margin-right:5px;
	font-weight: bold;
}

.qa_common_answer{
/*	padding: 8px 10px 8px 35px; */
	padding: 0 0 0 30px;
/*	font-weight: bold; */
	line-height: 1.3;
	font-weight:normal;
	text-indent: -1.7em;
	color:#000;
}
.qa_common_answer:before{
	content:"A.";
/*	color:#2a80b9; */
	color:#cc0033;
/*	margin-right:5px; */
	font-size: 16px;
	font-size: 1.6rem;
	font-weight:bold;
}
.qa_common_answer > p  {
	text-indent: 0;
}
.qa_common_answer > ul ,
.qa_common_answer > ol ,
.qa_common_answer > dl {
	margin-top:10px;
	/* margin-left:25px; */
}
.qa_customer_group {
	margin:0;
	padding:0;
}
.qa_customer_group > dt {
	margin-top:16px;
	padding:10px;
	border-top:solid 8px #e9e9e9;
	border-left:none;
	font-weight:bold;
}
.qa_customer_group > dt > span ,
.under > li span {
	text-decoration:underline;
}
.qa_customer_type{
	position:relative;
	margin: 5px 0 10px;;
	padding: 8px 100px 10px 10px;
	background-color:#e9e9e9;
	font-weight:bold;
}
.qa_customer_type.new{
	margin: 15px 0 10px;
	background-color:transparent;

}

.qa_customer_answer{
	padding: 0 10px 8px 10px;
}
.qa_customer_answer li{
	padding : 0 0 0 1em;
	text-indent:-1em;
}


.sub input[type="text"] {
	width: 397px;
}

i.mandatory {
	display: inline-block;
	/display: inline;
	margin: -6px 0 -5px 10px;
	/margin: 0 0 0 10px;
	padding: 4px 6px;
	/padding: 0 5px;
	background: #cc0033 none;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	line-height: 1;
	vertical-align: middle;
}

.txt_normal {
	font-weight: normal;
}

.txt_overflow{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.form,
.card{
	/* 均等割り付け */
	text-align: justify;
	text-justify: inter-ideograph;
}


/* カラムテーブル
---------------------------------- */


.colTable_wrap { margin: 10px 0 }

.colTable {
	border: 1px #4c4c4c;
	border-color: #4c4c4c;
	border-style: solid;
	border-top-style: dashed;
	border-bottom-style: none;
	display:table;
	table-layout:fixed;
	width:100%;
	font-size:13px;
	font-size:1.3rem;
	line-height:130%;
	/*
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#F0F0F0)
	);
	*/
}
.colTable label{
	padding: 5px 0;
}
.colTable:first-child {
	border-top-style: solid;
	border-right:1px solid #4c4c4c;
}

.colTable:last-child {
	border-bottom-style: solid;
}

.colTable li{
	display: table-cell;
	padding:2px 3px;
	vertical-align:middle;
	height:30px;
	border:0;
	border-right:1px solid #4c4c4c;
}
.colTable li:last-child {
	border:0;
}
.colTable.head li{
	padding:0 3px;
	text-align:center;
	background-color:#f0f0f0;
}
.colTable li div {
	float:left;
	padding-right:2px;
}

.colTable_no{
	width:40px;
	text-align:center;
}
.colTable_kino{
	width:75px;
}
.colTable_time{
	width:130px;
}
.colTable_time div{
	text-indent:-1.5em;
	padding-left:1.5em;
}
.colTable_time div:first-child{
	text-indent:0;
	padding-left:0;
}
.colTable_service{
	width:242px;
}

.colTable input[type=checkbox]{
	display:table-cell;
	margin:10px;
}
.col_title {
	display:table-cell;
	width:100%;
	vertical-align:middle;
	text-align:left;
	font-weight:bold;
}
.col_chkHead{
	padding-left:40px;
}

/* すべて選択する/すべての選択を解除するボタン */
.btnAllCheck {
	visibility:hidden;
}

.colTable div.ownbrowser {
	width: 100%;
	text-align: right;
	padding: 4px 0 0 5px;
}

.colTable div.osbrowserName {
	text-align:left;
}

/* input */

input[type=text],
input[type=password],
input[type=tel] {
	width: 417px;
	/*
	height: 16px;
	height: 1.6rem;
	*/
	padding: 11px;
	border: 1px solid #ababab;
	border-radius: 0;
	font-size: 16px;
	font-size: 1.6rem;
}

input[type=text].err,
input[type=password].err,
input[type=tel].err {
	background: #feeeee none;
	border: 1px solid #cc0033;
}
input[type=text].sub {
	width: 397px;
}
/* 未使用
input.button_submit {
	-webkit-appearance: none;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 82%;
	border-radius: 16px;
	margin: 25px auto 0;
	padding: 19px 0;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
}
input.button_submit:active {
	padding: 20px 0 18px 2px;
	padding: 19px 0\9;
}
*/
button.button_submit {
	-webkit-appearance: none;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 82%;
	border-radius: 16px;
	margin: 25px auto 0;
	padding: 19px 0;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
}
button.button_submit:active {
	padding: 20px 0 18px 2px;
	padding: 19px 0\9;
}
a.button_submit {
	-webkit-appearance: none;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 82%;
	border-radius: 16px;
	margin: 25px auto 0;
	padding: 19px 0;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	text-align:center;
	text-decoration:none;
}
a.button_submit:active {
	padding: 20px 0 18px 2px;
	padding: 19px 0\9;
}
.button_submit.min{
	margin: 0;
	padding: 5px 12px;
	border-radius: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	height:26px;
	width:100px;
}

.card_terms_button input[type="button"],
.card_terms_button input[type="submit"],
.card_terms_button button,
.card_terms_button a.button_submit {
	/*width: 370px;*/
	width: 362px;
	margin: 30px auto 0;
}


/* input.button_submit:first-child {margin: 0;} */
.form + input.button_submit {margin: 20px 0 0;}

/*
_:-ms-fullscreen, :root input[type="button"],
_:-ms-fullscreen, :root button {
	border-radius: 0;
}
*/

.radio_wrap,
.checkbox_wrap,
.pw_checkbox_wrap {
	padding: 0 0 10px 5px;
	line-height: 1;
}
.pw_checkbox_wrap{
	display:none;
}

.radio_gender {
	display: inline-block;
	float: left;
	margin-right: 20px;
}

label {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1;
	vertical-align: baseline;
	cursor: pointer;
	display:table;
}
label span{
	padding: 4px 0 0 5px;
    white-space:normal;
    word-break:break-all;
    display:table-cell;
    vertical-align:middle;
}
label input[type=checkbox] + span{
	padding-top: 0;
}
input[type=checkbox],
input[type=radio] {
	vertical-align: baseline;
	cursor: pointer;
}

input[type=button], button {
	cursor: pointer;
}

.form dd.sub .radio_wrap input[type=radio]{
    display:table-cell;
	width:25px;
}

/* インフォメーションメッセージ */

.info_mes {
	margin: 10px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
}

/* フォームエラーメッセージ、エラー表示 */

.err_mes,
.err_mes_server,
.err_mes_dummy {
	margin: 10px 0 0;
	padding: 2px 4px 3px 1.5em;
	display:none;
	background: #d8355d none;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	line-height: 21px;
	line-height: 2.128rem;
	text-indent: -1em;
}

.err_mes_server,
.err_mes_dummy {
	display:block;
}

.err_mes:before,
.err_mes_server:before,
.err_mes_dummy:before {
	content:"※";
}

.err_mes_dummy{
	background: #fff none;
}


.input_err {
	border: 1px solid #d8365f;
	border: 1px solid #cc0033;
	background: #feeeee none;
	font-weight: bold;
}


/* 注釈メッセージ */

.note_msg{
	font-size:11px;
	font-size:1.1rem;
	line-height:1;
	margin: 5px 0;
}


/* IME入力モード */

input {
	ime-mode: active;
}
input[type=password] {
	ime-mode: disabled;
}

input[name=authtext]        ,
input[name=birth]           ,
input[name=favoritestr]     ,
input[name=mailadr]         ,
input[name=onetimekey]      ,
input[name=postcode]        ,
input[name=retypesprmailadr],
input[name=sprmailadr]      ,
input[name=dcmid]           {
	/* 初期状態を英数とする */
	ime-mode: inactive;
}

/* フォームボタン */

.nextaction {
	padding: 14px 0;
	background: #2a80b9 none;
	border: none;
	color: #fff;
}
.remind {
	padding: 11px 0;
	background: #fff none;
	border: 3px solid #2a80b9;
	color: #2a80b9;
}
.prevaction {
	padding: 14px 0;
	background: #9fa4a8 none;
	border: none;
	color: #fff;
}

.nextaction:active,
.prevaction:active {
	padding: 15px 0 13px 2px;
	padding: 14px 0\9;
}

.nextaction:hover {
	background: #226694;
	color: #ccc;
}
.nextaction[disabled="disabled"]:hover {
	background: #2a80b9 none;
	color: #fff;
}

.remind:active {
	padding: 12px 0 10px 2px;
	padding: 11px 0\9;
}

.remind:hover {
	background: #ccc none;
	border: 3px solid #226694;
	color: #226694;
}

.prevaction:hover {
	background: #7f8386 none;
	color: #ccc;
}
a.btn_action {
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-filter: contrast(100%);
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 8px 8px 0 #bbb;
	-moz-box-shadow: 0 8px 8px 0 #bbb;
	-webkit-box-shadow: 0 8px 8px 0 #bbb;
	height: 80px;
	border-radius: 24px;
	padding:20px;
	font-size: 30px;
	font-weight: 500;
	line-height: normal;	
	display: block;
	text-align: center;
}
div.btn_nr {
	margin: 32px auto 0;
}
div.btn_nr a{
	background: #2a80b9 none;
	text-decoration: none;
	color: #eee;
}
div.btn_nr a:active {
	position: relative;
	background: #226694;
	color: #bebebe;
	top: 1px;
	left: 1px;
}
.REGnextaction {
	width: 50% !important;
	margin: 10px 0px 0px 220px !important;
	padding: 12px !important;
	background-color: #fff;
	color: #226694;
	border-style: solid;
	border-color: #226694;
}
/* 新規発行ボタン */

.newIdArea a{
	display:block;
	width:370px;
	margin:20px auto 0;
}
.detail_bt_3_1{
	background-position:bottom;
	background-repeat:no-repeat;
	background-image:url("https://id.smt.docomo.ne.jp/img/pc_detail_3_bt_1.png");
	width:370px;
	height:72px;
}
.detail_bt_3_1:hover{
	background-image:url("https://id.smt.docomo.ne.jp/img/pc_detail_3_bt_1_on.png");
}


/* パスワードチェック */

#passwdstrength {
	width: 439px;
	height: 6px;
	margin: 4px 0 6px;
	padding: 0;
	border: 1px solid #d5d5d5;
	background: #e4e8e8 none;
}
#passwdstrength.weak, #passwdstrength.middle, #passwdstrength.strong {
	background: transparent url(https://id.smt.docomo.ne.jp/img/bg_pwdchkbar.png) left top no-repeat;
}
#passwdstrength.middle {
	background-position: left -10px;
}
#passwdstrength.strong {
	background-position: left -20px;
}


/* ランダム数字読み取り・文字の確認 */

.fImg {
	display: block;
	float: left;
	width: 114px;
	height: 31px;
	margin: 0 10px 0 0;
	border: 1px solid #eee;
	vertical-align: bottom;
}
.imgRldBtn {
	display: block;
	float: left;
	-webkit-appearance: none;
	margin: 0;
	padding: 7px 20px;
	background: #fff none;
	border: 2px solid #9fa4a8;
	border-radius: 12px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	vertical-align: bottom;
}
_::content, _:future, .imgRldBtn:active:not(*:root) { 
	padding: 8px 19px 6px 21px;
}
.imgRldBtn:active, x:-moz-any-link, x:default {
	padding: 8px 19px 6px 21px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.imgRldBtn:active {
	padding: 8px 19px 6px 21px;
	}
}

.imgRldBtn:active {
	padding: 9px 19px 7px 21px;
}
.imgRldBtn:hover {
	background: #ccc none;
}


/* フォーム一番下、ボタン上の文言 */

.form_notice_btm {
	margin: 23px 0 0;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.3;
}


/* ご注意等 */

.notice_bottom {
	margin: 0 0 25px;
}

.ftr_notice_h2 {
	padding: 5px 5px 5px 9px;
	background: #cdc36b none;
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
	font-weight: bold;
	line-height: 1;
}

.details {
	position: relative;
	padding: 14px 10px 60px;
	background: #f6f6f6 none;
	font-size: 11px;
	font-size: 1.1rem;
}
.details .link_text,
.details .link_button {
	font-size: 11px;
	font-size: 1.1rem;
}
.annotation li {
	padding: 0 0 0 1em;
	text-indent: -1em;
	line-height: 1.5;
	font-weight: normal;
}

.annotation.txt_alert     li ,
.annotation_imp.txt_alert li {
	color:#c03;
}


.annotation li:before {
	content: '・';
	display:block;
	float:left;
	width:1em;
}
.itemize li:before {
	content: ' - ';
}

.annotation_imp li:before {
	content: '・' !important;
}
.itemize_imp li:before {
	content: ' - ' !important;
}


/* アコーディオン */

.accordion {
	border-bottom: none;
}
.accordion.closed {
	height: 24px !important;
	overflow: hidden;
	border-bottom: 1px solid #cecab9;
}
.login_state_wrap .accordion.closed {
	height: 0px !important;
	overflow: hidden;
	border-bottom: 0px solid #cecab9;
}

.btn_close {
	display: none;
}

.btn_showhide_operation.btn_qa_operation{
	margin:auto;
	top: 4px;
	right: 10px;
}

.btn_showhide_operation.btn_gray_operation{
	margin:auto;
	top: 4px;
	right: 10px;
}
.showhide_operation_wrap{
	position:relative;
	/*margin: 5px 0 10px;*/
	/*padding: 8px 10px;*/
	/*background-color:#e4e4e4;*/
	font-weight:bold;
	height:30px;
}
.btn_showhide_operation,
.btn_hide_operation{
	position: absolute;
	top: 2px;
	right: 22px;
	display: none;
	padding: 5px 20px;
	border: 2px solid #9fa4a8;
	border-radius: 8px;
	color: #333;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	text-indent:0;
	line-height: 1.3;
	text-decoration: none;
	background-color:#fff;
	cursor:pointer;
}

.btn_showhide_operation:active,
.btn_hide_operation{
	padding: 6px 19px 4px 21px;
}

.btn_showhide_operation:hover,
.btn_hide_operation:hover{
	background: #ccc none;
}

.btn_showhide_operation i,
.btn_hide_operation i{
	width: auto;
	margin: 0 5px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 9px;
}
.showhide_operation_wrap .btn_showhide_operation{
	right:0;
}
.operation_flow{
	position: relative;
	/*padding-bottom: 10px;*/
}
.operation_flow > p{
	top: -5px;
	right: 0;
}
.btn_operation_close{
	position: relative;
	/*margin-bottom: 15px;*/
	margin-bottom: 5px;
	height:30px;
}
.btn_operation_close > p{
	top: 10px;
	right: 0;
}

.btn_showhide_operation,
.btn_hide_operation{
	position: absolute;
	top: 2px;
	right: 22px;
	display: none;
	padding: 5px 20px;
	border: 2px solid #9fa4a8;
	border-radius: 8px;
	color: #333;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	text-indent:0;
	line-height: 1.3;
	text-decoration: none;
	background-color:#fff;
	cursor:pointer;
}

.showhide_operation{
	padding: 10px;
}

/* アコーディオン表示(カード内部) */

.card_accordion {
	/* 外枠 */
	margin-top:10px;
	border: 2px solid #E9E9E9;
	font-size: 14px;
}
.card_accordion_bar {
	/* 上部バー */
	position: relative;
	background-color: #E9E9E9;
	min-height: 32px;
	margin:0;
	padding:0;
}
.card_accordion_title {
	/* 見出し */
	margin-right: 74px;
	padding-left: 5px;
	line-height: 28px;
	font-weight: bold;
	height:auto;
}
.card_accordion .btn_showhide.state {
	/* 開閉ボタン */
	position: absolute;
	top: auto;
	right: 0;
	bottom: auto;
	margin: auto;
}
.card_accordion_content {
	/* 開閉部 */
	margin: 5px;
}
.card_accordion_gray{
	position:relative;
	margin: 5px 0 10px;;
	padding: 8px 100px 10px 10px;
	background-color:#e9e9e9;
	font-weight:bold;
}


/* 非ボタンのリンク
---------------------------------- */


.link_text {
	display: block;
	margin: 25px 0 0;
	line-height: 1;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
}

.link_text.txt_inline {
	/* 文中リンク */
	display:inline;
	font-weight:bold;
}

.link_text + .link_text {
	margin-top: 10px;
}
.login_state .link_text,
.qa_link .link_text{
	margin: 10px 0 0;
}
.link_text a {
	font-weight: bold;
}
.link_text.txt_right {
	text-align: right;
}
.link_text.txt_right a:before{
	content:"";
}
.link_text.txt_navi {
	text-align: left;
}
.link_text_after_mg{
	margin: 25px 0 0;
}
ul > .link_text:first-child {
	/* リスト中のリンク */
	margin-top:0;
}

/* リンク余白 */
.annotation         .link_text ,
.numberList         .link_text ,
.qa_common_answer   .link_text ,
.qa_customer_answer .link_text ,
.step > dd          .link_text {
	margin-top:10px;
	margin-bottom:15px;
}

.float_list > .link_text + .link_text {
	margin-top: 0px;
}


.txt_terms {
	font-size: 13px;
	font-size: 1.3rem;
}
.txt_block {
	display:inline-block;
}

.link_button {
	/* button 要素をリンクとして表示 */
	color: #2a80b9;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
	text-indent:0;
}



/* ボタン直上のご利用上の注意
---------------------------------- */


.card_terms_button {
	border: none;
	padding: 12px 10px 0;
}

.card_terms_button .form_notice_btm {
	margin: 13px 0 0;
}

.notice_bottom_wrap {
	display: block;
	padding: 0;
}

.notice_bottom_wrap .notice_bottom {
	display: block;
	margin: 0;
}

.notice_bottom_wrap .details {
	padding: 12px 5px 5px;
}

.card_terms_button {
	display: block;
	margin: -8px 0 0;
	padding: 12px 10px 23px;
	border: 8px solid #e9e9e9;
}


/* ボタン */

.card_button {
	display: block;
	padding-top:1px;
	border: 8px solid #e9e9e9;

}
.card_button.start {
	border-bottom-width: 0;
	padding-bottom: 8px;
}
.card_button.end {
	content:"";
	border-top-width: 0;
}
.card_button.join {
	content:"";
	border-top-width: 0;
}
.card_button.join button {
	margin-top: 0;
}


/* iframe */

.ifr2 {
	width: 100%;
	height : 120px;
	margin: 16px 0 0;
	border: 1px solid #bababa;
}
.ifr2.large {
	height : 400px;
}

/* オペレーションフロー */

/*.operation_flow ul{*/
.operation_flow > ul{
	padding: 30px 0 0 10px;
}
.operation_img{
	float:left;
	margin-right: 20px;

}
.operation_img img,
.main_item_img img{
	border: 1px solid #bababa;
}
.operation_txt{
	float:left;
	width: 380px; /* 20180116 272px→500px */
}
.operation_txt_short{
	float:left;
	width: 208px;
}
.operation_txt_medium{ /* 20180831 追加 */
	float:left;
	width: 320px;
}
.operation_txt_long{
	float:left;
	width: 508px;
}
.operation_title{
	font-weight:bold;
}
.img180 img{
	width:180px;
}
.img200 img{
	width:200px;
}
.img300 img{
	width:300px;
}
.img500 img{
	width:500px;
}

.qrImg_right{
	padding-right:140px;
	text-align:right;
}
.qrImg_left{
	float:left;
	padding-left:130px;
}
/* 20180116 QRコード中央寄せ 追記start */
.qrImg_center{
	text-align:center;
}
/* 20180116 QRコード中央寄せ 追記end */

.img_left{
	float: left;
}
.img_right{
	float: right;
}


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

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

.numberList_title{
	font-weight:bold;
}

/* フッタ
---------------------------------- */


.footer__global {
	position: relative;
	left: auto;
	bottom: auto;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 27px;
	background: #fff none;
	border-top: 2px solid #c90028;
	font-size: 11px;
	font-size: 1.1rem;
	text-align: center;
	line-height: 11px;
}

.loggedin {
	display: block;
	margin: 9px 0 8px;
	padding: 0;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1;
}

.copyright {
	display: block;
	margin: 34px 0 0;
	text-align: center;
}
.copyright img {
	display: block;
	width: 352px;
	margin-left: auto;
	margin-right: auto;

}


/* リンク */

.ftr_link {
	width: 760px;
	margin: 0 auto;
}
.ftr_link ul {
	display: block;
	width: 100%;
	text-align: center;
}
.ftr_link a {
	color: #858585;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 23px;
}
.ftr_link ul li {
	display:inline-block;
	width: 35%;
	padding: 20px 0 4px;
	/*
	font-size: 14px;
	font-size: 1.4rem;
	*/
	text-align: center;
}
.ftr_link ul li:nth-child(1) {
	/* 1個目左寄せ */
	width: 30%;
	text-align: left;
}
.ftr_link ul li:nth-child(3) {
	/* 3個目左寄せ */
	width: 30%;
	text-align: right;
}
.ftr_link ul li:nth-child(4),
.ftr_link ul li:nth-child(5) {
	width: 45%;
}
.ftr_link input ,
.ftr_link button{
	color: #858585;
	border: 0px;
	background-color: transparent;
	text-decoration: underline;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	cursor: pointer;
	line-height: 23px;
}

/* リンク メニューのみ*/

.m_ftr_link{
	width: 768px;
	margin: 0 auto;
	padding: 22px 0 17px 0;
	position: static;
	top: auto;
	left: auto;
}
.m_ftr_link li{
	float: left;
	padding: 0 15px;
}
.m_ftr_link li a{
	font-size: 12px;
	color: #000;
	background: url(https://id.smt.docomo.ne.jp/img/pc_guide-ls.png) no-repeat 7px 7px;
	text-decoration: none;
}
.m_ftr_link li a:hover span{
	text-decoration: underline;
}
.m_ftr_link li span{
	padding: 0 0 0 20px;
}

/* その他文字装飾
---------------------------------- */


.indent{ padding-left:1em !important; text-indent:-1em !important; }
.indent_ast {
	/* （※N）表記 */
	padding-left:4em !important;
	text-indent:-4em !important;
}
.noticeIndent li{
	padding-left:4em !important;
	text-indent:-3em !important;
	margin-bottom:10px;
}
.noticeIndent li:nth-child(n+10){
	padding-left:4em !important;
	text-indent:-4em !important;
}
.idpwIndent{
	padding-left:3em !important;
}

/* 音声ブラウザ用ダミーイメージクラス
---------------------------------- */


.readDummy {
	display: block;
	height: 15px;
	width: 100%;
	margin-top:-17px;
}

.progress_bar + .readDummy {
	margin-top:0px;
}

.readDummy + .main_regist_hdrmes {
	/*margin-top:-5px;*/
}



/* 画面固有定義
---------------------------------- */


/* COM,SPM */

.login_state_wrap{
}
.login_state{
	margin: 0 10px 10px;
	padding: 10px;
	background-color:#fff;
}
.login_state_border{
	border:1px solid #ccc;
	padding: 10px;
}
.login_state dl{
	width:246px;
	float:left;
}
.login_state dt{
	padding: 2px 0 1px 8px;
	border-left: 4px solid #c03;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	font-weight: bold;
}
.login_state dt:nth-of-type(1){
	margin-top:0px;
}
.login_state dd{
	margin: 12px 14px;
	width:230px;	
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
}
.login_state_msg{
	margin: 0;
	padding: 0 10px 10px;
}
.login_state_msg p{
	padding: 5px 10px;
	background-color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
}
.menu_content_box {
	display:table;
	margin-left:10px;
}
.menu_content_box .column {
	display:table-cell;
	border-right:10px solid #e9e9e9;
	padding:10px;
	background-color: #fff;
}
.menu_link.menu_dynamic.left {
	width:330px;
}
.menu_link.menu_dynamic.right {
	width:367px;
}
.menu_link.menu_dynamic li{
	border-right: solid 2px #e9e9e9;
	border-left: solid 2px #e9e9e9;
}


/* REG */

.otherService {
	display: table;
	table-layout: fixed;
	height: 70px;
	width: 82%;
	margin:0 auto;
}
.otherService .img {
	display: table-cell;
	width:70px;
	vertical-align: middle;
}
.otherService .img img {
	width:60px;
	vertical-align: middle;
}
.otherService .button {
	display: table-cell;
	vertical-align: middle;
}
.otherService .button button {
	padding: 10px;
	width: 100%;
	border: 2px solid #9FA4A8;
	background: none repeat scroll 0% 0% #FFF;
	color: #333;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.3;
}
.otherService .button button:hover {
	background: #ccc none;
}

.txt_facebook {
	color:#305097;
}
.txt_google {
	color:#db4a39;
}
.txt_yahoo {
	color:#FF0E33;
}
.txt_mixi {
	color:#d1AD5A;
}
.txt_twitter {
	color:#1da1f2;
}

/* RKK */

.client_list {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 8px 0 0;
	padding-top:8px;
	font-size: 14px;
	font-size: 1.4rem;

	border-top: 2px dashed #ccc;
}
.client_list:first-child {
	padding-top:0;
	border-top:none;
}
.client_list li {
	display: table-cell;
	padding: 0 10px;
	vertical-align: middle;
	text-align: left;
}
.client_list li.icon {
	width: 20%;
	text-align: right;
}
.client_list li.icon img {
	height: 64px;
	width: 64px;
}
.client_list li.name {
}
.client_list li.button{
	width: 120px;
	padding:0;
}
.client_list li.button .button_submit {
	/*margin: 0;*/
	margin-right:auto;
	padding: 5px 12px;
	border-radius: 10px;
	font-size: 14px;
	font-size: 1.4rem;
}

.client_logo {
	float: left;
	position: relative;
	height: 100px;
	width: 100px;
}
.client_logo img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: auto;
	height: 64px;
	width: 64px;
	margin:auto;
	border: 8px solid #e9e9e9;
}
.client_logo + .form {
	margin-left:110px;
}
.card.list.rkk {
	padding-bottom:15px;
}
.card.list.rkk > div {
	width: 120px;
	margin-left:auto;
	text-align:left;
}
.card.list.rkk > div > button {
	margin-right:auto;
}
.card.list.rkk > div > button:active {
	padding:5px 12px;
}

.centerImg{
	text-align:center;
	margin:20px 20px 0;
}
.centerImg img{
	width:auto;
	border:1px solid #CCC;
}
.centerImg_step1 {
	text-align: center;
	margin-top: 50px;
}
.centerImg_step2 {
	text-align: center;
	margin-top: 16px;
}
.icn_note img {
	margin-top: 32px;
	display: inline-block;
}
.icn_done img {
	margin-left: 465px;
	margin-right: 8px;
	line-height: normal;
}
.qrImg img{
	float:right;
	margin-right:10px;
	margin-bottom:10px;
}

.icnPdf {
	background: transparent url("https://id.smt.docomo.ne.jp/img/icn_pdf.gif") no-repeat scroll 0px 0.2em;
	margin-top: 0;
	padding:2px 0px 3px 20px;
}


/* 更新履歴用リスト */
.update_li {
	font-size : 13px;
}
.update_li li {
	border-bottom : 1px dashed #cccccc;
	padding : 5px 0px;
	background-color : #ffffff;
}
.update_dt {
	width : 120px;
	float : left;
}
.update_info {
	float : left;
	display : inline-block;
}
.feed {
	float:right;
}

/* 条件定義 */

.compatible {
	margin-top:10px;
}
.compatible.termlist{
	text-align: left;
}

.compatible dt {
	border-left:none;
}
.compatible > dd + dt {
	margin-top:25px;
}
.compatible > dd {
	margin-left:1em;
}

.compatible.os       > dt ,
.compatible.termlist > dt ,
.compatible.customer > dt {
	font-weight:bold;
}
/*
.compatible.customer + .compatible.customer {
	margin-top:25px;
}
*/
.compatible.os > dt span {
	/* 対応端末 強調部 */
	text-decoration: underline;
}

.compatible.termlist > dt {
	width:100%;
}
.compatible.termlist > dd {
	display:inline-block;
	width:45%;
	margin-left:1em;
	vertical-align:top;
	/*vertical-align:bottom;*/
}
.compatible.termlist > dd.longTerminal {
	width:100%;
}
.compatible.termlist > dd.link_text {
	margin-top:10px;
}
.compatible.condition > dd {
	margin-top:10px;
	margin-left:1em;
}
.card .card.showhide {
	margin:10px 0 0 0;
	padding:5px;
}
.card .card.showhide dt {
	position:relative;
}
.card .card.showhide dd {
	border-top:2px solid #E9E9E9;
	padding-top:5px;
	margin-top:5px;
}
.card .card.showhide.inner {
	margin-left:-1em;
}
.card .card.showhide.li_inner {
	margin-left:-10px;
}

/* 水平リスト fix */
.block_list {
	display:table;
	width:100%;
	margin-top:0;
}
.block_list.fixed {
	table-layout:fixed;
}
.block_list > li {
	display:table-cell;
	padding:8px;
}
ul > li.link_text:first-child {
	margin-top:0;
}
/* 水平リスト flex */
.float_list {
}
.float_list li {
	display:inline-block;
	margin-top:10px;
	margin-right:10px;
}

/* フローリスト */
.flow_horizontal {
}
.flow_horizontal > li {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:30%;
	padding:10px 2% 10px 0;
}
.flow_horizontal.w140 > li {
	width:145px;
}
.flow_horizontal > li:after {
	/* 右矢印 */
	content:" ";
	display:block;
	position:absolute;
	top:0;
	right:-3px;
	bottom:0;
	height:100%;
	width:20px;

	background-image: url(https://id.smt.docomo.ne.jp/img/pc_arrow_red_light.png);
	background-position: 50% 60px;
	background-repeat: no-repeat;
}
.inner .flow_horizontal > li:after {
	right:-9px;
}
.flow_horizontal > li:last-child:after {
	background-image: none;
}
.flow_horizontal > li img {
	border: 1px solid #ccc;
}
.flow_horizontal > li > div {
	min-height:60px;
}

.flow_vertical {
	position:relative;
}
.flow_vertical > li {
}
.flow_vertical > li:after {
	position:relative;
	top:10px;
	left: 50%;
	content:" ";
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: solid 20px #c03;
	visibility:visible;
}
.flow_vertical > li.end:after,
.flow_vertical > li:last-child:after {
	border: none;
}
.flow_vertical.img180 > li:after {
	left:70px;
}
.flow_vertical.img200 > li:after {
	left:80px;
}
.flow_vertical.img300 > li:after {
	left:130px;
}
.flow_vertical.img500 > li:after {
	left:230px;
}

/* このページの先頭へ */
.static.page_top {
	padding-top:0;
	padding-bottom:0;

	/* 上線細め */
	/*
	padding-top:0;
	padding-bottom:0;
	border-top-style:dashed;
	border-top-width:2px;
	*/

	/* 上線なし */
	/*
	padding-top:-8px;
	padding-bottom:0;
	border-top:none;
	*/
}
.page_top .link_text {
	margin-top:10px;
	margin-bottom:10px;
}
dd.page_top.continue {
	margin:25px -10px;
	padding:0 10px;
	border-color:#E9E9E9;
	border-top-style:dashed;
	border-top-width:2px;
	border-bottom-style:dashed;
	border-bottom-width:2px;
}

/* メンテナンス情報 */
.mnt {
	table-layout:fixed;
	margin:10px auto;
	border: 1px #4c4c4c;
	border-color: #4c4c4c;
	border-style: solid;
	width:100%;
	font-size:13px;
	font-size:1.3rem;
	line-height:130%;
}
.mnt th {
	width:100px;
	border-right:1px solid #4c4c4c;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#F0F0F0)
	);
}
.mnt tr {
	width:150px;
	border-bottom:1px dashed #4c4c4c;
}
.mnt td{
	padding:10px;
}

.doc {
	margin-top: 10px;
	padding: 10px 0;
	border-top: 2px solid #e9e9e9;
	border-bottom: 2px solid #e9e9e9;
}
.doc + .doc {
	margin-top: 0;
	border-top: none;
}
.doc > dt {
	width:50px;
	float:left;
	clear:left;
	border-left:none;
	margin: 0;
}
.doc > dd + dt {
	margin: 0;
}
.doc > dd {
	margin: 0;
	float:left;
}


/* メッセージ・対処 */
.case > dt {
	font-weight: bold;
}
.case > dt > p {
	padding-left: 7em !important;
	text-indent: -7em !important;
}
.step > dt{
	width: 60px;
	float:left;
	text-align:right;
	padding:2px 0;
	text-indent:0;
}
.step > dd{
	margin: 0 0 0 75px;
	padding:2px 0;
	text-indent:0;
}
.step dd + dt {
	margin-top:0;
}
.case .step{
	margin-left:24px;
}

.error{
	padding: 10px 0 13px;
}

/* ============================================================== */
/* googleカスタム検索                                             */
/* ============================================================== */
.addform .hdr_logo{
	margin-top:8px;
}
.addform .hdr_h1{
	margin-right:400px;
}
.search{
	margin-top:-28px;
	width:360px;
	float:right;
}
.search dt{
	float:left;
	width:100px;
	line-height:37px;
	text-align:right;
	color:#666;
	font-weight: normal;
}
.search dd{
	float:right;
	width:250px;
}
input.gsc-input{
	line-height:1;
}
.gsc-input-box{
	height:25px;
	border:1px solid #D9D9D9;
	background-color: #FFFFFF;
}
.gsib_a{
	padding-right:8px !important;
	padding-left:8px !important;
}
.gsc-control-cse{
	margin:0 !important;
	padding:0 !important;
	border:none !important;
	background:transparent !important;
}
form.gsc-search-box{
	margin:0 !important;
}
table.gsc-search-box td.gsc-input{
	padding:0 !important;
}
.gscb_a{
	display:none !important;
}
input.gsc-search-button{
	height:13px;
	width:13px;
	background-color: #3079ED;
	border:1px solid #3079ED;
	border-radius:2px;
	margin-top:5px !important;
	padding:6px 27px;
}
.gsc-branding{
	display: none !important;
}
.gsc-selected-option-container{
	font-size:10px !important;
}
.gsc-result .gs-title{
	height:auto !important;
	overflow:visible !important;
	text-align:left;
}
.gs-snippet b{
	font-weight:bold;
}

/* ============================================================== */
/* ページ切り替えボタン                                            */
/* ============================================================== */
.page {
	display:table;
	width:100%;
}
.page > div {
	display:table-cell;
	background-color: #fff;
	vertical-align:middle;
}
.page > div > div{
	display:table;
	table-layout: fixed;
	width:100%;
}
.page > div > div > div{
	display:table-cell;
	background-color: #fff;
}
div.page div button{
	width:180px;
	height:50px;
	position: relative;
	border:8px solid #e9e9e9;
	border-top:0 solid #e9e9e9;
	font-size:14px;
	font-size:1.4rem;
	background-color:#fff;
}
.page button.nextBtn:after{
	position:absolute;
	right:8px;
	top:22px;
	content:"";
	width: 10px;
	height: 10px;
	margin: -10px 0 0 0;
	background-image: url("https://id.smt.docomo.ne.jp/img/pc_arrow_right.png");
	width: 11px;
	height: 18px;
}
.page button.backBtn:before{
	position:absolute;
	left:8px;
	top:12px;
	content:"";
	width: 10px;
	height: 10px;
	margin: 0 0 -10px 0;
	background-image: url("https://id.smt.docomo.ne.jp/img/pc_arrow_left.png");
	width: 11px;
	height: 18px;
}
.page button:hover{
	background: #ccc none;
}
.page button[disabled="disabled"]{
	background: #e9e9e9 none;
	color: #999999;
	cursor: default;
}
.page button.nextBtn[disabled="disabled"]:after{
	display:none;
}
.page button.backBtn[disabled="disabled"]:before{
	display:none;
}
.page_button {
	display: block;
	padding:0;
	border: 8px solid #e9e9e9;
}
.backBtn{
	margin-left:-8px !important;
}
.nextBtn{
	margin-right:-8px !important;
}
.pageCenter{
	width:15px;
	text-align:center;
}
.rkkBtn{
	padding:15px 10px;
}
.rkkBtn div{
	width:120px;
	margin-left: auto;
}
.privateOff_icon{
	width:auto;
	height:25px;
	vertical-align:-4px;
}
.privateOff{
	width:400px;
	display:block;
	margin:5px 0;
}

.banner_pc {
    height: auto;
    width: 300px;
    margin: 25px auto 0;
    display: block;
}
.inner dd {
	border:none !important;
	padding-top: 0 !important;
	margin-top:0 !important;
}
.contentWindow_cd {
	margin-top: 160px;
	text-align: center;
}
/* ============================================================== */
/* faq用                                                          */
/* ============================================================== */
.faq_link li {
    border-bottom: 1px solid #e9e9e9;
}
.faq_link li a {
	display: block;
	padding: 10px 34px 10px 35px;
	color: #000000 !important;
	line-height: 1.6;
	transition: all .3s;
	text-decoration: none !important;
	position: relative;
}
.faq_link li a:after {
	content: "";
	position: absolute;
	background: url(https://id.smt.docomo.ne.jp/img/pc_sidemenu-arrow-b.png) no-repeat center;
	width: 15px;
	height: 100%;
	right: 5px;
	top: 0;
}
.faq_link li a:before{
	content:"Q.";
	color:#2a80b9;
	margin-right:5px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -13px;
}
.faq_link li a:hover {
	background-color: #f8f8f8;
	color: #2a80b9 !important;
}

/* ============================================================== */
/* 対応サービス一覧用                                             */
/* ============================================================== */

.tabarea{
    width: 700px;
    padding-left: 10px;
}

.tab li{
display:block;
    cursor: pointer;
    line-height: 30px;
}

.tab .select{
color :#fff;
background:#2A80B9;
}

.have_d{
    border: 1px solid #2A80B9;
    -webkit-border-top-left-radius: 8px;  
    -webkit-border-top-right-radius: 8px;  
    -moz-border-radius-topleft: 8px;  
    -moz-border-radius-topright: 8px; 
    width: 348px;
    font-weight: bold;
    float: left;
    text-align: center;
}
.have_d:hover{
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
.havenot_d{
     border: 1px solid #2A80B9;
    -webkit-border-top-left-radius: 8px;  
    -webkit-border-top-right-radius: 8px;  
    -moz-border-radius-topleft: 8px;  
    -moz-border-radius-topright: 8px; 
    width: 348px;
    font-weight: bold;
    float: left;
    text-align: center;
}
.havenot_d:hover{
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}

.fiftySound{
    margin-top: 10px;
}

.fiftySound li{
    float: left;
	line-height: 1.5;
    border: 1px solid #2A80B9;
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px; 
    width: 40px;
    text-align: center;
}
.fiftySound li:hover{
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.service_box{
	border: 1px solid #2a80b9;
	padding: 10px 10px ;
}

.lower-service > dd {
	display:inline-block;
	width:400px;
	margin-left:1em;
	vertical-align:top;
}

/* ============================================================== */
/* アプリバナー用                                                          */
/* ============================================================== */
.bnr_area {
    display: none;
}

/* ============================================================== */
/* ツールチップ                                                   */
/* ============================================================== */

.s{
	text-decoration:none;
	position:relative;
}

.s-balloon {
	/*バルーンの設定*/
	position:absolute;
	top:-50px;
	left:30px;
	right:-280px;
	display:none;
	opacity:0;
	padding:5px;
	border: 2px solid #e9e9e9;
	border-radius:5px;
	background-color:#fff;
	font-weight:normal;
	box-shadow: 0 8px 8px 0 #bbb;
	-moz-box-shadow: 0 8px 8px 0 #bbb;
	-webkit-box-shadow: 0 8px 8px 0 #bbb;
	animation-duration:0.3s;
	animation-name:show-balloon;*/
}

.s:hover .s-balloon{
	/*マウスホバー時のバルーンスタイル*/
	
	display:inline-block;
	opacity:1;
}


/* ============================================================== */
/* テキストボックスクリアボタン                                   */
/* ============================================================== */

#dcmid::-ms-clear {
    visibility:hidden;
}

.searchFrame {
	position:relative;
	display:inline-block;
}

.inputBox {
	padding-right:20px;
}

.searchFrame .clearButton {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 2px;
  top: 4px;
  background: url(https://id.smt.docomo.ne.jp/img/btn_easy_close2.png) no-repeat left center;
  cursor: pointer;
}


/* 20180216 TAG 追記start */
/*タブ下オブジェクトの罫線上削除用のスタイル*/
.border_top_none {
	border-top:none !important;
}
/*タブのスタイル*/
/*選択されているタブ*/

.regguide_tab_area{
	height: 69px;
}

.regguide_tab_current {
	width:174px;
	height: 45px;
	font-weight: bold;
	font-size: 14px;
	padding:8px;
	background-color: #2A80B9;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	float: left;
	background-repeat: no-repeat;
	margin-top:8px;
}
/*選択されていないタブ*/
.regguide_tab {
	width:173px;
	height: 45px;
	font-size: 14px;
	font-weight: bold;
	padding:8px;
	background-color: #e9e9e9;
	float: left;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	background-repeat: no-repeat;
	margin-top: -12px;
}
.regguide_tab_current span {
	display: inline-block;
	text-align: left;
	color: #fff;
	margin-left:60px;
}
.regguide_tab span {
	display: inline-block;
	text-align: left;
	margin-left:60px;
}
/*選択されていないタブホバー*/
.regguide_tab:hover {
	background-color: #2A80B9;
	text-decoration: none;
}
.regguide_tab:hover span{
	color: #fff;
}
/*タブの画像*/
.regguide_tab_current1,
.regguide_tab1:hover {
	background-image: url(https://id.smt.docomo.ne.jp/img/regguide_icon_white01.png);
	background-position: 20px 10px;
}
.regguide_tab_current2,
.regguide_tab2:hover {
	background-image: url(https://id.smt.docomo.ne.jp/img/regguide_icon_white02.png);
	background-position: 10px 10px;
	margin-left:1px;
}
.regguide_tab_current3,
.regguide_tab3:hover {
	background-image: url(https://id.smt.docomo.ne.jp/img/regguide_icon_white03.png);
	background-position: 5px 15px;
	margin-left:1px;
}
.regguide_tab_current4,
.regguide_tab4:hover {
	background-image: url(https://id.smt.docomo.ne.jp/img/regguide_icon_white04.png);
	background-position: 15px 18px;
	margin-left:1px;
}
.regguide_tab1{
	background-image: url(https://id.smt.docomo.ne.jp/img/regguide_icon_blue01.png);
	background-position: 20px 10px;
	
}
.regguide_tab2{
	background-image: url(https://id.smt.docomo.ne.jp/img/regguide_icon_blue02.png);
	background-position: 10px 10px;
	margin-left:1px;
}
.regguide_tab3{
	background-image: url(https://id.smt.docomo.ne.jp/img/regguide_icon_blue03.png);
	background-position: 5px 15px;
	margin-left:1px;
}
.regguide_tab4{
	background-image: url(https://id.smt.docomo.ne.jp/img/regguide_icon_blue04.png);
	background-position: 15px 18px;
	margin-left:1px;
}
.regguide_tab_current1 span,
.regguide_tab1 span{
	margin-top: 10px;
}

/*選択されているタブの下三角*/
.regguide_tab_current1 + p {
	content: ' ';
	width: 0px;
	height: 0px;
	position: relative;
	top: 60px;
	left: 80px;
	border: 10px solid transparent;
	border-top-color: #2A80B9;
}
.regguide_tab_current2 + p {
	content: ' ';
	width: 0px;
	height: 0px;
	position: relative;
	top: 60px;
	left: 275px;
	border: 10px solid transparent;
	border-top-color: #2A80B9;
}
.regguide_tab_current3 + p {
	content: ' ';
	width: 0px;
	height: 0px;
	position: relative;
	top: 60px;
	left: 460px;
	border: 10px solid transparent;
	border-top-color: #2A80B9;
}
.regguide_tab_current4 + p {
	content: ' ';
	width: 0px;
	height: 0px;
	position: relative;
	top: 60px;
	left: 660px;
	border: 10px solid transparent;
	border-top-color: #2A80B9;
}
.regguide_border{
	border-top: none;
}
/* 20180216 TAG 追記end */
div.btn_blue {
	width: 520px;
	margin: 40px auto;
}
div.btn_blue a{
	display: block;
	background: #2a80b9 none;
	text-decoration: none;
	padding: 15px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	line-height: 1em;
}
div.btn_blue span{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.btn_blue a:hover {
	opacity: 0.6;
}

/* 20180615 新規作成ガイドボタン START */
div.btn_blue2 {
	width: 520px;
	margin: 40px auto;
}

div.btn_blue2 a{
	display: block;
	background: #2a80b9;
	background-image: url(https://id.smt.docomo.ne.jp/img/pc_btn-bg.png);
	background-repeat: no-repeat;
	background-size: 10px 15px;
	background-position: right 3% center;
	padding: 15px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	line-height: 1em;
}

div.btn_blue2 a span{
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.1em;
}
/* 20180615 新規作成ガイドボタン END   */


.card-static {
	padding: 10px 10px 0;
}
.card-static .link_text {
	margin: 10px 0 20px;
}

.buttons {
	margin: 20px 0 0;
	border-bottom: 1px solid #ffffff;
}
.buttons-other {
	margin-top: 40px;
}
.buttons a {
	width: 520px;
	margin: 20px auto 0;
}
.buttons a:last-child {
	margin-bottom: 40px;
}

.btn-blue-bg {
	display: block;

	border-radius: 8px;
	background-color: #2a80b9;
	background-image: url(https://id.smt.docomo.ne.jp/img/sp_btn-bg.png);
	background-repeat: no-repeat;
	background-size: 10px 15px;
	background-position: right 2% center;
	border: 3px solid #2a80b9;
	color: #ffffff;
	font-size: 16px;
	padding: 10px 25px 10px 5px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	margin-bottom: 20px;
}
.btn-white-bg {
	display: block;

	border-radius: 8px;
	background-color: #ffffff;
	background-image: url(https://id.smt.docomo.ne.jp/img/sp_biz-btn-bgBlue.png);
	background-repeat: no-repeat;
	background-size: 10px 15px;
	background-position: right 2% center;
	border: 3px solid #2a80b9;
	color: #2a80b9;
	font-size: 16px;
	padding: 10px 25px 10px 10px;
	font-weight: bold;
	line-height: 1;
	cursor: pointer;
	text-decoration: none;
	margin-bottom: 20px;
}
.btn-blue-bg:hover  ,
.btn-white-bg:hover {
	text-decoration: inherit;
	opacity: 0.6;
}
.btn-blue-bg  span ,
.btn-white-bg span {
	white-space: nowrap;
	color: inherit;
	text-decoration: inherit;
}

.confirmation-list {
	margin: 20px 0 0;
}
.confirmation-list > dt {
	font-weight: bold;
}
.confirmation-list > dd {
	margin: 5px 0 0 ; 
}
.confirmation-list .operation_flow {
	margin: 10px 0 0;
}

@media screen and (min-width: 1025px) {
.for_tablet {
display:none;
}
}


/*アンケートボタン*/

.survey{
  border: 8px solid #e9e9e9;
  background: #fff none;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 60% 20% 20%;
  grid-template-rows:auto auto;
  -ms-grid-columns: 60% 20% 20%;
  -ms-grid-rows:auto auto;
  margin-top: -8px;
  padding: 30px 10px 30px 12px;
  align-items: center;
  justify-content: center;
}

.survey__text{
  padding-left: 15px;
}

.survey__button--yes {
  background-color: #e9e9e9;
  border-radius: 8px;
  grid-column: 2;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  margin-right : 15px;
  vertical-align: middle;
}

.survey__button--yes a{
  color: #000;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.survey__button--no {
  background-color: #e9e9e9;
  border-radius: 8px;
  grid-column: 3;
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  height: 40px;
  line-height: 40px;
  margin-left : 15px;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.survey__button--no a{
  color: #000;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.survey_thanks {
	padding: 30px 10px 30px 27px;
	border: 8px solid #e9e9e9;
	margin-top: -8px;
}

a:hover.survey-fade {
	background-color: #d3d3d3;
	border-radius: 8px;
}