@CHARSET "UTF-8";

/* ▼ロゴ画像 */

/* MVNO用 */
.plogo{
   /* ▼配置 */
   display: block;
   margin: 5px auto 5px;
   width: 275px;
}

/* 電話番号認証用 */
.plogo_mna{
   /* ▼配置 */
   width:275px;
   display: block;
   margin: 5px auto 0px;
}

.footerimg{
   /* ▼配置 */
   display: block;
   text-align: right;
   width: 296px;
   margin: 0px auto;
}

.blogo{
   /* ▼配置 */
   text-align: right;
   width: 70px;
   margin-top: 10px;
}

.nslogo{
   /* ▼配置 */
   text-align: right;
   width: 123px;
   margin-top: 10px;
   margin-bottom: 25px;
}

.simg{
   /* ▼配置 */
   width:246px;
   display: block;
   margin: 5px auto 0px;
}


/* ▼アンカーやボタン */

a{
   color: #286bff;
}

.submit a{
  /* ▼配置 */
   display: block;
   width: 274px;
   /* ▼枠線 */
   border-style: solid;
   border-width: 2px;
   border-color: #ee7725;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼余白 */
   padding: 0.1em 0em;
   margin: 0px auto 15px;
   /* ▼文字装飾 */
   color: #fff;
   text-align: center;
   font-size: 1.0em;
   font-weight: bold;
   text-decoration: none;
   text-shadow: 0px -1px 2px #eb5505 , 0px 1px 3px #ff9545;
   letter-spacing: 2px;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#ff8535), to(#eb5505)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff8535,EndColorStr=#eb5505); zoom:1; /* IE */
   background: -moz-linear-gradient(top, #ff8535, #eb5505); /* Firefox */
   background: -o-linear-gradient(top, #ff8535, #eb5505);   /* Opera */
   background: linear-gradient(top, #ff8535, #eb5505);      /* CSS3 */
   /* ▼行高 */
   line-height: 2em;
   /* ▼行 */
   white-space: nowrap;
}

.submit a:hover{
   background: #eb5505;
   text-shadow: 0px 1px 6px #ffc575;
}

.submit_disabled a{
  /* ▼配置 */
   display: block;
   width: 274px;
   /* ▼枠線 */
   border-style: solid;
   border-width: 2px;
   border-color: #cccccc;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼余白 */
   padding: 0.1em 0em;
   margin: 0px auto 15px;
   /* ▼文字装飾 */
   color: #999999;
   text-align: center;
   font-size: 1.0em;
   font-weight: bold;
   text-decoration: none;
   letter-spacing: 2px;
   /* ▼背景 */
   background: #cccccc;
   /* ▼行高 */
   line-height: 2em;
   /* ▼行 */
   white-space: nowrap;
}

.pagelink a{
   /* ▼配置 */
   display: block;
   width: 254px;
   /* ▼枠線 */
   border-style: solid;
   border-width: 2px;
   border-color: #aaa #aaa #aaa #aaa;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼余白 */
   padding: 5px 10px 2px;
   margin: 0px auto 10px;
   /* ▼文字装飾 */
   vertical-align: text-top;
   color: #286bff;
   font-weight: bold;
   text-align: left;
   font-size: 0.9em;
   text-decoration: none;
   text-shadow: 0px 1px 1px #FFFFFF;
   letter-spacing: 2px;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#e6e6e6); zoom:1; /* IE */
   background: -moz-linear-gradient(top, #fff, #e6e6e6); /* Firefox */
   background: -o-linear-gradient(top, #fff, #e6e6e6);   /* Opera */
   background: linear-gradient(top, #fff, #e6e6e6);      /* CSS3 */
   /* ▼行高 */
   line-height: 2em;
   /* ▼行 */
   white-space: nowrap;
}

.pagelink img{
   /* ▼表示位置 */
    position: relative; top:4px; left:235px;
}

.pagelink a:hover{
   background: #f6f6f6;
}

.reference a{
  /* ▼配置 */
   display: block;
   width: 274px;
   /* ▼枠線 */
   border-style: solid;
   border-width: 2px;
   border-color: #6699cc;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼余白 */
   padding: 0.1em 0em;
   margin: 0px auto 15px;
   /* ▼文字装飾 */
   color: #fff;
   text-align: center;
   font-size: 1.0em;
   font-weight: bold;
   text-decoration: none;
   /*text-shadow: 0px -1px 2px #3399cc , 0px 1px 3px #3333cc;*/
   text-shadow: 0px -1px 2px #3333cc , 0px 1px 3px #3399cc;
   letter-spacing: 2px;
   /* ▼背景 */
   background: #3366cc;
   /* ▼行高 */
   line-height: 2em;
   /* ▼行 */
   white-space: nowrap;
}

.reference a:hover{
   background: #3355cc;
   text-shadow: 0px 1px 6px #3366cc;
}


/* ▼領域 */

.panel{
   /* ▼配置 */
   width: 300px;
   margin: 10px auto;
   padding: 10px 0px 20px;
   text-align: center;
   /* ▼背景 */
   background: #FFF;
   /* ▼枠線 */
   -webkit-box-shadow: 0px 3px 4px 2px #cba;
      -moz-box-shadow: 0px 3px 4px 2px #cba;
           box-shadow: 0px 3px 4px 2px #cba;
   /* ▼行高 */
   line-height: 1.1em;
}


#loginarea{
   /* ▼配置 */
   width: 294px;
   margin: 0px auto;
   padding: 4px 2px;
   /* ▼枠線 */
   border: solid 1px #a98;
   /* ▼文字 */
   color: #444;
   text-align: right;
   font-size: 0.8em;
   text-decoration: none;
}


#loginarea a{
   /* ▼配置 */
   margin: 10px 0px 0px;
   padding: 2px 5px;
   /* ▼文字 */
   color: #fff;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   /* ▼背景 */
   background: #a98;
}


.main{
   /* ▼配置 */
   display: block;
   width: 255px;
   /* ▼枠線 */
   border-style: solid;
   border-width: 2px;
   border-color: #eb5505;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼余白 */
   padding: 1em 10px;
   margin: 5px auto 15px;
   /* ▼文字装飾 */
   font-weight: normal;
   text-align: center;
   text-decoration: none;
   /* ▼背景 */
   background: #f9f9f9;
   /* ▼行高 */
   line-height: 1.2em;
}

.note{
   /* ▼配置 */
   display: block;
   width: 260px;
   /* ▼枠線 */
   border-style: solid;
   border-width: 3px;
   border-color: #ea6b66;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼余白 */
   padding: 1em 10px;
   margin: 5px auto 15px;
   /* ▼文字装飾 */
   font-weight: normal;
   text-align: left;
   text-decoration: none;
   font-size: 0.8em;
   /* ▼背景 */
   /* ▼行高 */
   line-height: 1.5em;
}

.info{
   /* ▼配置 */
   display: block;
   width: 270px;
   /* ▼余白 */
   padding: 15px 5px;
   margin: 5px auto 15px;
   /* ▼枠線 */
   /* ▼文字装飾 */
   font-weight: normal;
   text-align: center;
   text-decoration: none;
   /* ▼背景 */
   background:#FFF;
   -webkit-box-shadow: 0px 2px 3px 2px #dcb inset;
      -moz-box-shadow: 0px 2px 3px 2px #dcb inset;
           box-shadow: 0px 2px 3px 2px #dcb inset;
   /* ▼行高 */
   line-height: 1.5em;
}


/* ▼見出し */

h1{
   /* ▼サイズ */
   display: block;
   width: 280px;
   /* ▼余白 */
   padding: 0.30em 0em ;
   margin: 10px auto 10px;
   /* ▼文字装飾 */
   font-weight: bold;
   text-align: center;
   vertical-align: text-top;
   font-size: 1.1em;
   text-decoration: none;
   text-shadow: 0px 1px 1px #FFFFFF;
   letter-spacing: 2px;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ededed); zoom:1; /* IE */
   background: -moz-linear-gradient(top, #fff, #ededed); /* Firefox */
   background: -o-linear-gradient(top, #fff, #ededed);   /* Opera */
   background: linear-gradient(top, #fff, #ededed);      /* CSS3 */
   /* ▼行高 */
   line-height: 2em;
   /* ▼行 */
   white-space: nowrap;
}

.step1{
   /* ▼枠線 */
   border: none;
   /* ▼余白 */
   margin: 0px auto;
   /* ▼文字装飾 */
   color: #fff;
   text-align: center;
   font-size: 0.75em;
   text-decoration: none;
   text-shadow: 0px 1px 2px #776655;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#776655), to(#aa9988)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#776655,EndColorStr=#aa9988); zoom:1; /* IE */
   background: -moz-linear-gradient(top, #765, #a98); /* Firefox */
   background: -o-linear-gradient(top, #765, #a98);   /* Opera */
   background: linear-gradient(top, #765, #a98);      /* CSS3 */

   /* ▼行高 */
   line-height: 2em;
   /* ▼行 */
   white-space: nowrap;
}

.step2{
   /* ▼枠線 */
   border: none;
   /* ▼余白 */
   margin: 0px auto;
   /* ▼文字装飾 */
   color: #999;
   text-align: center;
   font-size: 0.75em;
   text-decoration: none;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ededed); zoom:1; /* IE */
   background: -moz-linear-gradient(top, #fff, #ededed); /* Firefox */
   background: -o-linear-gradient(top, #fff, #ededed);   /* Opera */
   background: linear-gradient(top, #fff, #ededed);      /* CSS3 */
   /* ▼行高 */
   line-height: 2em;
   /* ▼行 */
   white-space: nowrap;
}

.label{
   /* ▼配置 */
   display: block;
   width: 280px;
   text-align: left;
   /* ▼余白 */
   margin: 0px auto ;
   padding: 0px;
   /* ▼文字装飾 */
   font-size: 0.9em;
   font-weight: bold;
}

/* ▼操作ガイド */

.guide{
   /* ▼配置 */
   display: block;
   /* ▼余白 */
   margin: 15px auto 10px;
   /* ▼文字装飾 */
   font-weight: bold;
   color: #444;
   font-size: 0.9em;
   /* ▼行 */
   word-wrap: break-word;
   line-height: 1.5em;
}

/* ▼注釈 */

.caution{
   /* ▼配置 */
   display: block;
   width: 300px;
   /* ▼余白 */
   margin: 15px auto 10px;
   padding: 0px 5px 0px 7px;
   /* ▼文字装飾 */
   font-size: 0.8em;
   text-align: left;
   /* ▼行 */
   word-wrap: break-word;
   line-height: 1.5em;
}

.caution img{
   /* ▼配置 */
   text-align: center;
   position: relative; top:-2px;
}

.attention{
   /* ▼配置 */
   display: block;
   /* ▼余白 */
   margin: 15px auto 5px;
   padding: 0px 5px 0px 5px;
   /* ▼文字装飾 */
   font-size: 0.9em;
   text-align: left;
   letter-spacing: 1px;
   /* ▼行 */
   word-wrap: break-word;
   line-height: 1.4em;
}

.attention img{
   /* ▼表示位置 */
    position: relative; top:-2px; left:-3px;
}

.mailinfo{
   /* ▼配置 */
   display: block;
   /* ▼余白 */
   margin: 15px auto 5px;
   padding: 0px 5px 0px 5px;
   /* ▼文字装飾 */
   font-size: 0.9em;
   text-align: center;
   /* ▼行 */
   word-wrap: break-word;
   line-height: 1.3em;
}

.mailinfo img{
   /* ▼表示位置 */
    position: relative; top:-2px; left:-3px;
}


/* ▼ヘルプリンク */

.help{
   /* ▼配置 */
   display: block;
   /* ▼余白 */
   margin: 15px auto 10px;
   padding: 0px 5px 0px 5px;
   /* ▼文字装飾 */
   font-size: 0.8em;
   text-align: left;
   /* ▼行 */
   word-wrap: break-word;
   line-height: 1.5em;
}


/* ▼利用規約 */

.term{
   /* ▼配置 */
   margin:15px auto;
   width:270px;
   text-align:left;
   /* ▼文字装飾 */
   font-size:10px;
   line-height: 12px;
}

.termlabel{
   margin-top:12px;
   margin-bottom:5px;
   color:#444444;
   /* ▼文字装飾 */
   font-weight: bold;
   line-height: 15px;
}

.termindex{
   white-space: pre;
}

.terma{
   /* ▼配置 */
   margin: 3px auto;
}

.termb{
   /* ▼配置 */
   margin: 3px auto 3px 20px;
   text-indent: -25px;
}

.termc{
   margin: 3px auto 3px 35px;
   text-indent: -30px;
}



/* ▼その他の文字スタイル */

.plain{
   font-size: 0.8em;
}


.warn{
   /* ▼配置 */
   display: block;
   margin: 15px auto 10px;
   /* ▼文字装飾 */
   font-weight: bold;
   color: #eb5505;
   font-size: 0.9em;
   /* ▼行 */
   word-wrap: break-word;
   line-height: 1.5em;
}

.strong{
   /* ▼文字装飾 */
   font-size: 1.1em;
   font-weight: bold;
   color: #eb5505;
   /* ▼行 */
   word-wrap: break-word;
   line-height: 1.1em;
}

.stronger{
   /* ▼文字装飾 */
   font-size: 1.0em;
   font-weight: bold;
   color: #000;
   letter-spacing: 1px;
   /* ▼行 */
   word-wrap: break-word;
   line-height: 1.1em;
}


/* ▼コントロール */

.box{
   /* ▼文字装飾 */
   font-size: 0.9em;
   /* ▼配置 */
   display: block;
   width: 250px;
   margin: 0px auto 15px;
   line-height: 25px;
}

.numbox{
   font-size: 0.9em;
   /* ▼配置 */
   width: 80px;
   margin: 5px auto 10px;
   line-height: 25px;
}

.chkbox{
   /* ▼文字装飾 */
   font-size: 0.9em;
   /* ▼配置 */
   margin-top: 5px;
   line-height: 2em;
   vertical-align: middle;
}


/* ▼項目区切り */

hr{
   /* ▼配置 */
   display: block;
   width: 280px;
   height:1px;
   /* ▼枠線 */
   border-style: dashed;
   border-width: 1px;
   border-color: #cccccc;
}


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

.logo{
   /* ▼配置 */
   display: block;
   margin: 15px auto;
}


.todo{
   color: #ee4477;
}

.caution2{
   /* ▼配置 */
   display: block;
   width: 280px;
   /* ▼余白 */
   margin: 15px auto 10px;
   padding: 0px 5px 0px 15px;
   /* ▼文字装飾 */
   font-size: 1em;
   text-align: left;
   /* ▼行 */
   word-wrap: break-word;
   line-height: 1.5em;
}

.plain2{
   font-size: 0.8em;
   color: #000;
}

.plain3{
   font-size: 1.0em;
   font-weight: bold;
   color: #000;
}

.serialButton {
  /* ボタンの幅を指定 */
  width: 250px;
  /* 文字サイズを1.0emに指定 */
  font-size: 1.0em;
  /* 文字の太さをboldに指定 */
  font-weight: bold;
  /* 縦方向に10px、
   * 横方向に30pxの余白を指定 */
  padding: 10px 30px;
  /* 文字色を白色に指定 */
  color: #fff;
  /* ボーダーをなくす */
  border-style: none;
  /* ボタンの影の指定
   * 影の横幅を2px
   * 縦長を2px
   * ぼかしを3px
   * 広がりを1px
   * 色を#666（グレー）に指定 */
  box-shadow: 2px 2px 3px 1px #666;
  -moz-box-shadow: 2px 2px 3px 1px #666;
  -webkit-box-shadow: 2px 2px 3px 1px #666;
  /* テキストの影の指定
   * 影の横幅を1px
   * 縦長を1px
   * ぼかしを2px
   * 色を#000（黒）に指定 */
  text-shadow: 1px 1px 2px #000;
  /* 背景色の指定 */
  background-color: #FF8C00;

  /* 角丸 */
  border-radius: 5px;            /* CSS3草案 */
  -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
}

.inputTitle {
   /* ▼余白 */
   margin: 0px 0px 5px 30px;
   /* ▼文字装飾 */
   font-size: 1.0em;
   font-weight: bold;
   text-align: left;

}

body {
  font-family: HelveticaNeue, Helvetica, Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", "MS PGothic", sans-serif;
}