/* top story
-----------------------------------------------------------------------------*/
.article {
  background: #FFF; }
  .article .topicPath {
    margin: 0;
    padding: 10px 25px;
    background: #DEE2E5;
    color: #757575;
    font-size: 11px; }
  .article .categoryHead .topicPath + h2 {
    background: none;
    margin: 20px 0 0;
    padding: 0 25px; }
  .article .pageselect {
    margin-bottom: 10px; }
  .article .news_backnumber {
    margin-left: 25px; }

div.section {
  margin: 0 0 15px 0;
  padding: 0;
  width: 640px; }

.topStory-box {
  float: right; }

/* --------------------------------------
 pickuo box <top story>
----------------------------------------- */
div#pickupBox {
  float: left;
  width: 640px;
  font-size: 13px;
  margin: 0 0 15px 0; }
div.pickUpbox {
  display: table;
  margin: 0 0 0px;
  padding: 15px 10px 15px 0; }
  div.pickUpbox:hover {
    background: #F5F5F5; }
  div.pickUpbox h3 {
    font-size: 122%; }
    div.pickUpbox h3 a {
      color: #545454;
      text-decoration: none; }
      div.pickUpbox h3 a:hover, div.pickUpbox h3 a:active {
        color: #666666;
        text-decoration: underline; }
  div.pickUpbox div.mb20 {
    margin: 0; }
  div.pickUpbox span.floatL {
    vertical-align: top;
    display: table-cell;
    width: 150px;
    margin: 0 20px 0 0;
    padding-right: 10px; }
    div.pickUpbox span.floatL img {
      border: 1px solid #D7D7D7;
      width: 150px; }
  div.pickUpbox span.floatR {
    display: table-cell; }
  div.pickUpbox span.pickupUpText {
    display: block;
    padding: 0 0 0 160px;
    color: #666666;
    line-height: 1.6;
    font-size: 12px;
    letter-spacing: 1; }

.update {
  font-weight: normal;
  display: block;
  font-size: 11px;
  color: #AAAAAA; }

/* --------------------------------------
 pr
----------------------------------------- */
ul#prList {
  clear: left;
  font-size: 14px;
  width: 620px;
  padding: 0 0 20px 0; }
  ul#prList li {
    background: url("/image/common/parts/icon_01.gif") no-repeat scroll 0 2px transparent;
    margin: 0 0 6px;
    padding: 0 0 0 50px; }
    ul#prList li a {
      color: #003366;
      font-weight: bold; }

/* --------------------------------------
 article list top
----------------------------------------- */
div#bodyBlock, div#headLineTop {
  font-size: 13px;
  zoom: normal;
  float: left;
  width: 485px;
  margin: 0;
  padding: 0; }
div#bodyBlock div.label h3 {
  font-size: 100%;
  padding: 7px;
  line-height: 1.2;
  margin: 10px 0 15px 0;
  font-size: 16px; }
div#headLineTop h3.date {
  font-size: 100%;
  padding: 7px;
  line-height: 1.2;
  margin: 10px 0 15px 0;
  font-size: 16px; }
div#headLineTop h2 {
  overflow: hidden; }
div#bodyBlock div.item {
  padding: 15px 0 15px 0;
  overflow: hidden; }
div#headLineTop div.article {
  padding: 15px 0 15px 0;
  overflow: hidden; }
div#headLineTop div.pr {
  padding: 15px 0 15px 0;
  overflow: hidden;
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd; }
div#bodyBlock div.item:hover {
  background: #f5f5f5; }
div#headLineTop div.article:hover, div#headLineTop div.pr:hover {
  background: #f5f5f5; }
div#bodyBlock div.start, div#headLineTop div.start {
  margin: -1px 0 0 0;
  padding: 15px 0 15px 0;
  /*    border-top: 1px solid #cccccc;*/ }
div#bodyBlock div.start:hover, div#headLineTop div.start:hover {
  background: #f5f5f5; }
div#bodyBlock div.item div.image {
  text-align: center;
  float: left;
  width: 150px;
  display: block;
  height: auto;
  margin-right: 10px; }
div#headLineTop div.article div.floatL, div#headLineTop div.pr div.floatL {
  text-align: center;
  float: left;
  width: 150px;
  display: block;
  height: auto;
  margin-right: 10px; }
div#bodyBlock div.item div.image img {
  border: 1px solid #CCCCCC;
  padding: 0px;
  margin: auto;
  width: 148px; }
