/* masthead.css 1.0.0 */
/* Masthead */
.yjmth {
  *height: 1%;
}

.yjmth img {
  vertical-align: middle;
  border: 0px;
}

.yjmth a {
  border: 0px;
}

div.yjmthproplogoarea {
  float: left;
}

div.yjmthloginarea {
  float: left;
  margin: 0px 0px 0px 3px;
  font-size: smaller;
  text-align: left;
  line-height: 110%;
}

div.yjmthcplogoarea {
  float: right;
}

div.yjmthcmnlnkarea {
  /* Without MacIE \*/
  float: right;
  /* */
  margin: 10px 3px 0px 0px;
  font-size: smaller;
  text-align: right;
  line-height: 110%;
}

br.yjmthclear {
  clear: both;
}

div.yjgrplink {
  text-align: right;
  font-size: smaller;
  line-height: 115%;
}

div#music div.yjmthloginarea {
  margin-top: 16px;
  margin-left: 7px;
}

div#music div.yjmthcmnlnkarea {
  margin-top: 26px;
}

div#music div.yjmthcplogoarea {
  margin-top: 14px;
}

#masthead {
  width: 100%;
  height: 41px;
  /* needed when using the safari hack */
  margin: 4px auto 10px auto;
  text-align: left;
}

#masthead strong {
  font-weight: bold;
}

#masthead:after {
  content: ".";
  display: block;
  position: relative;
  /*works better in IE5.5 or float in float situations */
  height: 0;
  clear: both;
  visibility: hidden;
}

/* hide from ie/mac  needed for IE \*/
* html #masthead {
  height: 1%;
}

* html #masthead .yjmth {
  margin: 0;
  padding: 0;
}

/**/
/* ie/mac \*/
/*/
#masthead {
  display: inline-table;
}
/**/
@media print {
  div.yjmthloginarea {
    display: none;
  }
}
.emg {
  margin: 0 auto 10px;
  padding: 0;
  width: 950px;
  text-align: center;
}
.emg table {
  margin: 0 auto;
}

.errorText {
  margin: 20px 0 30px 0;
  padding: 10px;
  border: 1px solid #e02828;
  text-align: center;
  color: #e02828;
  font-weight: bold;
}

.globalNavi_Sprite, #globalNavi .nav li span,
#globalNavi .nav li a {
  background: url("https://s.yimg.jp/images/bb/promo/img/common/globalNavi_Sprite.png");
}

#globalNavi {
  height: 1%;
  position: relative;
  margin-top: 20px;
  border: 1px solid #dbd7d5;
  border-top: 3px solid #2b2a29;
}
#globalNavi:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
#globalNavi h1 {
  float: left;
  width: 380px;
  padding: 10px 0 0 10px;
  color: #3e3c3b;
  font-size: 75%;
}
@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 0) {
  #globalNavi h1 {
    font-size: 69%;
    line-height: 1.8;
  }
}
#globalNavi .payment {
  position: absolute;
  top: -20px;
  right: 0;
}
#globalNavi .payment a {
  text-decoration: none;
}
#globalNavi .nav {
  height: 1%;
  float: right;
}
#globalNavi .nav:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
#globalNavi .nav li {
  float: left;
}
#globalNavi .nav li span,
#globalNavi .nav li a {
  display: block;
  text-indent: -200%;
  white-space: nowrap;
  overflow: hidden;
  width: 93px;
  height: 58px;
  text-decoration: none;
}
#globalNavi .nav li.top span,
#globalNavi .nav li.top a {
  background-position: 0 0;
}
#globalNavi .nav li.top span:hover,
#globalNavi .nav li.top a:hover {
  background-position: 0 -116px;
}
#globalNavi .nav li.top span.current,
#globalNavi .nav li.top a.current {
  background-position: 0 -58px;
}
#globalNavi .nav li.hikari_wf span,
#globalNavi .nav li.hikari_wf a {
  background-position: -93px 0;
}
#globalNavi .nav li.hikari_wf span:hover,
#globalNavi .nav li.hikari_wf a:hover {
  background-position: -93px -116px;
}
#globalNavi .nav li.hikari_wf span.current,
#globalNavi .nav li.hikari_wf a.current {
  background-position: -93px -58px;
}
#globalNavi .nav li.adsl span,
#globalNavi .nav li.adsl a {
  background-position: -186px 0;
}
#globalNavi .nav li.adsl span:hover,
#globalNavi .nav li.adsl a:hover {
  background-position: -186px -116px;
}
#globalNavi .nav li.adsl span.current,
#globalNavi .nav li.adsl a.current {
  background-position: -186px -58px;
}
#globalNavi .nav li.campaign span,
#globalNavi .nav li.campaign a {
  background-position: -279px 0;
}
#globalNavi .nav li.campaign span:hover,
#globalNavi .nav li.campaign a:hover {
  background-position: -279px -116px;
}
#globalNavi .nav li.campaign span.current,
#globalNavi .nav li.campaign a.current {
  background-position: -279px -58px;
}
#globalNavi .nav li.option span,
#globalNavi .nav li.option a {
  background-position: -372px 0;
}
#globalNavi .nav li.option span:hover,
#globalNavi .nav li.option a:hover {
  background-position: -372px -116px;
}
#globalNavi .nav li.option span.current,
#globalNavi .nav li.option a.current {
  background-position: -372px -58px;
}
#globalNavi .nav li.bbmember span,
#globalNavi .nav li.bbmember a {
  background-position: -465px 0;
}
#globalNavi .nav li.bbmember span:hover,
#globalNavi .nav li.bbmember a:hover {
  background-position: -465px -116px;
}
#globalNavi .nav li.bbmember span.current,
#globalNavi .nav li.bbmember a.current {
  background-position: -465px -58px;
}

