@charset "UTF-8";
/* -- structure -- */
.lyt-smx2 #page-top,
.lyt-smx.solid #page-top {
  width: 960px;
  margin: 0 auto;
  z-index: 2;
}

.lyt-smx div.header .logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 127px;
  height: 100px;
  display: table;
  z-index: 10;
}
.lyt-smx div.header .logo span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
* + html .lyt-smx div.header .logo span {
  padding-top: 10px;
  display: inline;
  zoom: 1;
}

.lyt-smx.solid div.header .logo {
  position: relative;
  float:left;
  height: 114px;
  vertical-align: middle;
}
.lyt-smx.solid div.header div.ad {
  padding: 0;
  text-align:center;
}

.lyt-smx.solid div.header,
.lyt-smx2 div.header {
  position: relative;
}
.lyt-smx.solid div.header .logo,
.lyt-smx2 div.header .logo {
  float: left;
  width: 164px;
  max-width:216px;
  height: 125px;
  display: table;
}
.lyt-smx.solid div.header .logo span,
.lyt-smx2 div.header .logo span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.lyt-smx.solid div.header div.ad,
.lyt-smx2 div.header div.ad {
  float:left;
  width: 796px;
  height: 125px;
  text-align: center;
}
.lyt-smx.solid div.header div.ad div,
.lyt-smx2 div.header div.ad div {
  display: table-cell;
  height: 125px;
  width: 796px;
  vertical-align: middle;
  background-color: #fff;
}
.lyt-smx.solid div.header .slogo + div.ad,
.lyt-smx.solid div.header .slogo + div.ad div,
.lyt-smx2 div.header .slogo + div.ad,
.lyt-smx2 div.header .slogo + div.ad div {
  width:744px;
  height: 139px;
}
* html .lyt-smx.solid div.header div.ad,
* html .lyt-smx2 div.header div.ad {
  width:744px;
  height: 125px;
}
* html .lyt-smx.solid div.header div.ad div,
* html .lyt-smx2 div.header div.ad div {
  padding-top: 15px;
}
* + html .lyt-smx.solid div.header div.ad div,
* + html .lyt-smx2 div.header div.ad div {
  padding-top: 15px;
}
div.header .slogo {
  position: absolute;
  bottom: 5px;
  left: 84px;
}
.lyt-smx2 div.header div.ad {
  _padding-left: 160px;
}
.lyt-smx2 div.header .logo {
  _position: absolute;
  _clear:both;
  _top:0;
  _left:-960px;
  _z-index: 2;
}

.lyt-smx div.watch-color {
  width: 127px;
}

.lyt-smx.solid div.watch-color {
  width: 164px;
}

.lyt-smx div.content,
.lyt-smx2 div.content {
  position: relative;
  margin: 0;
  padding: 0 0 1px;
  min-width: 1071px;
}
.lyt-smx2 div.content {
  min-width: 960px;
  width: 960px;
  max-width: 960px;
  background-color: #fff;
}
.lyt-smx.solid div.content {
  min-width: 960px;
  width: 960px;
}

.lyt-smx div.main-wrap,
.lyt-smx2 div.main-wrap {
  float: left;
  width: 100%;
}

.lyt-smx.solid div.main-wrap {
}
.lyt-smx div.main {
  margin: 0 300px 0 127px;
  padding: 20px 13px 30px 13px;
  min-width: 600px;
  overflow: hidden;
}
.lyt-smx2 div.main {
  margin: 0 300px 0 0;
  padding: 20px 13px 30px 5px;
  min-width: 642px;
  max-width: 642px;
  width: 642px;
  overflow: hidden;
}
.lyt-smx.solid div.main {
  width: 470px;
  min-width: 470px;
  margin-left: 164px;
  background-color: #fff;
}

.lyt-smx div.sub {
  float: left;
  margin-left: -100%;
  padding-top: 100px;
  width: 127px;
  z-index: 3;
}
.lyt-smx.solid div.sub {
  padding-top: 0;
  width: 164px;
}

.lyt-smx div.extra,
.lyt-smx2 div.extra {
  float: left;
  width: 300px;
  margin-left: -301px;
  padding-top: 20px;
  z-index: 3;
}
.lyt-smx2 div.extra {
  _clear:both;
  _overflow: visible;
}

