/* =========================================================
◆FBA3
========================================================= */

/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
/*body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
abbr, acronym
{ border: 0;}*/

/* !Reset Module
---------------------------------------------------------- */
body .reset {
  /*font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;*/
  -webkit-text-size-adjust: none;
  line-height: 1.5;
  box-sizing: border-box;
}

.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}
.reset * {
  box-sizing: border-box;
}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section
{
  display: block;
  min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after
{
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section
{
  height: 1%;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}

 /* !key-visual
---------------------------------------------------------- */
#key-visual {
  background: #FFF url(../images/fba/multichannelservice/bg_otherservices01.jpg) no-repeat left top;
  height: 252px;
  margin: 0 auto;
  padding-bottom: 23px;
  position: relative;
  width: 960px;
}
#key-visual.howto {
  background: #FFF url(../images/fba/multichannelservice/bg_howto01.jpg) no-repeat left top;
}
#key-visual.mcf-fee {
  background: #FFF url(../images/fba/multichannelservice/bg_mcf-fee.jpg) no-repeat left top;
}
#key-visual strong {
  color: #FFF;
  font-weight: normal;
  left: 35px;
  position: absolute;
  top: 13px;
}
#key-visual img {
  margin: 106px 0 0 37px;
}
#key-visual img.line2 {
  margin: 87px 0 0 37px;
}
/* !contents
---------------------------------------------------------- */
#contents {
  background-color: #f1f1f1;
  border-right: #FFF 17px solid;
  margin: 0 auto;
  overflow: hidden;
  text-align: left;
  width: 960px;
}
  #main {
    background-color: #FFF;
    border-right: #d9d9d9 1px solid;
    float: left;
    padding: 0 54px 20px 0;
    width: 671px;
  }
  #sub {
    float: right;
    width: 272px;
  }

/* !sub
---------------------------------------------------------- */
#sub {
}
#sub .copy {
  color:#e47911;
  font-weight: bold;
  padding: 22px 0 18px;
  text-align: center;
}
#sub .copy span {
  display: block;
  font-size: 116%;
  line-height: 1.3;
  margin-bottom: 5px;
}
#sub .copy em {
  display: block;
  font-size: 170%;
  font-weight: bold;
  line-height: 1.2;
}
#sub .copy+h2 {
  margin-left: 20px;
  height: 54px;
}
#sub .signup-box {
  border-bottom: #0068b3 3px solid;
  border-right: #0068b3 3px solid;
  border-left: #0068b3 3px solid;
  margin-left: 20px;
  padding: 16px 9px 0 10px;
  width: 236px;
}
#sub .signup-box ul {
}
#sub .signup-box li {
}
#sub .signup-box li .ttl {
  color: #004b91;
  font-size: 93%;
  line-height: 1.4;
  margin-bottom: 3px;
}
#sub .signup-box li a {
  display: block;
}
#sub .signup-box li .notes {
  font-size: 77%;
  line-height: 1.5;
  margin-bottom: 19px;
}


#Side_menu {
  padding:30px 0 0 23px;
}
#Side_menu h2 {
  margin-bottom:15px;
  color:#e47911;
  font-size: 116%;
  font-weight: bold;
}
#Side_menu h2 a {
  color:#e47911;
}
#Side_menu li {
  background: url(../images/fba/multichannelservice/point_side_menu._CB395529206_.gif) no-repeat 2px 6px;
  padding:0 0 0 15px;
  margin-top:8px;
}
#Side_menu li a:hover {
  text-decoration: underline;
}
#Side_menu li.second_level {padding:0 0 0 20px; margin-top:5px; background:none;}






/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
  padding-bottom: 40px;
  overflow: hidden;
  *zoom: 1;
}
  #breadcrumb li {
    float: left;
    font-size: 93%;
    white-space: nowrap;
  }
    #breadcrumb li a {
      white-space: nowrap;
    }
    #breadcrumb li a:hover {
      text-decoration: underline;
    }


