@charset "utf-8";

/* summary ------------------
news detail
-------------------------- */

/* NewsTitle ----------------- */
#Contents #NewsTitle {
  margin: 0 0 10px 0;
}
#Contents #NewsTitle h1 {
  margin: 0 0 6px 0;
  font-size: 2.2em;
  line-height: 1.3;
  font-weight: bold;
  color: #000;
}
#Contents #NewsTitle h1 span {
  font-weight: bold;
}
#Contents #NewsTitle .date {
  margin: 0;
  font-size: 1.2em;
  line-height: 1.3;
  color: #b3b3b3;
}

#Contents #NewsTitle .tools {
  margin: 0;
}
#Contents #NewsTitle .tools:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
* html #Contents #NewsTitle .tools {
  display: inline-block;
}

* + html #Contents #NewsTitle .tools {
  display: inline-block;
}

#Contents #NewsTitle .tools .date {
  float: left;
  width: 200px;
  margin: 3px 0 0 0;
  font-size: 1.2em;
  line-height: 1.3;
  color: #b3b3b3;
}
#Contents #NewsTitle .tools .tool {
  float: right;
  text-align: right;
}
#Contents #NewsTitle .tools .tool img {
  vertical-align: middle;
  margin: 0 3px 0 0;
}
#Contents #NewsTitle .tools .tool iframe {
  vertical-align: middle;
}

#Contents #NewsTitle .tools .tool .fb_iframe_widget,
#Contents #NewsTitle .tools .tool .fb-like {
  display: inline-block;
  vertical-align: middle;
  margin: 0 25px 0 5px;
}
#Contents #NewsTitle .tools .tool #btnMessenger {
  display: none;
  /* background: #0084ff url(/css/news_v20170403000/decoration/icon_massenger.png)
    no-repeat 4px center;
  height: 20px;
  color: #fff;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  margin-left: 10px; */
}
/* #Contents #NewsTitle .tools .tool #btnMessenger:hover {
  background-color: #0073de;
}
#Contents #NewsTitle .tools .tool #btnMessenger span {
  padding-left: 16px;
  margin: 0 3px;
  line-height: 20px;
} */

/* NewsDtail ----------------- */
#Contents #NewsDetail {
  margin: 0 0 10px 0;
}
#Contents #NewsDetail:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
* html #Contents #NewsDetail {
  display: inline-block;
}

* + html #Contents #NewsDetail {
  display: inline-block;
}

#Contents #NewsDetail .PhotoArea01 {
  float: right;
  width: 181px;
  margin: 0 0 5px 9px;
  overflow: hidden;
}
#Contents #NewsDetail .PhotoArea01 .MainPhoto {
  margin: 0 0 3px 0;
  background: #e6e7e8;
  text-align: center;
}
#Contents #NewsDetail .PhotoArea01 .caption {
  margin: 0 0 5px 0;
  font-size: 1.2em;
  line-height: 1.3;
  color: #828282;
}
#Contents #NewsDetail .PhotoArea01 .SubPhoto {
  margin: 0;
}
#Contents #NewsDetail .PhotoArea01 .SubPhoto ul {
  width: 182px;
}
#Contents #NewsDetail .PhotoArea01 .SubPhoto ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
* html #Contents #NewsDetail .PhotoArea01 .SubPhoto ul {
  display: inline-block;
}

* + html #Contents #NewsDetail .PhotoArea01 .SubPhoto ul {
  display: inline-block;
}
#Contents #NewsDetail .PhotoArea01 .SubPhoto ul li {
  float: left;
  width: 90px;
  height: 90px;
  margin: 0 1px 5px 0;
  background: #e6e7e8;
  text-align: center;
}

#Contents #NewsDetail .PhotoArea01 #PickUpNews {
  border: 1px solid #dcddde;
  padding: 5px;
}
#Contents #NewsDetail .PhotoArea01 #PickUpNews h3 {
  margin: 0 0 10px 0;
  padding: 5px 0 5px 6px;
  border-bottom: 1px solid #dcddde;
  border-left: 6px solid #cc0000;
  font-size: 1.4em;
  line-height: 1.3;
  color: #000;
  position: relative;
  display: block;
}