#yjBreadcrumbs {
  border: 1px solid #dbd7d5;
  border-top: 0;
  font-size: 75%;
  line-height: 1;
}
#yjBreadcrumbs a, #yjBreadcrumbs span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#yjBreadcrumbs a {
  padding: 7px 15px 7px 10px;
  background: #edeae8 url("https://s.yimg.jp/images/bb/promo/img/common/yjBreadcrumbsArrow.png") no-repeat right center;
  text-decoration: none;
  color: #3e3c3b;
}
#yjBreadcrumbs a.after {
  background: #edeae8 url("https://s.yimg.jp/images/bb/promo/img/common/yjBreadcrumbsArrowAfter.png") no-repeat right center;
}
#yjBreadcrumbs .yjGuid {
  display: block;
  *display: none;
}
#yjBreadcrumbs .current {
  padding-left: 10px;
  color: #3e3c3b;
  *padding-top: 7px;
  *padding-bottom: 7px;
}

@-moz-document url-prefix() {
  #yjBreadcrumbs a {
    padding: 7px 15px 6px 10px;
  }
}

.subNavi_Sprite, #subNavi li a {
  background: url("https://s.yimg.jp/images/bb/promo/img/common/subNavi_Sprite.png");
}

.yj950-2 #yjSub {
  width: 278px;
  padding-bottom: 36px;
}

#request {
  padding: 15px 0;
  border-bottom: 1px solid #dbd7d5;
  background: #edeae8;
}
#request .requestBtn {
  width: 250px;
  margin: 0 auto;
}
#request .freeCall {
  width: 214px;
  margin: 26px auto 0;
}
#request .callBackBtn {
  width: 250px;
  margin: 26px auto 0;
}

#subNavi li a {
  display: block;
  text-indent: -200%;
  white-space: nowrap;
  overflow: hidden;
  width: 278px;
  height: 60px;
}
#subNavi li.norikae a {
  background-position: 0 -60px;
}
#subNavi li.moving a {
  background-position: 0 -120px;
}
#subNavi li.company a {
  background-position: 0 -180px;
}

#generalPurpose .banner {
  width: 258px;
  height: 60px;
  margin: 10px auto;
}

.footNavi_Sprite, #footerNavi dl dt, #footerNavi dl dt span {
  background: url("https://s.yimg.jp/images/bb/promo/img/common/footNavi_Sprite.png");
}

#footerNavi {
  height: 1%;
  position: relative;
  padding-top: 15px;
  border-left: 1px solid #dbd7d5;
  border-right: 1px solid #dbd7d5;
  background: #edeae8;
}
#footerNavi:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
#footerNavi .pageTop {
  position: absolute;
  top: -36px;
  right: 11px;
}
#footerNavi dl {
  float: left;
  width: 215px;
}
#footerNavi dl.hikari_wf {
  margin: 0 0 0 15px;
  _margin-left: 7.5px;
}
#footerNavi dl.campaign {
  margin: 0 0 0 20px;
}
#footerNavi dl.campaign dt span {
  background-position: 0 -13px;
}
#footerNavi dl.option {
  margin: 0 0 0 20px;
}
#footerNavi dl.option dt span {
  background-position: 0 -26px;
}
#footerNavi dl.bbshokai {
  margin: 0 0 0 20px;
}
#footerNavi dl.bbshokai dt span {
  background-position: 0 -39px;
}
#footerNavi dl.adsl {
  margin: 0 0 0 15px;
  _margin-left: 7.5px;
}
#footerNavi dl.adsl dt span {
  background-position: 0 -52px;
}
#footerNavi dl.bbmember {
  margin: 0 0 0 20px;
}
#footerNavi dl.bbmember dt span {
  background-position: 0 -65px;
}
#footerNavi dl dt {
  width: 215px;
  height: 13px;
  margin-bottom: 5px;
  padding: 3px 0;
  background-position: 0 -78px;
}
#footerNavi dl dt span {
  display: block;
  text-indent: -200%;
  white-space: nowrap;
  overflow: hidden;
  width: 196px;
  height: 13px;
  margin: 0 8px;
}
#footerNavi dl dd {
  margin-left: 11px;
  text-indent: -6px;
  font-size: 69%;
  line-height: 1.8;
  color: #5e5b59;
}
#footerNavi a:link,
#footerNavi a:visited {
  color: #5e5b59;
}
#footerNavi #footerNaviInner {
  height: 1%;
}
#footerNavi #footerNaviInner:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
#footerNavi .note {
  margin-top: 30px;
  padding: 10px 0;
  background: #282726;
  font-size: 75%;
  color: white;
  text-align: center;
}