/* !h(n)eading
---------------------------------------------------------- */
.reset .ttl-type01 {
  color: #004b91;
  font-size: 170%;
  font-weight: bold;
  margin-bottom: 20px;
}
.reset .ttl-type02 {
  background-color: #d7eeff;
  color: #004b91;
  font-size: 154%;
  font-weight: bold;
  margin-bottom: 13px;
  padding: 5px 15px 4px;
}
.reset .ttl-type02.orange {
  background-color: #ffd8ad;
  color: #e47911;
}
.reset .ttl-type03 {
  border-bottom: #e6e6e6 2px solid;
  color: #004b91;
  font-size: 139%;
  font-weight: bold;
  margin-bottom: 17px;
  padding: 0 0 2px;
}

.reset .ttl-type04 {
  color: #e47911;
  font-weight: bold;
}
.reset .ttl-type05 {
  color: #004b91;
  font-size: 124%;
  font-weight: bold;
}




/* !Listing
---------------------------------------------------------- */
.other-service-list {
  border: #ccc 1px solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.other-service-list li {
  border-bottom: #ccc 1px solid;
  border-right: #ccc 1px solid;
  color: #004b91;
  display: inline-block;
  font-size: 108%;
  font-weight: bold;
  height: 60px;
  line-height: 1.4;
  padding: 0 3px 0 62px;
  vertical-align: middle;
  width: 307px;
}
.other-service-list li span {
  display: table-cell;
  height: 59px;
  vertical-align: middle;
}
.other-service-list li.ico02,
.other-service-list li.ico04,
.other-service-list li.ico06,
.other-service-list li.ico08 {
  border-right: none;
}
.other-service-list li.ico07,
.other-service-list li.ico08 {
  border-bottom: none;
}
.other-service-list li.ico01 {
  background: url(../images/fba/multichannelservice/ico_otherservices01.gif) no-repeat 12px 10px;
  letter-spacing: -1.5px;
}
.other-service-list li.ico02 {
  background: url(../images/fba/multichannelservice/ico_otherservices02.gif) no-repeat 12px 10px;
}
.other-service-list li.ico03 {
  background: url(../images/fba/multichannelservice/ico_otherservices03.gif) no-repeat 12px 10px;
}
.other-service-list li.ico04 {
  background: url(../images/fba/multichannelservice/ico_otherservices04.gif) no-repeat 12px 10px;
}
.other-service-list li.ico05 {
  background: url(../images/fba/multichannelservice/ico_otherservices05.gif) no-repeat 12px 10px;
}
.other-service-list li.ico06 {
  background: url(../images/fba/multichannelservice/ico_otherservices06.gif) no-repeat 12px 10px;
}
.other-service-list li.ico07 {
  background: url(../images/fba/multichannelservice/ico_otherservices07.gif) no-repeat 12px 10px;
}
.other-service-list li.ico08 {
  background: url(../images/fba/multichannelservice/ico_otherservices08.gif) no-repeat 12px 10px;
}

.fba-interview-list {
  border-top: #ccc 1px solid;
  border-right: #ccc 1px solid;
  border-left: #ccc 1px solid;
  -webkit-box-shadow: 0px 9px 7px -1px rgba(209,209,209,0.5);
  -moz-box-shadow: 0px 9px 7px -1px rgba(209,209,209,0.5);
  box-shadow: 0px 9px 7px -1px rgba(209,209,209,0.5);
}
.fba-interview-list li {
  -webkit-box-shadow: 0px 8px 7px 2px rgba(209,209,209,0.5);
  -moz-box-shadow: 0px 9px 7px 2px rgba(209,209,209,0.5);
  box-shadow: 0px 5px 7px 2px rgba(209,209,209,0.5);
  padding: 29px 17px 0 21px;
}
.fba-interview-list li h3 {
  color: #FFF;
  font-size: 108%;
}
.fba-interview-list li h3 span {
  background-color: #004b91;
  border-bottom: #004b91 2px solid;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: inline-block;
  font-weight: bold;
  line-height: 26px;
  padding: 3px 8px 0;
}
.fba-interview-list li h3+div {
  color: #004b91;
  border-top: #e6e6e6 1px solid;
  padding-top: 19px;
}
.fba-interview-list li .image {
  float: left;
  margin-right: 24px;
}