#Contents #NewsDetail .PhotoArea01 #PickUpNews .ListArea {
  margin: 0 0 5px 0;
}
#Contents #NewsDetail .PhotoArea01 #PickUpNews .ListArea ul {
  margin: 0 0 5px 0;
}
#Contents #NewsDetail .PhotoArea01 #PickUpNews .ListArea ul li {
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  font-size: 1.4em;
  line-height: 1.3;
  border-bottom: 1px dotted #ccc;
}

#Contents #NewsDetail .PhotoArea01 #PickUpNews .ListArea ul li img {
  margin: 0 0 0 3px;
}

#Contents #NewsDetail .PhotoArea01 #PickUpNews .more {
  text-align: right;
}
#Contents #NewsDetail .PhotoArea01 #PickUpNews .more a {
  padding: 0 0 0 12px;
  background: url(images/arrow_001_v1.gif) no-repeat 2px 3px;
  font-size: 1.4em;
  line-height: 1.3;
}

#Contents #NewsDetail .PhotoArea02 {
  width: 640px;
  margin: 0 0 10px 0;
}
#Contents #NewsDetail .PhotoArea02 .SubPhoto {
  margin: 0;
}
#Contents #NewsDetail .PhotoArea02 .SubPhoto ul {
  width: 640px;
}
#Contents #NewsDetail .PhotoArea02 .SubPhoto ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
* html #Contents #NewsDetail .PhotoArea02 .SubPhoto ul {
  display: inline-block;
}

* + html #Contents #NewsDetail .PhotoArea02 .SubPhoto ul {
  display: inline-block;
}
#Contents #NewsDetail .PhotoArea02 .SubPhoto ul li {
  float: left;
  width: 94px;
  margin: 0 5px 5px 0;
  text-align: center;
}
#Contents #NewsDetail .PhotoArea02 .SubPhoto ul li a {
  display: block;
  height: 90px;
  padding: 1px;
  border: 1px solid #dcddde;
}
#Contents #NewsDetail .PhotoArea02 .SubPhoto ul li a:hover {
  border: 1px solid #28419b;
}

#Contents #NewsDetail .PhotoArea03 {
  width: 450px;
  margin: 0 95px 20px 95px;
}
#Contents #NewsDetail .PhotoArea03 .MainPhoto {
  margin: 0 0 3px 0;
  background: #e6e7e8;
  text-align: center;
}
#Contents #NewsDetail .PhotoArea03 .caption {
  margin: 0;
  font-size: 1.2em;
  line-height: 1.3;
  color: #828282;
}

#Contents #NewsDetail .PhotoArea04 {
  float: left;
  width: 300px;
  margin: 0 9px 5px 0;
  overflow: hidden;
}
* html #Contents #NewsDetail .PhotoArea04 {
  height: 1%;
}

#Contents #NewsDetail .PhotoArea04 .MainPhoto {
  margin: 0 0 10px 0;
}
#Contents #NewsDetail .PhotoArea04 .MainPhoto a {
  display: block;
  background: #f7f7f7;
  border: 1px solid #ccc;
  text-align: center;
}

#Contents #NewsDetail .PhotoArea04 .MainPhoto a img {
  max-width: 298px;
  max-height: 298px;
}

#Contents #NewsDetail .PhotoArea04 .MainPhoto span.caption {
  display: block;
  background: #fff;
  font-size: 1.2em;
  line-height: 1.3;
  text-align: left;
}
#Contents #NewsDetail .PhotoArea04 .MainPhoto span.caption a {
  display: inline;
  background: none;
  border: none;
  text-align: left;
}

#Contents #NewsDetail .PhotoArea04 .ThumbnailPhoto {
  width: 300px;
  overflow: hidden;
  margin: 0 0 10px 0;
}
#Contents #NewsDetail .PhotoArea04 .ThumbnailPhoto ul {
  width: 322px;
}
#Contents #NewsDetail .PhotoArea04 .ThumbnailPhoto ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
* html #Contents #NewsDetail .PhotoArea04 .ThumbnailPhoto ul {
  display: inline-block;
}

* + html #Contents #NewsDetail .PhotoArea04 .ThumbnailPhoto ul {
  display: inline-block;
}