div#headLineTop div.article img, div#headLineTop div.pr img {
  border: 1px solid #CCCCCC;
  padding: 0px;
  margin: auto;
  width: 148px; }
div#bodyBlock div.item div.itemmain, div#headLineTop div.headBox {
  margin-left: 160px; }
div#headLine div.articleContents span.cateIcon {
  display: block;
  margin: 0; }
div#bodyBlockTop div.item div.subtitle, div#headLineTop div.articleContents span.caption {
  display: block;
  margin: 0;
  font-size: 12px;
  color: #666666; }
div#bodyBlockTop div.item div.title, div#headLineTop div.articleContents h3 {
  font-weight: bold;
  font-size: 122%;
  line-height: 1.3em;
  margin: 0 0 0 0px;
  padding: 0; }
div#bodyBlockTop div.item div.title a, div#headLineTop div.articleContents h3 a {
  color: #555555;
  text-decoration: none; }
div#bodyBlock div.item div.title a:hover, div#bodyBlock div.item div.title a:active {
  color: #555555;
  text-decoration: underline; }
div#headLineTop div.articleContents h3 a:hover, div#headLineTop div.articleContents h3 a:active {
  color: #555555;
  text-decoration: underline; }
div#bodyBlock {
  font-size: 13px;
  zoom: normal;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 25px; }
div#bodyBlock div.label h3 {
  font-size: 100%;
  padding: 10px 0 5px;
  line-height: 1.2;
  margin: 10px 0;
  font-size: 16px; }
div#headLine h3.date {
  font-size: 100%;
  padding: 7px;
  line-height: 1.2;
  margin: 10px 0;
  font-size: 18px; }
div#headLine h2 {
  overflow: hidden; }
div#bodyBlock div.item {
  margin: -1px 0 0 0;
  padding: 15px 0 15px 0;
  border-bottom: 1px dotted #CCC; }
div#headLine div.article, div#headLine div.pr {
  margin: -1px 0 0 0;
  padding: 15px 0 15px 0; }
div#bodyBlock div.start, div#headLine div.start {
  margin: -1px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #cccccc; }
div#bodyBlock div.item div.image {
  float: left;
  text-align: center;
  width: 110px;
  display: block; }
div#headLine div.article div.floatL, div#headLine div.pr div.floatL {
  float: left;
  text-align: center;
  width: 150px;
  display: block; }
div#bodyBlock div.item div.image img {
  border: 1px solid #CCCCCC;
  margin: auto;
  width: 150px;
  height: auto; }
div#headLine div.article img, div#headLine div.pr img {
  border: 1px solid #CCCCCC;
  padding: 2px;
  margin: auto;
  width: 100px;
  height: auto; }
div#bodyBlock div.item div.itemmain {
  margin-left: 170px; }
div#headLine div.headBox {
  margin-left: 170px; }
div#headLine div.articleContents span.cateIcon {
  display: block;
  margin: 0; }
div#bodyBlock div.item div.subtitle, div#headLine div.articleContents span.caption {
  display: block;
  margin: 0;
  color: #666666; }
div#bodyBlock div.item div.title, div#headLine div.articleContents h3 {
  font-weight: bold;
  font-size: 122%;
  line-height: 1.3em;
  margin: 10px 0;
  padding: 0; }
div.comment {
  margin: 0;
  padding: 0;
  line-height: 1.4; }
div#bodyBlock div.item div.title a, div#headLine div.articleContents h3 a {
  color: #111111;
  text-decoration: none; }
div#bodyBlock div.item div.title a:hover, div#bodyBlock div.item div.title a:active {
  color: #555555;
  text-decoration: underline; }
div#headLine div.articleContents h3 a:hover, div#headLine div.articleContents h3 a:active {
  color: #555555;
  text-decoration: underline; }
div.category {
  margin: 0 0 5px 0;
  padding: 0 5px;
  display: inline-block;
  background: #EEE;
  color: #545454;
  font-size: 12px; }

/* --------------------------------------
 headline
----------------------------------------- */
/* --------------------------------------
 article category font color
----------------------------------------- */
span.cateIcon {
  margin: 0 0 5px 0;
  padding: 0 5px;
  display: inline-block;
  background: #EEE;
  color: #545454;
  font-size: 12px; }

div.category {
  margin: 0 0 5px 0;
  padding: 0 5px;
  display: inline-block;
  background: #FFF;
  border: solid 1px #545454;
  color: #545454;
  font-size: 12px; }