.fba-interview-list li h4 {
  font-size: 154%;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1.4;
  padding-top: 3px;
}
.fba-interview-list li h4+p {
  font-size: 93%;
  margin-top: 14px;
}

.fba-interview-list li > p {
  padding-bottom: 4px;
  text-align: right;
}
.fba-interview-list li div.slide-btn {
	cursor: pointer;
}
.fba-interview-list li div.slide-btn:hover p.slide-btn-text{
	text-decoration: underline;
}
.fba-interview-list li p.slide-btn-text {
	color: #ff6901;
	font-weight: bold;
	cursor: pointer;
	text-align: right;
	padding-bottom: 4px;
	clear: both;
}
.fba-interview-list li p.slide-btn-text:hover {
  text-decoration: underline;
}
.fba-interview-list li .slide-box {
  border-top: #e6e6e6 2px solid;
  line-height: 1.7;
  padding: 17px 0 32px;
  display: none;
}

.fbs-multi-link-list {
  overflow: hidden;
}
.fbs-multi-link-list li {
  float: left;
}
.fbs-multi-link-list li.last {
  float: right;  
}


.reset .fba-howto-list {
  border: #ccc 1px solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 21px 22px 0 19px;
}
.reset .fba-howto-list li {
  padding-bottom: 47px;
}
.fba-howto-list h4 {
  background-color: #e3e3e3;
  color: #004b91;
  font-size: 124%;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  margin-bottom: 20px;
  overflow: hidden;
}
.fba-howto-list h4 img {
  float: left;
  margin-right: 10px;
}
.fba-howto-list .notes {
  font-size: 77%;
  padding-left: 1em;
  text-indent: -1em;
}
.fba-howto-list.typre02 h4 {
  color: #e47911;
  
}

.mcf-fee-item-list {
}
.mcf-fee-item-list h3 {
  border-bottom: #e6e6e6 2px solid;
  color: #004b91;
  font-size: 124%;
  font-weight: bold;
  margin: 25px 0 12px;
  padding: 0 0 2px;
}
.mcf-fee-item-list h3+div {
  padding-bottom: 15px;
  overflow: hidden;
  zoom: 1;
}
.mcf-fee-item-list .image{
  float: left;
  padding: 0 0 0 14px;
  width: 165px;
}
.mcf-fee-item-list h4 {
  background-color: #ffd8ad;
  color: #e47911;
  line-height: 20px;
  padding-left: 6px;
}
.mcf-fee-item-list h4+p {
  line-height: 1.4;
  padding: 7px 0 5px 8px;
}










/* !Table
---------------------------------------------------------- */
.table-type01 {
}
  .table-type01 th,
  .table-type td {
  }
  .table-type01 th {
  }
  .table-type01 td {
  }

.reset .table-type01 {
width: 100%;
border-collapse: separate;
border-spacing: 0;
empty-cells: show;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ffc488;
border-left-color: #ffc488;
margin: 0 0 7px;
padding: 0;

line-height: 1.4;
}

.table-type01 th {
text-align: center;
vertical-align: middle;
background-color: #ffd8b0;
padding-top: 8px;
padding-bottom: 8px;
border-color: #FFF #FFF #ffc488 #ffc488;
border-style: solid;
border-width: 1px;
}

.table-type01 th {
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #ffc488;
border-bottom-color: #ffc488;
background-color: #ffd8b0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #ffc488;
}

.table-type01 td {
background-color: #FFF;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
text-align: center;
vertical-align: middle;
padding: 4px 2px 2px 4px;
}