#Contents #NewsDetail .PhotoArea04 .ThumbnailPhoto ul li {
  float: left;
  width: 84px;
  height: 84px;
  margin: 0 21px 5px 0;
  border: 1px solid #ccc;
  text-align: center;
  overflow: hidden;
}
#Contents #NewsDetail .PhotoArea04 .ThumbnailPhoto ul li a {
  display: block;
  background: #f7f7f7;
  border: 2px solid #fff;
  text-align: center;
}
#Contents #NewsDetail .adRectangleBanner {
  float: left;
  margin: 0 9px 5px 0;
}
#contents #NewsDetail .PhotoArea04 .adRectangleBanner {
  float: none;
  margin: 0 0 5px 0;
}

#Contents #NewsDetail .TextArea {
  margin: 0;
}
#Contents #NewsDetail .TextArea p {
  margin: 0 0 20px 0;
  font-size: 1.6em;
  line-height: 1.6;
  text-align: justify;
  /* word-break: break-all; */
}
* html #Contents #NewsDetail .TextArea p {
  text-align: left;
}
* + html #Contents #NewsDetail .TextArea p {
  text-align: left;
}

#Contents #NewsDetail .TextArea span.ArticleLink a {
  padding: 3px 3px 3px 15px;
  background: url(images/arrow_001.gif) no-repeat 3px 6px;
  line-height: 1.6;
}

#Contents #NewsDetail .TextArea span.OtherLink a {
  padding: 3px 3px 3px 15px;
  background: url(images/icon_001.gif) no-repeat left 5px;
  line-height: 1.6;
}

#Contents #NewsDetail .TextArea table.ArticleTable {
  clear: left;
  margin: 0 0 20px 1px;
  padding: 0;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.3;
  border-top: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
}
#Contents #NewsDetail .TextArea table.ArticleTable th,
#Contents #NewsDetail .TextArea table.ArticleTable td {
  margin: 0;
  padding: 5px 5px;
  border-bottom: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  font-size: 14px;
  line-height: 1.6;
}
#Contents #NewsDetail .TextArea table.ArticleTable th {
  background-color: #dedede;
}

#Contents #NewsDetail .TextArea h3 {
  display: inline;
  padding: 0 0 0 20px;
  background: url(images/subtitle_bg_001.gif) no-repeat left top;
  font-size: 1.6em;
  line-height: 1.6;
  font-weight: bold;
}
#Contents #NewsDetail .TextArea strong {
  line-height: 1.6;
  font-weight: bold;
}
#Contents #NewsDetail .TextArea strong.SubTitle {
  padding: 0 0 0 20px;
  background: url(images/subtitle_bg_001.gif) no-repeat left top;
  line-height: 1.6;
}
#Contents #NewsDetail .TextArea h4 {
  font-size: 1.4em;
  font-weight: bold;
  line-height: 26px;
  margin: 0 0 10px;
  padding-left: 10px;
  color: #000;
  border-left: 5px solid #c00;
}
#Contents #NewsDetail .TextArea span.positionC {
  display: block;
  line-height: 1.6;
  font-style: normal;
  text-align: center;
}
#Contents #NewsDetail .TextArea span.positionL {
  display: block;
  line-height: 1.6;
  font-style: normal;
  text-align: left;
}
#Contents #NewsDetail .TextArea span.positionR {
  display: block;
  line-height: 1.6;
  font-style: normal;
  text-align: right;
}

#Contents #NewsDetail .TextArea span.nextpage {
  display: block;
  font-style: normal;
  text-align: right;
}

#Contents #NewsDetail .TextArea span.nextpage a {
  margin: 0 0 10px 0;
  padding: 0 0 0 12px;
  background: url(images/arrow_001_v1.gif) no-repeat left 5px;
  font-size: 14px;
  line-height: 1.3;
}

#Contents #NewsDetail .TextArea .DataBox {
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
}
#Contents #NewsDetail .TextArea .DataBox:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
* html #Contents #NewsDetail .TextArea .DataBox {
  display: inline-block;
}

* + html #Contents #NewsDetail .TextArea .DataBox {
  display: inline-block;
}