span.prIcon {
  margin: 0 0 5px 0;
  padding: 0 5px;
  display: inline-block;
  background: #FFF;
  border: solid 1px #545454;
  color: #545454;
  font-size: 12px; }
span.subTitle {
  display: block;
  color: #666666;
  font-size: 13px;
  margin-bottom: 2px; }

/* --------------------------------------
 sub title
----------------------------------------- */
/* leftColumn
-----------------------------------------------------------------------------*/
.leftColumn {
  margin: 0 15px 0 0;
  padding: 0;
  width: 140px;
  float: left; }

#closeupNewBox, #closeupBox {
  background: #f8f8f8;
  padding: 10px; }

#closeupNewBox h2, #closeupBox h2 {
  border-bottom: none; }

/* --------------------------------------
 closeup 
----------------------------------------- */
#closeupNewBox.closeup {
  border-top: none;
  border-bottom: none; }

#closeupBox.closeup {
  border-top: none; }

.closeup {
  padding: 10px 0;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc; }
  .closeup:after {
    content: "";
    clear: both;
    display: block; }

#closeupNewBox .closeupWrap {
  margin: 0;
  padding: 0; }
#closeupNewBox ul > li {
  margin: 0;
  padding: 0 0 10px 0;
  line-height: 1.3;
  clear: both; }
  #closeupNewBox ul > li a {
    display: table; }
    #closeupNewBox ul > li a .floatL {
      display: table-cell; }
      #closeupNewBox ul > li a .floatL img {
        padding: 0;
        width: 100px;
        border: 1px solid #dcdcdc; }
    #closeupNewBox ul > li a .closeUpText {
      display: table-cell;
      vertical-align: middle;
      font-size: 16px;
      padding-left: 10px; }

/* --------------------------------------
 closeup 
----------------------------------------- */
#closeupBox.closeup {
  border-bottom: none; }
#closeupBox ul > li {
  margin-top: 10px;
  padding: 0;
  line-height: 1.4;
  float: left;
  width: 50%;
  min-height: 80px;
  overflow: hidden; }
  #closeupBox ul > li:nth-child(1), #closeupBox ul > li:nth-child(2) {
    margin-top: 0; }
  #closeupBox ul > li .floatL {
    width: 80px;
    float: left; }
    #closeupBox ul > li .floatL img {
      width: 100%; }
  #closeupBox ul > li .closeUpText {
    font-size: 12px;
    padding: 0 0px 0 10px;
    width: 125px;
    float: left; }
    #closeupBox ul > li .closeUpText:hover {
      text-decoration: underline; }

#closeupNewBox ul > li:last-child {
  padding-bottom: 0; }

/* --------------------------------------
 hometheater channel
----------------------------------------- */
#hometheater_ch {
  background: #f8f8f8;
  padding: 10px 10px 0; }

body.home #hometheater_ch.closeup h2 {
  border-bottom: none;
  padding: 0; }
  body.home #hometheater_ch.closeup h2 a {
    color: #00468c; }

#hometheater_ch ul > li {
  padding: 0;
  line-height: 1.4;
  float: left;
  width: 50%;
  min-height: 80px;
  overflow: hidden; }
  #hometheater_ch ul > li:nth-child(1), #hometheater_ch ul > li:nth-child(2) {
    margin-top: 0; }
  #hometheater_ch ul > li .floatL {
    width: 80px;
    float: left; }
    #hometheater_ch ul > li .floatL img {
      width: 100%; }
  #hometheater_ch ul > li .closeUpText {
    font-size: 12px;
    padding: 0 0px 0 10px;
    width: 125px;
    float: left; }
    #hometheater_ch ul > li .closeUpText:hover {
      text-decoration: underline; }

/* --------------------------------------
 more
----------------------------------------- */
div#moreEntry {
  background: #BBBBBB;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 7px 0;
  cursor: pointer; }
  div#moreEntry p {
    margin: 0;
    padding: 0; }
  div#moreEntry:hover {
    opacity: .85; }

/* --------------------------------------
 editorial letter
----------------------------------------- */
.editorialList {
  clear: both;
  margin: 0;
  padding: 0 0 20px 0;
  overflow: hidden;
  width: 220px; }

.editorialImg {
  float: left;
  margin: 10px 0;
  padding: 0; }
  .editorialImg img {
    width: 68px;
    margin: 0;
    padding: 0; }

.editorialText {
  float: right;
  width: 110px;
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 12px;
  line-height: 1.3; }
  .editorialText p a {
    color: #555555;
    text-decoration: none; }
    .editorialText p a:hover {
      color: #111111;
      text-decoration: none; }

