/*-------ページ全体の設定------*/
body {
  background-color: #ffffff;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: center;
}

/*-----Container-------*/
div#container {
  width : 950px;
  text-align : left;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
}

/* -------------------------------------------- */
/* div                                          */
/* -------------------------------------------- */

/*-------ヘッダー-----*/

div.header{
  Padding             : 0;
  margin-bottom       : 10px;
}
/*-------メイン------*/

div.main{
  padding             : 5px;
}
/*-------フッター------*/
div.footer{
  /*border-top-color: #bf0000;*/
  /*border-top: 1px solid #bf0000*/;
  padding-top: 10px;
  margin: 1em 0;
  font-size:0.7em;
  text-align:center;
  /*background: url("images/fotter_back.gif");*/
}


div.main div.error{                     /* エラー表示用 */
   text-align  : left;
   margin      : 10px;
   color       : #ff0000;
   font-weight : bold;            /* 太さ */
}


/* -------------------------------------------- */
/* table                                        */
/* -------------------------------------------- */
div.main table {
  text-align  : left;
  font-size:0.9em;
}

div.main table.default{
  border-collapse     : collapse;
  padding             : 0px;
  border              : 0px;
  height              : 25px;

}


div.main table.noline{
  border-collapse     : collapse;       /* 隣接するセルのborderを重ねて表示：collapse */
  padding             : 1px;            /* 上間隔 */
  border              : 0px none;
  empty-cells         : hide;           /* 空白セル：tr色にする */
}

div.main table.sec_head1{
  border-collapse     : collapse;       /* 隣接するセルのborderを重ねて表示：collapse */
  padding             : 0px;
  border              : 0px;
  height              : 25px;
}

div.main table.comment{                 /* コメント用 */
  border-collapse     : collapse;
  padding             : 5px;
  border              : 0px;
  line-height         : 1.1em;
  font-size           : 0.7em;
}

div.main table.agreement{               /* 約款・AUP用 */
  font-size:0.8em;
  background-color    : #ffffff;
  height              : 25px;
  border              : solid 1px #bf0000;

}

div.main table.frame{                   /* 枠付きフレーム */
  border:solid 2px #bf0000;
  border-collapse: separate;
  border-spacing: 10px;
}

div.footer table.sec_head1{
  border-collapse     : collapse;       /* 隣接するセルのborderを重ねて表示：collapse */
  padding             : 0px;
  border              : 0px;
  height              : 25px;
}

/* -------------------------------------------- */
/* td                                           */
/* -------------------------------------------- */
div.main table td{
  padding             : 5px;
  line-height         : 1.2em;
}

div.main table td.header1{
  background-color    : #cccccc;
  /*border              : 1px #666666 solid;*/
  border              : 1px #8A8E99 solid;
}

div.main table td.header2{
  /*background-color    : #eeeeee;
  border              : 1px #666666 solid;*/
  background-color    : #F3F4F9;
  border              : 1px #8A8E99 solid;
}

div.main table td.header3{
  /*background-color    : #ffffdd;
  border              : 1px #bf0000 solid;*/
  background-color    : #F3F4F9;
  border              : 1px #8A8E99 solid;
}
div.main table td.header4{
  background-color    : #FFFCDD;
  border              : 1px #8A8E99 solid;
}

div.main table td.fletsheader3{
  border              : 1px #666666 solid;
  background-color    : #ffcc00;
}

div.main table td.eaheader3{
  border              : 1px #666666 solid;
  background-color    : #b0d8ff;
}

div.main table td.dialheader3{
  border              : 1px #666666 solid;
  background-color    : #33cc66;
}

div.main table td.whpheader3{
  border              : 1px #666666 solid;
  background-color    : #add8e6;
}

div.main table td.staticheader3{
  border              : 1px #666666 solid;
  background-color    : #ff9933;
}

div.main table td.default{
  /*border              : 1px #666666 solid;*/
  border              : 1px #8A8E99 solid;
  background-color    : #ffffff;
}

div.main table td.default_noline{
  border              : 0px;
  background-color    : #ffffff;
}

div.main table td.noline_noborder{
  padding             : 0px;
  border              : 0px;
  border              : 0px none;
}

div.main table td.sec_head1{
  font-size           : 1.2em;
  line-height         : 1.3em;
  border              : 1px #666666 solid;
  background-color    : #bf0000;
  color               : #FFFFFF;
  padding             : 0px;
  border              : 0px;
  height              : 25px;
}

div.main table td.comment{
  padding             : 2px;
  border              : 2px;
}

div.main table.frame td.frame{
  border: solid 1px #003366;
}