#Contents #NewsDetail .TextArea .DataBox p {
  font-size: 14px;
  line-height: 1.6;
}
#Contents #NewsDetail .TextArea .DataBox .title {
  margin: 0;
  padding: 5px 10px 6px 10px;
  background: #e5e5e5;
  font-weight: bold;
}
#Contents #NewsDetail .TextArea .DataBox .text {
  margin: 0;
  padding: 10px;
}
#Contents #NewsDetail .TextArea .DataBox .text img {
  float: left;
  margin: 0 10px 5px 0;
}
#Contents #NewsDetail .TextArea .photo-main {
  display: block;
  width: 640px;
  box-sizing: border-box;
  text-align: center;
}
#Contents #NewsDetail .TextArea .photo-main a {
  display: block;
}
#Contents #NewsDetail .TextArea .photo-main .img_c_580 {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 3px;
  margin-bottom: 10px;
}
#Contents #NewsDetail .TextArea .photo-main p.caption {
  font-size: 1.4em;
  text-align: center;
  font-weight: bold;
}
#Contents #NewsDetail .TextArea .photo-main .img_c_580 img {
  max-width: 100%;
  height: auto;
}

/* photo　左右寄せ｜右 -right ｜ 左 -left */
#Contents #NewsDetail .TextArea .photo-main.-right {
  float: right;
  margin-left: 15px;
}
#Contents #NewsDetail .TextArea .photo-main.-left {
  float: left;
  margin-right: 15px;
}

#Contents #NewsDetail .TextArea .photo-main.-right,
#Contents #NewsDetail .TextArea .photo-main.-left {
  max-width: 330px;
}

/* end photo　左右寄せ */

#Contents #NewsDetail .PageNavigation {
  clear: left;
  margin: 0 0 10px 0;
  text-align: center;
}
#Contents #NewsDetail .PageNavigation ul {
  margin: 0;
}
#Contents #NewsDetail .PageNavigation ul li {
  display: inline;
  margin: 0 0 0 2px;
}

#Contents #NewsDetail .bannerCenter {
  margin: 20px 0;
  text-align: center;
}

#Contents #NewsDetail .pressrelease {
  margin: 20px 0;
  text-align: right;
}
#Contents #NewsDetail .pressrelease ul {
  display: inline;
  border: 1px solid #dcddde;
  padding: 8px 0 6px 8px;
}
#Contents #NewsDetail .pressrelease ul li {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 0 0 12px;
  background: url(images/arrow_001.gif) no-repeat left center;
  font-size: 14px;
  line-height: 1.3;
}

#Contents #NewsDetail .dime {
  margin: 20px 0;
}
#Contents #NewsDetail .dime .credit {
  margin: 0 0 10px 0;
}
#Contents #NewsDetail .dime ul {
  margin: 0;
}
#Contents #NewsDetail .dime ul li {
  margin: 0 0 10px 0;
  padding: 0 0 0 12px;
  background: url(images/arrow_001.gif) no-repeat left 5px;
  font-size: 1.4em;
  line-height: 1.3;
}

/* RelatedNews ----------------- */
/*
#Contents #RelatedNews {
margin:0 0 10px 0;
}
#Contents #RelatedNews h3 {
margin:0 0 10px 0;
padding:0 0 5px 16px;
background:url(images/h3_bg_003.gif) no-repeat left 3px;
border-bottom:1px solid #DCDDDE;
font-size:1.4em;
line-height:1.3;
color:#000;
font-weight:bold;
}
#Contents #RelatedNews ul {
margin:0;
}
#Contents #RelatedNews ul li {
margin:0 0 10px 0;
padding:0 0 0 12px;
background:url(images/arrow_001.gif) no-repeat left 5px;
font-size:1.4em;
line-height:1.3;
}
#Contents #RelatedNews ul li img {
margin:0 0 0 3px;
}
*/