p.otherMagazine {
  clear: both;
  font-size: 12px;
  text-align: center; }
  p.otherMagazine a {
    color: #555555; }
    p.otherMagazine a:hover {
      color: #000000;
      text-decoration: underline; }

/* --------------------------------------
 serial
----------------------------------------- */
/*.serialArea {
    clear: both;
    margin: 0 0 20px 0;
    padding: 0;
}

.serialArea ul {
    margin: 0 0 0 10px;
    padding: 0;
}

.serialArea ul > li {
    margin: 0 0 15px 0;
    padding: 0 0 0 10px;
    border-left: 4px solid #999999;
    font-size: 12px;
    line-height: 1.3;
}

.serialArea ul > li.top {
    margin: 10px 0 10px 0;
}

.serialArea ul.serial li a {
    color: #555555;
}

.serialArea ul.serial li a:hover {
    color: #000000;
    text-decoration: underline;
}

.serialArea ul > li p.serialAuthor {
    margin: 0;
    padding: 0;
    color: #999999;
    font-size: 11px;
}

.serialArea ul > li p.serialTitle {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #999999;
}
*/
/***************/
/* magazineBox */
/***************/
div#magazineBox {
  border-top: 2px solid #999999;
  background-color: #efefef;
  float: right;
  width: 200px;
  font-size: 13px; }
  div#magazineBox dl dt {
    background-color: #efefef; }
  div#magazineBox dl dd {
    position: relative; }
    div#magazineBox dl dd br {
      clear: both; }
    div#magazineBox dl dd img {
      margin-right: 5px;
      float: left;
      width: 48px;
      height: auto; }
    div#magazineBox dl dd a {
      display: block;
      font-size: 84%;
      line-height: 140%;
      text-decoration: none; }
  div#magazineBox div.blogContents a:hover, div#magazineBox div.blogContents a:active {
    text-decoration: underline; }
  div#magazineBox a.other {
    bottom: 0;
    font-size: 7.5pt;
    position: absolute;
    right: 5px; }
div#recommendBox {
  background-color: #F0F6F9;
  padding: 0 0 24px;
  margin: 10px 0 0; }
  div#recommendBox h3 {
    background-color: #D5E9F6;
    font-size: 14px;
    margin: 2px;
    padding: 4px 10px; }
  div#recommendBox ul {
    margin: 12px 0 0; }
    div#recommendBox ul > li {
      float: left;
      font-size: 84%;
      line-height: 140%;
      padding: 0 0 0 24px;
      width: 100px; }
      div#recommendBox ul > li span.image {
        margin-bottom: 10px;
        display: block; }

/***************/
/* recommendBox */
/***************/
/* timeline */
ul.time_line {
  line-height: 1.4; }
  ul.time_line li {
    color: #545454;
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: bold;
    word-break: break-all; }
    ul.time_line li p {
      font-weight: normal;
      color: #AAAAAA;
      padding: 0;
      font-size: 11px; }

.icon-refresh {
  position: relative;
  top: 2px;
  left: 9px; }

.more_entry {
  margin-top: 40px; }
  .more_entry p {
    font-weight: bold;
    font-size: 12px; }
  .more_entry ul li {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px; }

body.home div#main {
  clear: both;
  width: 960px;
  margin: 0 auto;
  padding-top: 25px; }
  body.home div#main:after {
    content: "";
    display: block;
    clear: both; }
body.home div#contentWrap {
  float: left;
  width: 660px;
  margin-bottom: 30px;
  margin-right: 0; }
body.home #content h2 {
  background: none;
  color: #00468C;
  padding: 0 0 10px 0;
  font-size: 16px;
  margin: 0 0 10px 0;
  font-size: 18px !important;
  width: auto;
  border-bottom: solid 2px #BBBBBB; }
  body.home #content h2 span {
    color: #9B9B9B;
    font-size: 12px;
    font-weight: normal;
    float: right; }
    body.home #content h2 span.sub-text {
      font-weight: bold; }
body.home #content #closeupNewBox h2, body.home #content #closeupBox h2 {
  border-bottom: none;
  padding: 0; }
body.home #content h2 span a {
  color: #9b9b9b;
  text-decoration: none; }
  body.home #content h2 span a:hover {
    color: #00468C;
    text-decoration: none; }

/*20170601 add*/

/*# sourceMappingURL=style_top.css.map */