.reset .table-type02 {
  border: #FFF 1px solid;
  font-size: 93%;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.table-type02 th {
  border-right: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  padding: 3px 1px 2px 7px;
} 
.table-type02 th.highlight {
  background-color: #d7f2ff;
  border-bottom: none;
}
.table-type02 td {
  border-right: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  padding: 3px 1px 2px 7px;
}
.table-type02 .bottom {
  border-bottom: none;
}
.table-type02 .right {
  border-right: none;
}



/* !Section
---------------------------------------------------------- */
.reset .section       {
  margin-bottom: 60px;
}

.reset .fba-mov-box01 {
  border: #ff9901 2px solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  float: right;
  margin: 0 4px;
  overflow: hidden;
  padding: 11px 9px 7px;
  width: 175px;
}
.fba-mov-box01 .ttl {
  color: #004b91;
  font-size: 93%;
  font-weight: bold;
  margin-bottom: 2px;
  padding-left: 2px;
}
.fba-mov-box01 .txt {
  font-size: 77%;
  line-height: 1.4;
  margin-bottom: 11px;
  padding-left: 2px;
}
.fba-mov-box01 .image {
  text-align: center;
}

.reset .note-box {
  border: #CCC 1px solid;
  margin-top: 10px;
  padding: 9px 5px;
  text-align: center;
}
.reset .note-box a {
  text-decoration: underline;
}
.reset .note-box a:hover {
  text-decoration: none;
}

/*
 * cmn-style.css
 */


/* !Base Fonts -------------------------------------------------------------- */
a {
  /*color: #f00;*/
  text-decoration: underline;
}
a:visited {}
a:hover,
a:active,
a:focus { text-decoration: none;}

.fw-n { font-weight: normal;}
.fw-b { font-weight: bold;}
.fz-ss  { font-size:  85%;}/* base 13px ->  11px */
.fz-s   { font-size:  93%;}/* base 13px -> 12px */
.fz-m   { font-size: 100%;}
.fz-l   { font-size: 108%;}/* base 13px -> 14px */
.fz-ll  { font-size: 124%;}/* base 13px -> 16px */
.fz-lll { font-size: 139%;}/* base 13px -> 18px */
sup   { font-size: 78%; vertical-align: top;}
sub   { font-size: 78%; vertical-align: baseline;}

/* !Inline Align ------------------------------------------------------------ */
.ta-l { text-align: left   !important;}
.ta-c { text-align: center !important;}
.ta-r { text-align: right  !important;}
.va-t { vertical-align: top    !important;}
.va-m { vertical-align: middle !important;}
.va-b { vertical-align: bottom !important;}
.block-c { margin-right: auto; margin-left: auto; text-align: left;}
* html .block-c { margin-right: 0; margin-left: 0;}
.block-r { margin-left: auto; text-align: left;}
* html .block-r { margin-left: 0;}

/* !Width ------------------------------------------------------------------- */
/* 960px Grid */
.w960   { width: 960px;}
.w800  { width: 800px;}
.w640  { width: 640px;}
.w480  { width: 480px;}
.w350  { width: 350px;}
.w320  { width: 320px;}
.w240  { width: 240px;}
.w160  { width: 160px;}

.w-half  { width: 48%;}
.w-tri   { width: 33%;}
.w-quart { width: 24%;}
.w-full  { width: 99.9%;}
.w-max   { width: 100%;}

.w03per { width: 3%  !important;}
.w05per { width: 5%  !important;}
.w10per { width: 10% !important;}
.w13per { width: 13% !important;}
.w15per { width: 15% !important;}
.w20per { width: 20% !important;}
.w25per { width: 25% !important;}
.w30per { width: 30% !important;}
.w35per { width: 35% !important;}
.w40per { width: 40% !important;}
.w45per { width: 45% !important;}
.w50per { width: 50% !important;}

/* !Floats ------------------------------------------------------------------ */
.fl-l    { display: inline; float: left;}
.fl-r    { display: inline; float: right;}
.fl-img-l { display: inline; float: left; margin-right: 15px;}
.fl-img-r { display: inline; float: right; margin-left: 15px;}
.ft-box  { overflow: hidden; *zoom: 1;}

/* !Tools ------------------------------------------------------------------- */
.clear { clear: both;}
.block { display: block;}
.hide  { display: none;}
.bg-n   { background: none !important;}
.td-u   { text-decoration: underline;}
.td-n   { text-decoration: none;}
.atode { border: 2px solid #96c; padding: 10px; text-align: center; background-color: #f9f; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 30px; color: #fff;}

/* !Rollover -------------------------------------------------------------- */
.over:hover {
  opacity:0.85;
  -ms-filter: "alpha(opacity=85)";/*for ie 8 */
}

/* !Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* !Padding  ---------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}