/* RelatedNews (2010/10/04) ----------------- */
#Contents #RelatedNews {
  margin: 0 0 10px 0;
}
#Contents #RelatedNews h3 {
  margin: 0 0 10px 0;
  padding: 3px 5px 3px 18px;
  background: url(images/h3_bg_001_v2.jpg) no-repeat right top #bb0102;
  border: 1px solid #bb0102;
  font-size: 1.4em;
  line-height: 1.3;
  color: #fff;
  font-weight: bold;
}
#Contents #RelatedNews ul {
  margin: 0;
}
#Contents #RelatedNews ul li {
  margin: 0 0 10px 0;
  padding: 0 0 0 12px;
  background: url(images/arrow_001_v1.gif) no-repeat left 5px;
  font-size: 1.4em;
  line-height: 1.3;
}
#Contents #RelatedNews ul li img {
  margin: 0 0 0 3px;
}

/* RelatedPhoto ----------------- */

#Contents #RelatedNews02 {
  margin: 0 0 20px 0;
}
#Contents #RelatedNews02 ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
* html #Contents #RelatedNews02 ul {
  display: inline-block;
}

* + html #Contents #RelatedNews02 ul {
  display: inline-block;
}
#Contents #RelatedNews02 ul li {
  float: left;
  width: 90px;
  margin: 0 20px 0 0;
  padding: 0 0 0 0;
}

#Contents #RelatedNews02 ul li dl dt {
  margin: 0 0 3px 0;
  width: 90px;
  height: 90px;
  background: #e6e7e8;
  text-align: center;
}
#Contents #RelatedNews02 ul li dl dd {
  font-size: 1.2em;
  line-height: 1.3;
}

/* LatestNews ----------------- */
#Contents #LatestNews {
  margin: 0;
}
#Contents #LatestNews h3 {
  margin: 0 0 10px 0;
  padding: 3px 5px;
  background: url(images/h3_bg_001.jpg) no-repeat right top;
  border: 1px solid #dcddde;
  font-size: 1.4em;
  line-height: 1.3;
  color: #000;
  font-weight: bold;
}
#Contents #LatestNews h3 a {
  padding: 0 12px 0 0;
  background: url(images/arrow_001.gif) no-repeat right center;
  color: #000;
}
#Contents #LatestNews ul {
  margin: 0 0 15px 0;
}
#Contents #LatestNews ul li {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0 6.6em 0 12px;
  background: url(images/arrow_001.gif) no-repeat left 5px;
}
html*#Contents #LatestNews ul li {
  padding: 0 7em 0 12px;
} /* Safari */

#Contents #LatestNews ul li img {
  margin: 0 0 0 3px;
}
#Contents #LatestNews ul li a {
  font-size: 1.4em;
  line-height: 1.3;
}
#Contents #LatestNews ul li span {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.2em;
  line-height: 1.3;
  color: #b3b3b3;
}
#Contents #LatestNews .more {
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
  border-top: 1px dotted #dcddde;
  text-align: right;
}
#Contents #LatestNews .more a {
  padding: 0 0 0 12px;
  background: url(images/arrow_001.gif) no-repeat left center;
  font-size: 1.2em;
  line-height: 1.3;
}

/* topics text wrap ----------------- */
.txt-wrap {
  padding: 20px;
  border: 1px dotted;
  overflow: auto;
  margin-bottom: 30px;
}

/* 201812 sponsored table style ----------------- */
.tablescroll {
  display: block;
  overflow: auto;
  white-space: nowrap;
  border-right: 1px dashed;
  width: 100%;
  max-width: 640px;
  margin: 20px 0;
  padding: 0 10px;
}

.tablescroll::-webkit-scrollbar {
  height: 15px;
}

.tablescroll::-webkit-scrollbar-track {
  background: #efefef;
}

.tablescroll::-webkit-scrollbar-thumb {
  background: #bb0102;
}

.tablescroll::-webkit-scrollbar-thumb {
  background: #bb0102;
}

.tablescroll table {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.tablescroll thead td,
.tablescroll thead th {
  vertical-align: bottom;
}

.tablescroll tbody td,
.tablescroll tbody th {
  border: 1px solid #ccc;
  border-collapse: collapse;
  vertical-align: middle;
  padding: 10px;
  min-height: 3rem;
}

.tablescroll tbody th {
  text-align: left;
  background-color: #efefef;
}

.tablescroll tbody td {
  text-align: center;
}

.tableinfo {
  font-size: 12px;
  text-align: left;
  margin-bottom: 10px;
  display: block;
}