@charset "utf-8";
/**************************
body,container,color
**************************/
#WRAPPER {
  margin: 0 auto;
  padding: 0 10px;
  width: 940px;
  text-align: left;
  background-color: #FFF;
}
body {
  color: #000;
  background: url(images/bg_body.gif)repeat scroll left top;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/**************************
header
**************************/
#header {
  margin: 0 auto 14px;
  width: 940px;
}

/*------skip link----------*/
#blockskip a {
    text-align: center;
    color: #fff;
    background: #666;
    display: block;
    height: 1px;
    padding: 0;
    text-decoration: none
}

#blockskip a:focus {
    height: auto;
    padding: 10px;
}
#headerLogo {
  float: left;
  margin: 14px 0 0 24px;
}
* html #headerLogo {
  margin: 21px 0 0 28px;
}
#headerImage {
  background: url(images/headerFuji.png) no-repeat top center;
  width: 940px;
  height: 90px;
}
#header h1, #header p, #header p a {
  text-indent: -9999px;
  background: url(images/headerLogo.png) no-repeat;
  width: 450px;
  height: 65px;
  line-height: 65px;
  margin: 0;
  display: block;
}
#topicPath {
  margin: 0 auto 14px;
  width: 909px;
  height: 31px;
  clear: both;
  display: inline-block;
}
#topicPath p {
  line-height: 25px;
  margin: 0;
  padding: 0;
  font-size: 90%;
  color: #050c8a;
}
#topicPath p a:link {
  color: #050c8a;
  text-decoration: underline;
}
#topicPath p a:visited {
  color: #8A8A8A;
}
#topicPath p a:hover {
  color: #3D3100;
  text-decoration: underline;
}
#topicPath p a:active {
  color: #3D3100;
}
#topicPath img {
  float: right;
  padding: 5px 25px 0 0;
}
/*hljトップページのパンくずのみ、ソーシャルボタンを同梱する特別仕様*/
#topicPath.topicPath_top {
  width: 100%;
  display: flex;
}
#topicPath.topicPath_top p {
  display: inline-block;
  width: 70%;
}
#topicPath.topicPath_top .sorcialbuttonBox {
  display: inline-block;
  width: 30%;
}
#modal_cse {
  margin: 0 auto 14px;
  height: 31px;
  clear: both;
  display: inline-block;
}
#modal_cse p {
  line-height: 25px;
  margin: 0;
  padding: 0;
  font-size: 90%;
  color: #050c8a;
}
#headerUtility {
  margin: 10px auto 20px;
  width: 940px;
  height: 26px;
}
#headerJapanese {
  float: right;
  width: 75px;
  height: 20px;
}
#headerJapanese p {
  margin: 2px 0 0;
}
#headerSearch {
  float: right;
  height: 20px;
  margin: 0 20px 0 0;
}
/**************************
headerImageHlj
**************************/
#headerImageHlj {
  position: relative;
  margin: 0 auto 20px;
  width: 940px;
  height: 400px;
  background: url(../publicity/book/hlj/css/h1_headerImageHlj.jpg) no-repeat center top;
}
#headerImageHlj h1 {
  text-indent: -9999px;
}
/**************************
headerImageHlj_common
**************************/
#headerImageHlj_common {
  position: relative;
  margin: 0 auto 20px;
  height: 120px;
  background: #000 url(images/h1_headerImageHlj_common.png) no-repeat center top;
  display: none;
}
#headerImageHlj_common h1 {
  text-indent: -9999px;
}
html body div#WRAPPER div#headerImageHlj p {
  text-indent: -9999px;
}
/**************************
footer
**************************/
#footer {
  clear: both;
  margin: 0 auto;
  width: 940px;
  overflow: auto;
}
#footerMenu {
  width: 940px;
  text-align: center;
  margin: 0 auto 10px;
}
#footerMenu ul {
  margin: 0;
  height: 60px;
}
#footerMenu ul li {
  display: inline;
  float: left;
}
#footerMenu ul li a {
  margin: 0 20px 0 0;
}
#footerMenu p {
  margin: 20px auto;
  padding: auto;
  width: 833px;
  text-align: center;
  font-size: 90%;
  clear: both;
}

#footerMenu li a {
  position: relative;
  display: block;
}
#footerMenu li a img.tBlank {
  display: inline-block;
  margin-left: 0.5em;
  position: absolute;
  top: 5px;
  right: 5px;
}