div.footer table td.sec_head1{
  font-size           : 0.7em;
  line-height         : 1.3em;
  border              : 1px #666666 solid;
  background-color    : #bf0000;
  color               : #FFFFFF;
  padding             : 0px;
  border              : 0px;
  height              : 25px;
}

/* -------------------------------------------- */
/* hr                                         */
/* -------------------------------------------- */
div.main hr{
  color               : #003366;        /* 線の色 */
}
div.main hr.hr600{
  width               : 600px;          /* 線の長さ */
}

/* -------------------------------------------- */
/* span                                         */
/* -------------------------------------------- */
div.main span{
  font-family         : "ＭＳ Ｐゴシック", "osaka";
}
div.main span.bigtext{
  font-size           : 1.3em;
  line-height         : 1.1em;
}
div.main span.text{
  font-size           : 0.9em;
}
div.main span.smalltext{
  font-size           : 0.7em;
}
div.main span.redtext{
  color               : #ff0000;
}

div.main span.requiretext{
  font-size           : 0.7em;
  color               : #ff0000;
}

/* -------------------------------------------- */
/* a                                         */
/* -------------------------------------------- */
div.main a{
  color: #0000ff;
  border: none;
  text-decoration: underline;
}

div.main a:visited{
  color               : #0000bf;
  border              : none;
}

/* 20110929
div.main a:hover{
  color               : #bf0000;
  border              : none;
  text-decoration     : none;
}
*/

/* 2006/05/10 r-tanaka progress_bar */
div.progress {
  text-align     : center;
  vertical-align : middle;
}
div.progress span.c_pbar {
  color          : #ffffff;         /* 色 */
  font-size      : 0.9em;
  font-weight    : bold;            /* 太さ */
  padding        : 3px 3px;
  background     : #BF0000;
  border         : solid 1px #bf0000;
  vertical-align : middle;
/*
  background     : #ffffff url("images/progress_current.gif") no-repeat center right;
*/
}
div.progress span.n_pbar {
  color          : #bf0000;         /* 色 */
  font-size      : 0.9em;
  padding        : 3px 3px;
  background     : #FFFFFF;
  border         : solid 1px #bf0000;
  vertical-align : middle;

/*
  background     : #ffffff url("images/progress_elsebg.gif") no-repeat center right;
*/
}
div.progress span.delimiter {
  color          : #bf0000;          /* 色 */
  font-size      : 1em;
  font-weight    : 900;             /* 太さ */
  letter-spacing : -0.2em;          /* 間隔 */
}
/* 2006/05/10 r-tanaka progress_bar end */

/* -------------------------------------------- */
/* Add QustionWindow                            */
/* -------------------------------------------- */
div.qustionWindow h3{ display: block; background: url(/rbb/images/feenavi-icon-check.gif) no-repeat top left; margin: 5px 0 10px 0; padding: 0 0 0 25px; font-size: 18px; color: #00236A; }
div.qustionWindow{ display: none; position: absolute; width: 414px; background: url(/rbb/images/feenavi-q-window-bg-01.gif) no-repeat top; line-height: 1.6em; z-index:111; }
div.qustionWindow div.core{ position: relative; background: url(/rbb/images/feenavi-q-window-bg-02.gif) no-repeat bottom; padding: 30px; }

div.qustionWindow p.closeBnt{ position: absolute; top: 25px; left: 375px; _left: 345px; }
/*div#QustionWindowBank  { top: 873px; left: 430px; }*/
div#QustionWindowCard01{ top: 918px; left: 400px; }
div#QustionWindowCard02{ top: 900px; left: 400px; }

div.qustionWindow span.redtext{
  color               : #ff0000;
}

/* 2010/12/1 Add QustionWindow end */

div.qustionWindow div.core ul.note li{
    padding-left: 1em;
    text-indent: -1em;
    font-size: 12px;
}

/* -------------------------------------------- */
/* Add highlight input                                         */
/* -------------------------------------------- */

/* 未選択状態のテキストエリアのスタイル */
.textInput,textarea{
background-color:#FFFFFF;
}

/* 選択状態のテキストエリアのスタイル */
.inputHighlighted{
background-color:#FFECF3;
}

/* 2011/1/14 Add highlight input end */





/* -------------------------------------------- */
/* 20110929 OLSU改修時追記                      */
/* -------------------------------------------- */
/* ----------------------------------- h1 */
/* 見出しノーマルtype */
div.main div#titleBoxNormal {
    clear: both;
    position: relative;
    width: 932px;
    height: 52px;
    margin: 0 0 25px;
    border: 4px solid #BF0000;
    background-color: #FFFCDD;
    color: #BF0000;
    vertical-align: middle;
}

