@charset "utf-8";
/* ===================================================================
CSS information
 file name : photowide.css
 use : 
  Photo Stories - article
  Photo of the Day - article
=================================================================== */
/*----------------------------------------------------
コンテンツ幅のリセット
----------------------------------------------------*/
#contents #mainContents {
  float: none;
  width: 1000px;
}
#article {
  background:none;
  padding:0;
}

/*----------------------------------------------------
topAdArea common
----------------------------------------------------*/
#topAdArea{
  width: 1000px;
  margin: 6px 0 26px;
}
#topAdArea > div,
#topAdArea > div p {
  margin: 0 auto !important;
  text-align: center;
}

/*----------------------------------------------------
subscriptionBox
----------------------------------------------------*/
.subscriptionBox{
  margin: 60px 0 80px;
}

/*----------------------------------------------------
articleMainphotoBox
----------------------------------------------------*/
.articleMainphotoBox{
  padding-bottom: 30px;
  text-align: center;
}

/*-------------------------
sns aria common
-------------------------*/
#mainContents .toolbox ul.bookmarks li{
  display: inline-block;
  vertical-align: top;
}

/*----------------------------------------------------
articleInner (common)
----------------------------------------------------*/
.articleInner:before,
.articleInner:after {
  content: " ";
  display: table;
}
.articleInner:after {
  clear: both;
}
.articleInner{
  *zoom: 1;
}

/* add news style*/
#kiji .box {
  margin-bottom: 40px;
  text-align: center;
}
#kiji .box small {
  display: block;
  width: 400px;
  margin: 5px auto 0;
  text-align: left;
}
#mainContents .articleInner h3{
  display: block;
  width: 580px;
  margin: 0 auto 20px;
  font-size: 18px;
}

/*-------------------------
page navi (Photo Stories)
-------------------------*/
ul.psnavi:before,
ul.psnavi:after {
  content: " ";
  display: table;
}
ul.psnavi:after {
  clear: both;
}
ul.psnavi{
  margin-top: 32px;
  *zoom: 1;
}
.psnavi li{
  display: block;
  width: 500px;
  font-size: 14px;
  line-height: 16px;
}
.psnavi li a{
  display: block;
  padding: 0 20px;
  color: #003660;
  font-weight: bold;
}
.psnavi li.pre{
  float: left;
}
.psnavi li.pre a{
  text-align: left;
  background: url(/nng/images/n/2016/photo/image_navi_arrow_pre.png) no-repeat left center;
}
.psnavi li.next{
  float: right;
}
.psnavi li.next a{
  text-align: right;
  background: url(/nng/images/n/2016/photo/image_navi_arrow_next.png) no-repeat right center;
}

/*----------------------------------------------------
bottomAdArea (common)
----------------------------------------------------*/
#contents #mainContents .bottomAdArea:before,
#contents #mainContents .bottomAdArea:after {
  content: " ";
  display: table;
}
#contents #mainContents .bottomAdArea:after {
  clear: both;
}
#contents #mainContents .bottomAdArea{
  *zoom: 1;
}