@import url(txt.css);

h1,h2,h3,p,div,form  { margin:0px; padding:0px;}
ul,ol { margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
img   { border:0px;}
label { cursor:pointer;}
table { text-align:left;}


body.zh-tw{
  font-family: 'Microsoft JhengHei', 'LiHei Pro', 'Arial', sans-serif;
}

body.tpl {
  width:640px;
  background:#FFF;
  color:#333;
  text-align:center;
  margin:0px auto;
  padding:0px;
}

td.CONTENT {
  background:url('../img/tpl/frm_bg.gif') repeat-y center center;
  text-align:center;
  padding:0px 16px;
}


/**/

.mb16p4   { margin:0px 0px  16px; padding:4px;}
.mb16auto { margin:0px auto 16px;}


img.right { margin:0px 0px 8px 8px; float:right;}
img.left  { margin:0px 8px 8px 0px; float:left;}

.dot_1 { background:url('../img/dot_1.gif') repeat-x;}
.dot_2 { background:url('../img/dot_2.gif') repeat-x;}

h1.title  { color:#EEE; text-align:center; background:url('../img/title_bg.gif') no-repeat center center; padding:12px;}
h3.subtit { color:#666; text-align:center; margin-top:4px;}



/* 110301 */

.mt8p4   { margin:8px 0px 0px; padding:4px;}

.tokutei{
  margin:16px 0 0;
  font-size:12px;
}


/* 退会抑止テンプレート */
#cancellation-d{
  margin-bottom:16px;
}

#cancellation-d p.f-12{
  font-size:12px;
}

#cancellation-d table#point{
  width:640px;
  margin:0 auto;
}

#cancellation-d table#point{
  margin:6px 0px;
}

#cancellation-d table#point td{
  width:204px;
  margint:0 2px;
}

#cancellation-d table#point td ul.other{
  font-size:12px;
  padding:4px 0 0 15px;
  _padding:4px 0 0 0;

}

#cancellation-d table#point td ul.other span.f-9{
  font-size:9px;
}

#cancellation-d table#point td ul.other li{
  margin-bottom:4px;
}

#cancellation-d #caution{
  width:612px;
  margin-left:2px;
  _margin-left:0px;
  padding:5px 10px;
  border:solid 2px #b0abab;
  border-bottom:none;
  border-top:none;
  _text-align:left;
}


#cancellation-d #caution p{
  font-size:12px;
  line-height:1.5;
}

#cancellation-d #caution p span.under-line{
  text-decoration:underline;
}

#cancellation-d #caution p span.red{
  color:#F00;
}

#cancellation-d a.other-privilege{
  display:block;
  width:288px;
  margin:10px auto 0 auto;
}

/*↓手順↓*/
#step_view { border-collapse:collapse; margin:0 0 16px -34px; text-align:center;zoom:1;}
#step_view td { padding:4px;}
#step_view div {
  width:135px; overflow:hidden;
  line-height:1;
  font-weight:bold;
  padding:6px;
  border-style:solid; border-width:2px;
  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
  }
#step_view .ato {/* 後 */
  background:#999F9F url(../img/step/step_ato_bg.png) repeat-x top;
  color:#FFF;
  border-color:#898F8F #696F6F #494F4F;
  text-shadow:0 1px 1px #333;
  }
#step_view .ima {/* 今 */
  background:#FF9900 url(../img/step/step_ima_bg.png) repeat-x top;
  color:#FFF;
  border-color:#F90 #F60 #C30;
  text-shadow:0 1px 1px #333;
  }
#step_view .mae {/* 前 */
  background:#D9DFDF url(../img/step/step_mae_bg.png) repeat-x top;
  color:#999F9F;
  border-color:#C9CFCF #A9AFAF #898F8F;
  }
#step_view .number { font-size:12px;}
#step_view .detail { font-size:16px; margin:4px 0 0;}
/*↑手順↑*/

/* ニコニコロゴSVG対応 */
.base_svg_logo {
  width: 126px;
  height: 26px;
  margin: 20px auto;
}
/* logo IE対応 */
.base_svg_logo img {
  width: 100%;
}

.ticket_continue_description {
  font-size: 10px;
  line-height: 160%;
  margin: 16px 0 12px;
}

.ticket_continue_description a {
  color: inherit;
  font-weight: normal;
}

.welcome {
  font-size: 16px;
  font-weight: 300;
  line-height: 21px;
  letter-spacing: 0em;
  margin-bottom: 24px;
}

.user_name {
  font-weight: 600;
}

.operation_title {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0em;
  margin-bottom: 8px;
}

/* 20231208 年額乗り換え注意追加 */
.switch_yearly_title {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin: 10px 0 8px;
}

.switch_yearly_description  {
  text-align: left;
  color: var(--niconico-black-252525, #252525);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 10px;
}

.switch_yearly_description a {
  color: var(--accent-blue-4990-e-2, #4990E2);
  text-decoration: none;
}