#footer {
  text-align: center;
}
#footer #universalFooter {
  padding: 10px 0 7px;
}
#footer address {
  padding: 10px 0 20px;
  border-top: 1px solid #ccc;
  font-size: 75%;
  line-height: 1.4;
}

.icon_Sprite, .iconHikari, .iconADSL {
  background-image: url("https://s.yimg.jp/images/bb/promo/img/common/icon.png");
}

.iconHikari {
  display: block;
  text-indent: -200%;
  white-space: nowrap;
  overflow: hidden;
  width: 76px;
  height: 15px;
  background-position: 0 0;
}

.iconADSL {
  display: block;
  text-indent: -200%;
  white-space: nowrap;
  overflow: hidden;
  width: 32px;
  height: 15px;
  background-position: 0 -15px;
}

.yjBreadcrumbsHome12 {
  padding-left: 20px;
  background: url("https://s.yimg.jp/images/bb/promo/img/common/yjBreadcrumbsHome12.png") no-repeat left center;
}

.present16 {
  padding-left: 20px;
  background: url("https://s.yimg.jp/images/bb/promo/img/common/present16.png") no-repeat left center;
}

.send_mobile16 {
  padding-left: 20px;
  background: url("https://s.yimg.jp/images/icon/f/bsc/1.0.0/send_mobile16.png") no-repeat left center;
}

.geo16 {
  padding-left: 20px;
  background: url("https://s.yimg.jp/images/sicons/geo16.gif") no-repeat left center;
}

.card16 {
  padding-left: 20px;
  background: url("https://s.yimg.jp/images/sicons/card16.gif") no-repeat left center;
}

.hoken16 {
  padding-left: 20px;
  background: url("https://s.yimg.jp/images/sicons/hoken16.gif") no-repeat left center;
}

.starclub16 {
  padding-left: 20px;
  background: url("https://s.yimg.jp/images/sicons/starclub16.gif") no-repeat left center;
}

.gyaostore16 {
  padding-left: 20px;
  background: url("https://s.yimg.jp/images/sicons/gyaostore16.gif") no-repeat left center;
}

.yj950-2 #yjMain {
  width: 669px;
  border-right: 1px solid #dbd7d5;
  min-height: 880px;
  height: auto !important;
  height: 880px;
}

#yjContentsBody {
  border-left: 1px solid #dbd7d5;
  border-right: 1px solid #dbd7d5;
}

.yjMainGrid h2 {
  margin: 0 9px 5px 10px;
  padding: 0 0 10px 5px;
  border-bottom: 3px solid #3e3c3b;
  line-height: 25px;
}
.yjMainGrid h2 .ttl {
  display: block;
  text-indent: -200%;
  white-space: nowrap;
  overflow: hidden;
  width: 600px;
  height: 25px;
  background: url("https://s.yimg.jp/images/bb/promo/img/common/yjMainGrid_h2.png") no-repeat left bottom;
}
.yjMainGrid .h2Sup {
  margin: 5px 9px 10px 10px;
  padding: 0 5px 5px;
  border-bottom: 1px dashed #3e3c3b;
  color: #3e3c3b;
  line-height: 1;
}
.yjMainGrid h3 {
  width: 640px;
  min-height: 22px;
  margin: 0 0 10px 10px;
  padding-left: 10px;
  background: url("https://s.yimg.jp/images/bb/promo/img/common/yjMainGrid_h3Bg.png") no-repeat left bottom;
  color: #fff;
  font-weight: bold;
  line-height: 22px;
}
.yjMainGrid .more {
  margin: 10px 10px 0 0;
  text-align: right;
}
.yjMainGrid .more .sup {
  display: block;
  padding: 10px 20px 0 0;
  font-size: 88%;
  font-weight: bold;
}

.yjChviewWrap {
  text-align: center;
  margin-top: 10px;
}
.yjChviewWrap .yjChview {
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #e7e7e7;
  background: #f9f9f9;
  text-align: center;
}
.yjChviewWrap .yjChview dt, .yjChviewWrap .yjChview dd {
  display: inline;
  font-size: 14px;
  line-height: 1.2em;
}
.yjChviewWrap .yjChview dt {
  padding-right: 0.2em;
}
.yjChviewWrap .yjChview dd span {
  font-weight: bold;
}
.yjChviewWrap .yjChview dd:after {
  content: "\ff5c";
}
.yjChviewWrap .yjChview dd.end:after {
  content: "";
}

body {
  word-wrap: break-word;
  letter-spacing: 0.05em;
  font-family: "MS PGothic", "Osaka", Arial, sans-serif;
  font-size: 16px;
}

* html body {
  font-size: 100%;
}

* + html body {
  font-size: 100%;
}

a:link {
  color: #1d3994;
}

a:visited {
  color: purple;
}

img {
  vertical-align: bottom;
}

.bold {
  font-weight: bold;
}

.clearfix {
  height: 1%;
}
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}