div.main div#titleBoxNormal h1 {
    float: left;
    margin: 0;
    padding-left: 15px;
    line-height: 52px;
    font-weight: bold;
    font-size: 1.3em;　/*OLSU用*/
    color: #BF0000;
}
/* 見出しノーマルtype END */


/* ----------------------------------- h2 */
div.main h2.text { margin: 32px 0 14px; }

div.main h2.text a { display: block; }

div.main h2.text {
    padding-left: 20px;
    color: #00236a;
    border-bottom: 2px solid #CED5E7;
    font-size: 1.05em;
    font-weight: bold;
    background-image:url(/rbb/images/mark-grayCircle.gif);
    background-repeat:no-repeat;
    background-position:0 5px;
    line-height: 1.5;
}


/* ----------------------------------- h3 */
div.main table tr td h3.hikari {
    margin: 32px 0 0 110px;
    color: #00236A;
    font-size: 0.95em;
    font-weight: bold;
}

div.main table tr td h3.adsl,
div.main table tr td h3.fAdsl {
    margin: 20px 0 20px 85px;
    color: #00236A;
    line-height: 1.5;
    font-size: 0.95em;
    font-weight: bold;
}

div.main table tr td div.fAdsl h3,
div.main table tr td h3.agent {
    color: #00236A;
    line-height: 1.5;
    font-size: 0.95em;
    font-weight: bold;
}

/* ----------------------------------- table */
div.main table.commonTable {
    width:100%;
    border-right: 1px solid #8A8E99;
    border-bottom: 1px solid #8A8E99;
}

div.main table.commonTable thead th {
    padding: 7px 20px;
    border-top: 1px solid #8A8E99;
    border-left: 1px solid #8A8E99;
    font-weight: normal;
    text-align: center;
    background-color: #F3F4F9;
}

div.main table.commonTable tbody th,
div.main table.commonTable tfoot th {
    padding: 7px 20px;
    border-top: 1px solid #8A8E99;
    border-left: 1px solid #8A8E99;
    text-align: left;
}

div.main table.commonTable td {
    padding: 7px 20px;
    border-top: 1px solid #8A8E99;
    border-left: 1px solid #8A8E99;
    background-color: #FFF;
    text-align: left;
}

div.main table.commonTable td.txtArea {
    color: #00236A;
    line-height: 1.5;
    font-weight: bold;
    vertical-align: middle;
}

div.main table.commonTable td.btnArea {
    text-align: center;
    vertical-align: middle;
}

/* ----------------------------------- ul */
ul {
    margin: 5px 0;
    padding: 0;
}

ul li {
    list-style: none outside none;
    line-height: 1.5;
    font-size: 0.75em;
}

ul.links li {
    background-image: url("/rbb/images/mark-links.gif");
    background-position: 2px 5px;
    background-repeat: no-repeat;
    padding-left: 16px;
}

ul.links li img.imgPdf {
    position: relative;
    top: 3px;
    left: 3px;
}


/* ----------------------------------- p */
div.main p {
    clear: both;
    line-height: 1.5;
}

div.main p.notes {
    font-size: 0.9em;
    line-height: 1.5;
}

div.main p.caption {
    margin: 10px 17px;
}

div.main div#download div {
    float: left;
    margin: 5px 0 35px 15px;
    font-size: 0.7em;
}

div.main p.totop {
    margin-right: 0;
    text-align: right;
    font-size: 0.75em;
}

div.main p.totop a {
    padding-bottom: 2px;
    padding-left: 16px;
    background-position: 0 0;
    background-image: url(/rbb/images/mark-totop.gif);
    background-repeat: no-repeat;
}

div#footer .tax {
	text-align: center;
}
div#footer .tax > span {
	position: relative;
	display: inline-block;
	padding: 7px 10px 7px 10px;
	border: #ff0000 solid 1px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

div#footer p.copyright {
    text-align: center;
    font-size: 0.75em;
    line-height: 1.5;
    color: #333333;
}

/* ----------------------------------- div */
/*  progress bar */
div.main div {
    line-height: 1.5;
}

div.main div#progress {
    margin: 5px 0 25px;;
    border: 0;
    height: 30px;
}

div.main div#progress div {
    float: left;
    margin: 0;
    padding: 0;
    width: 165px;
    background-color: #cccccc;
    text-align: center;
    line-height: 30px;
    font-size: 0.9em;
}