#footerBanner {
  height: 50px;
  margin-bottom: 10px;
}
#footerBanner ul {
  margin: auto;
  clear: both;
}
#footerBanner ul li {
  display: inline;
  float: left;
}
#footer #footerBanner ul li a {
  display: block;
  margin-right: 10px;
}
#footer #footerBanner ul li a.nomargin {
  display: inline;
  margin-right: 0;
}
#footer div.to_form {
  clear: both;
  margin-bottom: 10px;
  background-color: #66cccc;
  text-align: center;
}
#footer div.to_form p {
  padding: 11px;
  color: #000;
  font-size: 80%;
}
#copyright {
  clear: both;
  height: 37px;
  background-color: #000000;
}
#copyright p {
  margin: 0;
  padding: 10px;
  text-align: center;
  color: #FFF;
}

/*2021年8月追記*/
#footer .to_form a:link{
  color: #000;
}
#footer .to_form a:visited{
  color: #000;
}
#footer .to_form a:hover{
  text-decoration: none;
}
#footer .to_form a:active{
  color: #B22222;
}
/*2021年8月追記ここまで*/

#index #footer {
  clear: both;
  padding: 0;
  width: 940px;
  background: #0059B2;
  height: 72px;
  overflow: hidden;
}
#index #copyright {
  padding-top: 0;
  height: 40px;
  background: url(none) repeat-x top;
}
#index #copyright p {
  text-align: center;
  color: #FFF;
  font-size: 80%;
  margin: 0;
  padding: 0;
  line-height: 40px;
  vertical-align: middle;
}
/**************************
Contents Area
**************************/
#contents {
  width: 940px;
  margin: 0 auto;
}
#contents {
  width: 880px;
  margin: 0 auto;
}
.bannerNL {
  text-align: center;
  margin: 20px 0;
}
.section-lv2 {
  margin: 0 0 40px;
  width: 708px;
  overflow: hidden;
}
.section-lv2 p {
  margin: 0 0 1em;
}
.section-lv2 h2 {
  margin: 0 0 30px;
}
.section-lv2 h3 {
  margin: 0 0 16px;
  padding-left: 24px;
  background: url(images/h3.gif) no-repeat 0 4px;
}
.section-lv3 {
  width: 680px;
  margin: 0 14px 40px;
  overflow: hidden;
}
/**************************
トップページ最新号情報欄
**************************/
#information #nav_hj .nav_button:hover {
  background: rgba(110, 150, 200, 0.75);
  z-index: 1;
}
#currentIssue {
  margin: 0 auto 30px;
  width: 940px;
  /*  height: 560px;*/
}
#currentIssue #about_hlj {
  margin: 0 0 17px;
  color:
    #333;
  font-size: 100%;
}
#currentIssue #information {
  display: inline-block;
  margin-bottom: 17px;
}
#contents940 #video h2#black_label {
  margin-bottom: 17px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color:
    #941921;
  font-size: 150%;
  border: 5px solid #941921;
}
#currentIssue #nav_video h3 {
  margin: 0 auto 17px;
  line-height: 1;
  padding: 5px 0;
  border: 2px solid #941921;
  color:
    #941921;
  text-align: center;
  width: auto;
}
#currentIssue #nav_features h3 {
  margin: 0 auto 17px;
  line-height: 1;
  padding: 5px 0;
  border: 2px solid #26489D;
  color:
    #26489D;
  text-align: center;
  width: auto;
}
#currentIssue #information #nav_hj #coverStory {
  margin: 0 !important;
  width: 560px;
  height: 236px;
  font-size: 100%;
  padding: 0 13px 13px;
}
#currentIssue #information #nav_hj #coverStory h2 {
  color:
    #000;
  text-align: left;
  font-size: 150%;
  padding: 0;
  margin-bottom: 13px;
}
#currentIssue #information #coverStory p {
  margin: 0;
  line-height: 1.4;
  font-size: 120%;
}
#currentIssue #information #nav_hj {
  display: inline-block;
  width: 586px;
  margin-right: 10px;
}
#currentIssue #information #nav_hj #nav_index {
  text-align: center;
}
#currentIssue #information #nav_hj #nav_hj_html {}
#currentIssue div#bookCoverImage {
  display: inline-block;
  vertical-align: top; /* 上端を揃える */
  border: solid 1px #ccc;
}
/************ cssのみで作る斜め立体ボタン*************/
.nav_button {
  display: inline-block;
  position: relative;
  text-decoration: none !important;
  /*background-color: #6e96c8;*/
background-color: #466080; /*ボタン色*/
  color: #FFF !important;
  /*border-bottom: solid 5px #5c7ca6;*/ /*ボタン色より暗めに*/
  /*border-right: solid 5px #6487b4;*/ /*ボタン色より暗めに*/
  width: 581px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 18px 0 0;
}
/*横サイズ半分のタイプ*/
#nav_hj .half a.nav_button {
  width: 277px;
  margin-right: 17px;
}
#nav_hj .half a.nav_button.margin-right0 {
  margin-right: 0;
}
/************ cssのみで作るtooltips（テキストの下側に吹き出し）*************/
.tooltip3 {
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.description3 {
  display: none;
  position: absolute;
  padding: 10px;
  /*font-size: 12px;*/
  font-size: 75%;
  line-height: 1.6em;
  color: #fff;
  border-radius: 5px;
  background: #000;
}
/*横サイズ半分のタイプ*/
.half .description3 {
  display: none;
  position: absolute;
  padding: 10px;
  /*font-size: 12px;*/
  font-size: 75%;
  line-height: 1.6em;
  color: #fff;
  border-radius: 5px;
  background: #000;
}
.description3:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 252px;
  border: 15px solid transparent;
  border-top: 15px solid #000;
  margin-left: -15px;
  transform: rotateZ(180deg);
}
/*横サイズ半分のタイプ*/
.half .description3:before {
  top: -25px;
  left: 128px;
}
.tooltip3:hover .description3 {
  display: inline-block;
  top: 80px;
  left: 40px;
  z-index: 5;
  background: #000;
}
#bookCoverImage.tooltip3:hover .description3 {
  display: inline-block;
  top: 120px;
  left: 40px;
  z-index: 5;
  background: #000;
}
/*横サイズ半分のタイプ*/
.half .tooltip3 :hover .description3 {
  display: inline-block;
  top: 60px;
  left: 10px;
  z-index: 5;
}
.nav_button a:link {
  text-decoration: none;
}
#nav_index .nav_button::before {
  content: url("../publicity/book/hlj/images/ico_nav_index.png");
  position: absolute;
  top: 1px;
  left: 67px;
  border: 15px solid transparent;
}
#nav_hj_html .nav_button::before {
  content: url("../publicity/book/hlj/images/ico_nav_hj_html.png");
  position: absolute;
  top: 1px;
  left: 67px;
  border: 15px solid transparent;
}
#nav_e-book .nav_button::before {
  content: url("../publicity/book/hlj/images/ico_nav_e-book.png");
  position: absolute;
  top: 2px;
  left: 67px;
  border: 15px solid transparent;
}
#nav_pdf .nav_button::before {
  content: url("../publicity/book/hlj/images/ico_nav_pdf.png");
  position: absolute;
  top: 2px;
  left: 67px;
  border: 15px solid transparent;
}
#nav_hj_Japanese .nav_button::before {
  content: url("../publicity/book/hlj/images/ico_nav_hj_Japanese.png");
  position: absolute;
  top: 2px;
  left: 67px;
  border: 15px solid transparent;
}
#nav_hj_Chinese .nav_button::before {
  content: url("../publicity/book/hlj/images/ico_nav_hj_Chinese.png");
  position: absolute;
  top: 2px;
  left: 67px;
  border: 15px solid transparent;
}
/************ 最新号のfeatures紹介欄　*************/
#nav_features {
  margin-bottom: 17px;
  margin-top: 17px;
}
#nav_features.three ul li {
  display: inline-block;
  width: 280px;
  margin-right: 50px;
}
#nav_features.three ul li:last-child {
  /*一番右だけに適用されるCSS */
  margin-right: 0;
}
#currentIssue #nav_features ul li .Thumbnail {
  margin: 0 0 17px;
}
#nav_features ul li img {
  width: 100%;
}
#currentIssue #nav_features ul li .features_title {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 17px 0;
  width: 260px;
  overflow-wrap: break-word;
}
#nav_features ul li a {
  text-decoration: none;
  color: #333;
}
/************ 最新号のvideo紹介欄　*************/
#nav_video ul li a {
  text-decoration: none;
  color: #333;
}
#currentIssue #nav_video ul li {
  display: inline-block;
  width: 458px;
  margin: 0 17px 17px 0;
}
#currentIssue #nav_video ul li:nth-child(2n) {
  /*右側（偶数番目(2,4,6……番目)）だけに適用されるCSS */
  margin-right: 0;
}
#currentIssue #nav_video ul li .Thumbnail {
  display: inline-block;
  width: 175px;
  margin: 0 17px 17px 0;
}
#currentIssue #nav_video ul li .Thumbnail img {
  width: 100%;
}
#currentIssue #nav_video ul li .video_title {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 17px 0;
  width: 260px;
  overflow-wrap: break-word;
}
/**************************
clearfix
**************************/
.clearfix:after {
  content: "."; /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}
/**************************
Sub Area
**************************/
div.ban {
  margin: 0 auto;
  width: 220px;
  text-align: left;
}
div.ban li {
  margin-bottom: 5px;
  width: 220px;
}