@charset "UTF-8";

*{
  margin:0;
  padding:0;
}
ul,ol{
  list-style: none;
}

body,select,input,textarea {
  font:12px Helvetica, Arial, Tahoma, sans-serif;
  font-family:'Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
  line-height:1.5;
  -webkit-text-size-adjust: none;
  color:#3b3b3b;
}

h1{
  font-size:18px;
  border:1px solid #e6e6e6;
  padding:15px 10px;
  border-radius:10px;
  box-shadow:1px 1px 1px rgba(200,200,200,0.1);
  line-height:18px;
  margin-bottom:15px;
}
h2{
  font-size:20px;
  color:#ffffff;
  border:2px solid #ffd9de;
  background-color:#f79ca5;
  padding:15px 10px;
  border-radius:10px;
  line-height:20px;
  margin-bottom:15px;
}
a:link   { text-decoration:none; }
a:visited{ text-decoration:none; }
a:hover  { text-decoration:underline; }
a:active { text-decoration:none; }

.jp-page-bohelp--text-left  { text-align:left; }
.jp-page-bohelp--text-right { text-align:right; }
.jp-page-bohelp--text-center{ text-align:center; }


/*======================================
  ID settings
======================================*/

#jp-page-bohelp-wrapper{
  width:855px;
  margin:0 auto;
  box-shadow: 1px 1px 3px #cccccc;
}

#jp-page-bohelp-header{
  border-bottom:2px solid #da2028;
  padding:10px;
}

#jp-page-bohelp-footer{
  margin-top:2px;
  background-color:#2b2b2b;
  color:#959595;
  text-align:right;
  padding:10px;
  font-size:10px;
}
#jp-page-bohelp-footer span + span{
  margin-left:10px;
}

#jp-page-bohelp-contents{
  border-bottom:2px solid #da2028;
  padding:20px 10px;
}
#jp-page-bohelp-contents::after{
  content:'';
  display:block;
  clear:both;
}
#jp-page-bohelp-contents > .jp-page-bohelp-sub{
  float:left;
  width:200px;
  margin-right:15px;
}
#jp-page-bohelp-contents > .jp-page-bohelp-main{
  overflow:hidden;
}


/*======================================
  clm
======================================*/

.jp-page-bohelp-2clm::after{
  content:'';
  display:block;
  clear:both;
}
.jp-page-bohelp-2clm > .jp-page-bohelp--clm{
  width:50%;
  float:left;
  padding-right:5px;
  -moz-box-sizing:border-box;
  -weblot-box-sizing:border-box;
  box-sizing:border-box;
}
.jp-page-bohelp-2clm > .jp-page-bohelp--clm + .jp-page-bohelp--clm{
  padding-right:0;
  padding-left:5px;
}


/*======================================
  box
======================================*/
.jp-page-bohelp-box{
  border:2px solid #cccccc;
  border-radius:10px;
  padding:5px 10px;
}

.jp-page-bohelp-box-caution{
  color:#d70e18;
  border:1px solid #d70e18;
  background-color:#fff5f4;
  padding:15px;
}

.jp-page-bohelp-box-info{
  color:#00a0ce;
  border:1px solid #00a0ce;
  background-color:#f2f5f8;
  padding:15px;
}
.jp-page-bohelp-box-info > * + *{
  margin-top:10px;
}

/*======================================
  list
======================================*/

/* jp-page-bohelp-list-sidenav */
.jp-page-bohelp-list-sidenav{
  border-radius:5px;
  border:1px solid #2b2b2b;
  border-top-width:5px;
  border-bottom-width:5px;
}
.jp-page-bohelp-list-sidenav > li{
}
.jp-page-bohelp-list-sidenav > li + li{
  border-top:1px dotted #cccccc;
}
.jp-page-bohelp-list-sidenav > li > a{
  display:block;
  padding:15px 10px;
}
.jp-page-bohelp-list-sidenav > li.jp-page-bohelp-list--active > a{
  background-color:#e6e6e6;
  color:#3b3b3b;
  font-weight:bold;
}
.jp-page-bohelp-ttl-sidenav{
  margin-bottom:5px;
}
.jp-page-bohelp-ttl-sidenav > a{
  display:block;
  border-radius:5px;
  background-color:#2b2b2b;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
  font-size:16px;
  padding:10px 10px;
}
.jp-page-bohelp-ttl-sidenav > a:hover{
  background-color:#6b6b6b;
  text-decoration:none;
}

/* jp-page-bohelp-list-q */
.jp-page-bohelp-list-q{}
.jp-page-bohelp-list-q > li + li{
  border-top:1px dotted #cccccc;
}
.jp-page-bohelp-list-q > li > a{
  display:block;
  padding:15px 10px;
  padding-left:30px;
  text-indent:-20px;
  line-height:1.2;
}
.jp-page-bohelp-list-q > li > a::before{
  content:'Ｑ';
  font-weight:bold;
  color:#da2028;
  display:inline-block;
  width:20px;
  font-size:16px;
  text-align:center;
  text-indent:0;
  vertical-align:middle;
}


/* jp-page-bohelp-list-index */
.jp-page-bohelp-list-index{}
.jp-page-bohelp-list-index > li{
  padding:10px;
}
.jp-page-bohelp-list-index > li + li{
  border-top:1px dotted #cccccc;
}
.jp-page-bohelp-list-index > li > p + p{
  padding-left:10px;
}
.jp-page-bohelp-list-index a{
  display:inline-block;
  font-weight:bold;
  font-size:14px;
  text-indent:-10px;
  padding-left:10px;
}
.jp-page-bohelp-list-index a::before{
  content:'';
  display:inline-block;
  text-indent:0;
  border-left:6px solid #666666;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  margin-right:4px;
  margin-bottom:1px;
}