div.main div#progress div.triangle-gray {
    width: 25px;
    height: 30px;
    background-color: #ffffff;
    background-image: url(/rbb/images/img-triangle-gray.gif);
    background-repeat: no-repeat;
}

div.main div#progress div.triangle-red {
    width: 25px;
    height: 30px;
    background-color: #ffffff;
    background-image: url(/rbb/images/img-triangle-red.gif);
    background-repeat: no-repeat;
}

div.main div#progress div.currentPosition {
    background-color: #bf0000;
    color: #ffffff;
    font-weight: bold;
}

div.main div#progress div.lastPosition {
    width: 180px;
}
/*  progress bar END */

div.main table td div.setImage {
    float: left;
    width: 95px;
    height: 80px;
}

div.main table td div.setWord {
    float: left;
    margin: 20px 0 20px;
    width: 100px;
    height: 25px;
    line-height: 1.5;
    font-size: 0.95em;
    font-weight: bold;
}

div#footer {
    border-top: 1px solid #808080;
    padding: 10px 0;
}

/*
div.main div#serviceClass {
    margin: 20px 0;
    text-align: center;
}
*/

div.main div#thanks {
    width: 700px;
    text-align: left;
}

div.main table tr td div.fAdsl {
    margin: 20px 0 10px 85px;
}


/* ----------------------------------- id */


/* ----------------------------------- class */
.redStrong {
    color: #FF0000;
    font-weight: bold;
}

div.main *.request {
    clear: both;
    font-size: 0.75em;
}

.indexWord {
    margin-bottom: 15px;
}

.pageText {
    text-align: left;
}

/* ----------------------------------- */
/* Maintenance Link (2012/05/28 d.li)  */
/* ----------------------------------- */
div.main a:link.maintenanceLink, div.main a:visited.maintenanceLink {
  color: #FF0000;
  border: solid 2px #FF0000;
  text-decoration: none;
  padding: 3px 15px;
}
div.main a:hover.maintenanceLink, div.main a:active.maintenanceLink {
  color: #FF0000;
  border: inset 2px #F1F1F1;
  background-color: #F1F1F1;
  text-decoration: none;
  padding: 3px 15px;
}
/* ----------------------------------- */
/* for Voice SIM (2014/09/10 k.suzuki) */
/* ----------------------------------- */


 .formBox {
  margin: 5px 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 200px;
}

 .formBox .formHead {
  display: box;
  display: -webkit-box;
  box-align: center;
  -webkit-box-align: center;
  padding: 7px;
  border: #999999 solid 1px;
  border-radius: 5px 5px 0 0;

  display: block;
  background: url(/rbb/images/bg_link.gif) repeat-x 0 100%;

  font-size: 13px;
  font-weight: bold;
}


 .formBox .formHead .required {
  display: block;
  margin-right: 5px;
  padding: 2px 3px;
  background: #bf0000;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;;
}
 .formBox .formBody {
  padding: 5px 7px;
  background-color: #ffffff;
  border-right: #999999 solid 1px;
  border-bottom: #999999 solid 1px;
  border-left: #999999 solid 1px;
  font-size: 13px;
  border-radius:  0 0 5px 5px;

}
 .formBox .formBody.error {
  background-color: #ffeeee;
}

div .warningBox  {
  display: inline-block;
  padding: 7px 10px 7px 10px;
  border: #ff0000 solid 1px;
  margin: 10px 10px 10px 10px;
  text-decoration: none;
  font-weight: bold;
}


div .olsu_entry_bgov {
  z-index: 60000;
  position: fixed;
  background-color: black;
  display: none;
  opacity: 0.5;
  filter: alpha(opacity=50);        /* ie 6 7 */
  -ms-filter: "alpha(opacity=50)";  /* ie 8 */
  left: 0;
  top: 0;
  width: 0;
  height: 0;
}

div .olsu_entry_box {
  z-index: 60001;
  position: fixed;
  background-color: white;
  display: none;
/*  width: 90%;*/
  width: 500px;
  padding: 7px 10px 7px 10px;
  opacity: 0;
  -moz-transition: opacity 0.5s ease 0.1s;
  -webkit-transition: opacity 0.5s ease 0.1s;
  transition: opacity 0.5s ease 0.1s;
}

div .modal-example-header .close {
  cursor: pointer;
  margin: 0;
  padding: 0 2px 0 2px;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  /* text-shadow: 0 1px 0 #fff; */
  border: 1px solid #808080;
  background-color: #ffffff;
  color: #808080;
}

div .modal-example-header .close:hover,
div .modal-example-header .close:focus {
  background-color: #e0e0e0;
  color: #000000;
}