.lyt-smx2 div.footer {
  _z-index:0;
  _width:660px;
  zoom:1;
}

.lyt-smx.solid div.extra {
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
/* -- clear -- */
.lyt-smx div.content,
.lyt-smx2 div.content {
  zoom: 1;
}
* html .lyt-smx div.content,
* html .lyt-smx2 div.content,
.lyt-smx * html div.content,
.lyt-smx2 * html div.content {
  height: 1px;
}
.lyt-smx div.content:after,
.lyt-smx2 div.content:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  content: "";
}

/* -- parts -- */
.hdg-01 {
  margin: 0 0 13px;
  border: 1px solid #dadada;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  font-size: 130%;
}
.hdg-01 span {
  display: block;
  padding: 4px 5px;
  border-top-width: 5px;
  border-style: solid;
}

.hdg-02 {
  margin: 0 0 10px;
  padding: 2px 5px 4px;
  font-size: 100%;
  font-weight: bold;
}

.hdg-04 {
  position: relative;
  margin: 0 0 8px;
  padding: 3px 10px 4px 26px;
  border: 1px solid #d9d9d9;
  vertical-align: middle;
}
.hdg-04:before {
  display: block;
  position: absolute;
  top: 13px;
  left: 10px;
  width: 7px;
  height: 7px;
  content: "";
}
p + .hdg-04,
ul + .hdg-04,
dl + .hdg-04,
table + .hdg-04,
div + .hdg-04 {
  margin-top: 30px;
}

.hdg-image-01 {
  margin: 0 0 10px;
  text-align: center;
}

.hdg-image-02 {
  margin: 0 0 15px;
  text-align: center;
}

#blog-list-box .blog-page {
  position: relative;
  margin: 0 0 20px;
  padding: 20px 8px 0;
  border: 1px solid #ddd;
  border-top: 3px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 3px #d7d7d7;
  -moz-box-shadow: 1px 1px 3px #d7d7d7;
  box-shadow: 1px 1px 3px #d7d7d7;
}
#blog-list-box .blog-page:before {
  display: block;
  position: absolute;
  top: -5px;
  left: 0;
  float: left;
  width: 200px;
  height: 4px;
  content: "　";
}

#blog-list .blog-page {
  position: relative;
  margin: 0 0 20px;
  padding: 20px 0;
  border-top: 3px ridge #ccc;
}
#blog-list .blog-page:first-child {
  border-top: 0;
}

div.nav-04 {
  min-height:1em;
}
div.nav-04 ul.number li span {
  padding: 1px 4px;
  border: 1px solid #999;
  background-color: #d9d9d9;
  color: #666;
}
div.nav-04 ul.number li a.current {
  padding: 1px 4px;
  border: 1px solid #999;
}

* img.block {
  display: block!important;
}

.box-nav.category-tree ul.layer-0 >li,
.box-nav.category-tree ul.layer-0 > li > ul  {
  margin: 0;
}

.box-nav.category-tree ul.layer-2 {
  display: none;
  margin-top: 10px;
  margin-bottom: 0;
}
.box-nav.category-tree  li.selected-parent,
.box-nav.category-tree  ul.selected-parent,
.box-nav.category-tree  ul.selected-child {
  display: block;
}

p.pgh-articleinfo-01 {
  margin: 0 0 6px;
  text-align: right;
  line-height: 1.4;
}
p.pgh-articleinfo-01 .pubdate {
  display: block;
}

div.contents-lead div.image-wrap {
  margin-bottom: 15px;
}

.ad_backnumber_large,
.ad_sitebacknumber_large,
.ad_backnumber_cpremium,
.ad_sitebacknumber_cpremium {
  text-align: center;
}
.ad_backnumber_large > div,
.ad_sitebacknumber_large > div {
  margin: 0 auto 10px auto;
}
.ad_backnumber_cpremium > div,
.ad_sitebacknumber_cpremium > div,
#ad-centerpremium {
  margin: -10px auto 10px auto;
}

#leftpane-tree ul.layer-0 > li.layer-0 {
  padding-top: 5px;
}
#leftpane-tree ul.layer-0 > li.layer-0 > span {
  font-size: 110%;
}
#leftpane-tree ul.layer-1 {
  margin-top: 5px;
  margin-left: 10px;
}
#leftpane-tree ul.layer-1 > li:last-child:after {
  background-color: transparent;
}