/* jp-page-bohelp-list-note */
.jp-page-bohelp-list-note{}
.jp-page-bohelp-list-note > li{
  text-indent:-1em;
  padding-left:1em;
}
.jp-page-bohelp-list-note > li:first-letter{
  width:1em;
  display:inline-block;
  text-indent:0;
}


/* jp-page-bohelp-list-qa */
.jp-page-bohelp-list-qa{}
.jp-page-bohelp-list-qa > li{
  padding-top:30px;
  padding-bottom:30px;
}
.jp-page-bohelp-list-qa > li + li{
  border-top:1px dotted #cccccc;
}
.jp-page-bohelp-list-qa [class^='jp-page-bohelp-list-qa--'],
.jp-page-bohelp-list-qa [class*=' jp-page-bohelp-list-qa--']{
  padding-left:25px;
}
.jp-page-bohelp-list-qa .jp-page-bohelp-list-qa--q::before,
.jp-page-bohelp-list-qa .jp-page-bohelp-list-qa--a > *:first-child::before{
  display:inline-block;
  line-height:20px;
  border-radius:4px;
  color:#ffffff;
  width:20px;
  height:20px;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  text-indent:0;
  vertical-align:middle;
  margin-right:5px;
}
.jp-page-bohelp-list-qa .jp-page-bohelp-list-qa--q{
  color:#d70e18;
  font-size:14px;
  text-indent:-25px;
}
.jp-page-bohelp-list-qa .jp-page-bohelp-list-qa--q::before{
  content:'Ｑ';
  background-color:#d70e18;
}
.jp-page-bohelp-list-qa .jp-page-bohelp-list-qa--a{
  margin-top:20px;
}
.jp-page-bohelp-list-qa .jp-page-bohelp-list-qa--a > *:first-child{
  text-indent:-25px;
}
.jp-page-bohelp-list-qa .jp-page-bohelp-list-qa--a > *:first-child::before{
  content:'Ａ';
  background-color:#00a0ce;
}
.jp-page-bohelp-list-qa .jp-page-bohelp-list-qa--a > * + *{
  margin-top:10px;
}
.jp-page-bohelp-list-qa .jp-page-bohelp-list-qa--a p > strong,
.jp-page-bohelp-list-qa .jp-page-bohelp-list-qa--a li > strong{
  color:#d70e18;
}


/* jp-page-bohelp-list-decimal */
.jp-page-bohelp-list-decimal{
  list-style:decimal;
  padding-left:20px;
}
.jp-page-bohelp-list-decimal > li + li{
  margin-top:20px;
}
.jp-page-bohelp-list-decimal > li > * + *{
  margin-top:10px;
}

/* jp-page-bohelp-list-idtn */
[class^='jp-page-bohelp-list-idt'] > li + li,
[class*=' jp-page-bohelp-list-idt'] > li + li{
  margin-top:5px;
}
[class^='jp-page-bohelp-list-idt'] > li > .jp-page-bohelp-list--icon,
[class*=' jp-page-bohelp-list-idt'] > li > .jp-page-bohelp-list--icon{
  text-indent:0;
  text-align:center;
  display:inline-block;
  vertical-align:top;
}

[class^='jp-page-bohelp-list-idt'] > li > .jp-page-bohelp-list--text,
[class*=' jp-page-bohelp-list-idt'] > li > .jp-page-bohelp-list--text{
  text-indent:0;
  display:inline-block;
  vertical-align:top;
}
.jp-page-bohelp-list-idt4{}
.jp-page-bohelp-list-idt4 > li{
  text-indent:-4em;
  padding-left:4em;
}
.jp-page-bohelp-list-idt4 > li > .jp-page-bohelp-list--icon{
  width:4em;
}



/* jp-page-bohelp-dl-top */
.jp-page-bohelp-dl-top{}
.jp-page-bohelp-dl-top > dt{
  padding:10px;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
  border:1px solid #2b2b2b;
  background-color:#2b2b2b;
  border-radius:5px 5px 0 0;
}
.jp-page-bohelp-dl-top > dd{
  border:1px solid #2b2b2b;
  border-radius:0 0 5px 5px;
}


/* jp-page-bohelp-dl-horizontal */
.jp-page-bohelp-dl-horizontal{}
.jp-page-bohelp-dl-horizontal::after{
  content:'';
  display:block;
  clear:both;
}
.jp-page-bohelp-dl-horizontal > dt{
  float:left;
  width:60px;
}
.jp-page-bohelp-dl-horizontal > dd{
  margin-left:70px;
}
.jp-page-bohelp-dl-horizontal > dd > * + *{
  margin-top:10px;
}

/* jp-page-bohelp-dl-vertical */
.jp-page-bohelp-dl-vertical{}
.jp-page-bohelp-dl-vertical > dt{
  border-bottom:1px dotted #a7b2bb;
  padding-bottom:5px;
  margin-bottom:5px;
}
.jp-page-bohelp-dl-vertical > dd + dt{
  margin-top:15px;
}
.jp-page-bohelp-dl-vertical > dd > * + *{
  margin-top:10px;
}