.box-01.sublist .hdg {
  font-weight: bold;
}
.box-01.sublist ul {
  margin-bottom: 0;
}
.box-01.sublist ul.list-02 li.item {
  border-bottom: 0px none transparent;
  font-size: 85%;
  line-height: 1.4em;
  margin-bottom: 0;
}
.box-01.sublist ul.list-02 > li .date {
  font-size: 100%;
}

div.sitebacknumber.category > div#page-title > div.backno-lead {
  margin-bottom: 10px;
}
div.sitebacknumber.category > div#page-title > div.backno-lead > div.text-wrap {
  padding-left: 5px;
}

/* rsky special topics ranking */
div#ranking-placeholder div.ranking-right {
  width: 296px;
  height: 246px;
  border: 2px solid #000;
  overflow: hidden;
}
div#ranking-placeholder div.ranking-right h3.header {
  background-color: #fff;
  color: #333;
  padding-left: 30px;
}
div#ranking-placeholder div.ranking-right h3.header.twitter {
  background-image: url("/include/common/p01/images/twitter-bird-dark-bgs.png");
  background-repeat: no-repeat;
  background-position: center left;
}
div#ranking-placeholder div.ranking-right h3.header.access {
  background-image: url("/include/common/p01/images/icon_rank.png");
  background-repeat: no-repeat;
  background-position: center left;
}
div#ranking-placeholder div.ranking-right ul.ranking {
  margin: 3px 0;
}
div#ranking-placeholder div.ranking-right ul.ranking li.item {
  border-top: 1px dotted #000;
  font-size: 90%;
  clear: both;
  line-height: 1.2;
  padding: 3px;
  margin: 3px 3px 0;
}
div#ranking-placeholder div.ranking-right ul.ranking li.item.rank1 {
  border-top: none;
  margin-top: 0;
}
div#ranking-placeholder div.ranking-right ul.ranking li.item.selected {
  background-color: #f9f9f9;
}
div#ranking-placeholder div.ranking-right ul.ranking li.item div.rank {
  float: left;
  border: 2px solid #000;
  border-radius: 5px;
  background-color: #000;
  color: #ccc;
  line-height: 1.0;
  padding: 0 3px;
  margin-right: 3px;
  text-align: center;
}
div#ranking-placeholder div.ranking-right ul.ranking li.item div.text {
  float: none;
  margin: 0 0 0 15px;
}
div#ranking-placeholder div.ranking-right ul.ranking li.item div.text p {
  margin-bottom: 0;
}
div#ranking-placeholder div.ranking-right ul.ranking li.item div.text p.outline {
  font-size: 90%;
}

/* for IE11 */
div.sub div.box-nav ul.nav-fold li.bmly ul li {
  overflow-y: hidden;
}

/* ------------------------------- */
div.gallery-wrap {
  background-color: #ddd;
  padding: 0 20px;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none; /* Safari、Old Chrome */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10 */
  user-select: none;
}
div.gallery {
  overflow: hidden;
}
div.gallery > div.gallery-inner {
  position: relative;
  transition: left 0.2s ease;
}
div.gallery > div.gallery-inner > ul.gallery {
  display: table-row;
  height: 108px;
}
div.gallery > div.gallery-inner > ul.gallery > li {
  display: table-cell;
  vertical-align: middle;
  padding: 4px 2px;
}
div.gallery > div.gallery-inner > ul.gallery img {
  max-width: 120px;
  max-height: 100px;
}
div.gallery-wrap div.gallery-left {
  position: absolute;
  left: -5px;
  top: 0;
  height: 86px;
  width: 38px;
  opacity: 0.4;
  background: url(/include/common/p01/images/gallery/gallery_left.png) left 16px no-repeat;
}
div.gallery-wrap div.gallery-right {
  position: absolute;
  right: -5px;
  top: 0;
  height: 86px;
  width: 38px;
  opacity: 0.4;
  background: url(/include/common/p01/images/gallery/gallery_right.png) right 16px no-repeat;
}

.ad_backnumber_sideshuffle, .ad_sitebacknumber_sideshuffle {
  text-align: center;
}

ul.list-02 li.item div.body div.image img {
  max-width: 100px;
}