@charset "utf-8";
/* ===================================================================
CSS information

file name : leaf.css
=================================================================== */

@import "photo.css?0623";
@import "magazine.css";
@import "webnatiogeo.css";
@import "sp_site.css";
@import "news.css?0704";

#article { background: #fff; padding: 20px 30px; }
#article #titleBox { margin-bottom: 30px }
#article #titleBox h1 { font-size: 1.6em; margin-bottom: 10px; border-left: solid 10px #FFDB00; padding-left: 10px; }
#article #titleBox .date { text-align: right; }
#defalutBody { padding: 0 30px; }
.articleBody p { margin-bottom: 20px; font-size: 14px; line-height: 2; }

/*ページネーション*/
.pageNav a {
  max-width:25px;
  padding: 4px 8px;
  text-align:center;
  line-height:25px;
  font-size:14px;
  text-decoration:none;
  border: solid 1px #c0c0c0;
}
.pageNav {
  text-align:center;
  margin: 0 auto 10px auto;
  padding: 20px 0 0 0;
  clear: both;
  width: 500px;
}
*:first-child+html #pages ul {
  overflow: hidden;
  _zoom: 1;
  padding: 5px 0;
}
.pageNav a {
  max-width:25px;
  padding: 4px 8px;
  text-align:center;
  line-height:25px;
  font-size:14px;
  text-decoration:none;
  border: solid 1px #c0c0c0;
}
.pageNav a:hover {
  color: #897d6f;
}
.pageNav a.on {
  font-weight:bold;
}
.pageNav a.prev {
  border: none;
  margin:0 3px;
  padding: 6px 0 6px 52px;
  text-decoration:none;
}
.pageNav a.prev:hover {
  color:#FFF;
}
.pageNav span.prev_off {
  border: none;
  margin:0 3px;
  padding: 6px 0 18px 52px;
  text-decoration:none;
}
.pageNav span.stay {
  background-color:#c0c0c0;
  color:#333333;
  padding:5px 8px;
  margin-bottom:15px;
  line-height:25px;
  font-size:14px;
}
.btmPageNav .pageNav .prevPage{
  border: none;
  margin:0 3px;
  padding:0;
  display:inline-block;
  max-width:none;
  width:82px;
  height:29px;
  background:url(/nng/images/n/2012/common/btn_page_prev.gif) left center no-repeat;
  *display:inline;
  *zoom:1;
}
.btmPageNav .pageNav .nextPage{
  border: none;
  margin:0 3px;
  padding:0;
  display:inline-block;
  max-width:none;
  width:82px;
  height:29px;
  background:url(/nng/images/n/2012/common/btn_page_next.gif) left center no-repeat;
  *display:inline;
  *zoom:1;
}
.btmPageNav .pageNav .prevPage span,
.btmPageNav .pageNav .nextPage span{
  display:inline-block;
  text-indent:-9999px;
}
.btmPageNav .pageNav .prevPage:hover{
  background:url(/nng/images/n/2012/common/btn_page_prev.gif) left center no-repeat;
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
.topPageNav .pageNav .nextPage:hover{
  btmPageNav:url(/nng/images/n/2012/common/btn_page_next.gif) left center no-repeat;
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
#mainContents #pagePrevNextNaviBottom{
  width:600px;
  margin:0 auto 20px auto;
  overflow:hidden;
  position:relative;
  top:-20px;
}
#mainContents #pagePrevNextNaviBottom .prev{
  float:left;
  display:inline-block;
  background:url(/nng/images/n/2012/common/mark_red3_left.gif) left center no-repeat;
  padding:0 0 0 23px;
  color:#3a3a3a;
  font-size:13px;
  vertical-align:middle;
  *display:inline;
  *zoom:1;
}
#mainContents #pagePrevNextNaviBottom .next{
  float:right;
  display:inline-block;
  background:url(/nng/images/n/2012/common/mark_red3_right.gif) right center no-repeat;
  padding:0 23px 0 0;
  color:#3a3a3a;
  font-size:13px;
  vertical-align:middle;
  *display:inline;
  *zoom:1;
}
/* top pagenav */
.topPageNav .pageNav{
  padding-top: 10px;
  text-align: right;
  width: 500px;
}
.topPageNav .pageNav p{
  text-align:right;
  font-size:10px;
}
.topPageNav .pageNav p span.stay{
  font-weight:bold;
}
.topPageNav .pageNav a{
  max-width: auto;
  padding: 0px 3px;
}
.topPageNav .pageNav span.stay{
  padding: 1px 4px;
}


/* 記事本文下部のコンテンツ用定義 */
.bottomMoreLinkArea{
  display:block;
  text-align:right;
  padding:5px 0;
}
#mainContents .articleBottomContents{
  clear:both;
  margin:30px 0;
  overflow:hidden;
}
#mainContents .articleBottomContents h3{
  background:url(/nng/images/n/2012/common/title_yellow_bg.gif) left 3px no-repeat;
  padding:0 11px 0 13px;
  font-size: 16px;
  line-height: 21px;
  display:inline;
  *float:left;
}
#mainContents .articleBottomContents .linkBtn{
  float:right;
  font-size:12px;
  margin:0 0 3px 0;
}
#mainContents .articleBottomContents .contentsBox{
  background:#fff;
  border-top:1px dotted #bfbfbf;
  border-bottom:1px dotted #bfbfbf;
  clear:both;
  overflow:hidden;
  margin:3px 0 0 0;
  *height:1%;
}
#mainContents .articleBottomContents .contentsBox ul {
  padding:10px 15px 5px;
}
#mainContents .articleBottomContents .contentsBox li {
  background:#FFFFFF url(/nng/images/n/2011/common/icon_01.gif) no-repeat left 7px;
  margin:0 0 3px 0;
  padding:0 0 0 10px;
  font-weight:bold;
}
#mainContents .articleBottomContents .contentsBox ul.listLeft {
  width:310px;
  float:left;
  padding:10px 0 10px 15px;
}
#mainContents .articleBottomContents .contentsBox ul.listRight {
  width:310px;
  float:right;
  padding:10px 15px 10px 0;
}
#mainContents .articleBottomContents .interviewBox{
  border-top:1px dotted #bfbfbf;
  clear:both;
  overflow:hidden;
  margin:3px 0 0 0;
  *height:1%;
}
#mainContents .articleBottomContents .imageBox{
  background:#fff;
  border-top:1px dotted #bfbfbf;
  border-bottom:1px dotted #bfbfbf;
  clear:both;
  overflow:hidden;
  margin:3px 0 0 0;
  *height:1%;
}
#mainContents .articleBottomContents .imageBox ul{
  padding:0 0 0 15px;
  overflow:hidden;
}
#mainContents .articleBottomContents .imageBox li{
  width:140px;
  text-align:center;
  font-weight:bold;
  float:left;
  padding:15px 10px 5px 10px;
}
#mainContents .articleBottomContents .imageBox a,
#mainContents .articleBottomContents .imageBox a.overLine{
  display:inline-block;
  float:none;
  overflow:hidden;
  text-align:left;
  clear:both;
  max-width:120px;
  *zoom:1;
  min-width:6em;
}
#mainContents .articleBottomContents .imageBox a img,
#mainContents .articleBottomContents .imageBox a.overLine img{
  float:none;
  width:auto;
  height:auto;
  max-width:120px;
  max-height:100px;
  *width:120px;
  *height:auto;
}
#mainContents .articleBottomContents .imageBox a:hover img{
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
#mainContents #specialTop .articleBottomContents .imageBox ul{
  padding:5px 0 0 10px;
}
#mainContents #specialTop .articleBottomContents .imageBox li{
  width:120px;
  padding:10px 10px 0 10px;
}
#mainContents #specialTop .articleBottomContents .imageBox a{
  max-width:120px;
}
#mainContents #photographer .articleBottomContents{
  margin:0;
  padding:20px 0 0 0;
}
#mainContents #photographer .articleBottomContents h3.portfolio{
  display:block;
  background:none;
  width:610px;
  padding:0 0 5px 0;
  border-bottom:1px dotted #bfbfbf;
}
#mainContents #photographer .articleBottomContents .imageBox{
  width:610px;
  overflow:hidden;
  border:none;
}
#mainContents #photographer .articleBottomContents .imageBox ul{
  width:650px;
  padding:10px 0 0 0;
}
#mainContents #photographer .articleBottomContents .imageBox li{
  width:130px;
  padding:0 30px 0 0;
}
#mainContents #photographer .articleBottomContents .imageBox a{
  max-width:128px;
  margin:0 0 5px 0;
}
#mainContents #photographer .articleBottomContents .imageBox a img,
#mainContents #photographer .articleBottomContents .imageBox a.overLine img{
  float:none;
  width:auto;
  height:auto;
  max-width:128px;
  max-height:100px;
}
* html body #mainContents #photographer .articleBottomContents .imageBox a img,
* html body #mainContents #photographer .articleBottomContents .imageBox a.overLine img{
  width: expression(document.body.clientWidth > 129? "128px" : "auto");
  height: expression(document.body.clientHeight > 101? "100px" : "auto");
}
#mainContents #photographer .articleBottomContents .contentsBox{
  border:none;
}
#mainContents #photographer .articleBottomContents .contentsBox ul{
  padding:10px 0 0 0;
}
#mainContents .articleBottomContents .contentsBox li {
  background:#FFFFFF url(/nng/images/n/2012/common/icon_06.gif) left 0.4em no-repeat;
  margin:0 0 3px 0;
  padding:0 0 0 15px;
  font-weight:bold;
}
#mainContents #categoryNewestList{
  display:none;
}




/* 特集・写真家・購入BOX */
#mainContents .specialLinkBox{
  display:block;
  margin:10px 15px 0 15px;
  padding:1px 0;
  border-top:1px dotted #bfbfbf;
  overflow:hidden;
  *height:1%;
  *padding:1px 0 15px 0;
}
#mainContents .specialLinkBox h3{
  display:block;
  text-align:left;
  font-size:15px;
  line-height:1.2;
  font-weight:bold;
  background:url(/nng/images/n/2012/common/title_gray_bg.gif) left 2px no-repeat;
  padding:0 0 0 10px;
  margin:0 0 3px 0;
}
#mainContents .specialLinkBox .specialBox{
  display:block;
  width:410px;
  margin:10px 0 15px 0;
  vertical-align:top;
  float:left;
  overflow:hidden;
  *height:1%;
}
#mainContents .specialLinkBox .specialBox h4{
  display:block;
  font-size:13px;
  line-height:1.2;
  font-weight:bold;
  margin:0 0 8px 0;
}
#mainContents .specialLinkBox .specialBox .image{
  width:120px;
  float:left;
  display:block;
  margin:0 10px 0 0;
}
#mainContents .specialLinkBox .specialBox .image img{
  width:118px;
  border:1px solid #d6d6d6;
}
#mainContents .specialLinkBox .specialBox .text{
  font-size:11px;
  line-height:1.3;
}
#mainContents .specialLinkBox .specialBox .link{
  display:block;
  margin:8px 0 0 0;
}
#mainContents .specialLinkBox .photographerBox{
  display:block;
  margin:10px 0 15px 0;
  width:220px;
  vertical-align:top;
  float:right;
  overflow:hidden;
  *height:1%;
}
#mainContents .specialLinkBox .photographerBox h3{
  margin:0 0 7px 0;
}
#mainContents .specialLinkBox .photographerBox .image{
  width:90px;
  float:left;
  display:block;
  margin:0 10px 0 0;
}
#mainContents .specialLinkBox .photographerBox .image img{
  max-width:90px;
  max-height:90px;
}
* html body #mainContents .specialLinkBox .photographerBox .image img{
  width: expression(document.body.clientWidth > 91? "90px" : "auto");
  height: expression(document.body.clientHeight > 91? "90px" : "auto");
}
#mainContents .specialLinkBox .photographerBox .text{
  font-size:12px;
  line-height:1.2;
  font-weight:bold;
}
#mainContents .specialLinkBox .photographerBox .link{
  margin:20px 0 0 0;
}
#mainContents .specialLinkBox .photographerBox .link a{
  background:url(/nng/images/n/2012/common/icon_04.gif) left center no-repeat;
  padding:0 0 0 15px;
  font-size:12px;
  line-height:1.2;
  font-weight:bold;
}
#mainContents .specialLinkBox .subscribeBox{
  float:left;
  margin:10px 0 15px 0;
}
#mainContents #visionsDetail .specialLinkBox,
#mainContents #wallPaper .specialLinkBox,
#mainContents #flashBack .specialLinkBox{
  margin:10px 0 0 0;
  padding:1px 15px;
  *padding:1px 15px 15px 15px;
}




/* 購入BOX */
#mainContents .subscribeBox{
  display:block;
  width:411px;
  background:url(/nng/images/n/2012/common/subscribe_bg_bottom.gif) left bottom no-repeat;
  margin:15px 0;
}
#mainContents .subscribeBox .inner{
  display:block;
  width:381px;
  background:url(/nng/images/n/2012/common/subscribe_bg_top.gif) left top no-repeat;
  padding:15px;
  overflow:hidden;
  *height:1%;
}
#mainContents .subscribeBox .inner .magimg{
  display:block;
  width:90px;
  float:left;
  margin:0 15px 0 0;
}
#mainContents .subscribeBox .inner .right{
  position:relative;
  overflow:hidden;
  *height:1%;
}
#mainContents .subscribeBox .inner h3{
  display:block;
  background:url(/nng/images/n/2012/common/title_yellow_bg.gif) left 3px no-repeat;
  padding:0 11px 0 13px;
  font-size: 16px;
  line-height: 21px;
  text-align:left;
}
#mainContents .subscribeBox .inner .detailLink{
  display:block;
  background:url(/nng/images/n/2012/common/icon_04.gif) left center no-repeat;
  font-size: 12px;
  font-weight:bold;
  padding:0 0 0 15px;
  position:absolute;
  right:5px;
  top:0;
}
#mainContents .subscribeBox .inner .detailText{
  font-size:11px;
  line-height:1.4;
}
#mainContents .subscribeBox .inner .btnBox{
  display:block;
  background:url(/nng/images/n/2012/common/subscribe_border.gif) left top repeat-x;
  margin:8px 0 0 0;
  padding:10px 0 0 0;
  overflow:hidden;
  *height:1%;
}
#mainContents .subscribeBox .inner .btnBox .title{
  display:block;
  margin:0 0 3px 0;
}
#mainContents .subscribeBox .inner .subscribeLink{
  display:block;
  background:url(/nng/images/n/2012/common/subscribe_border.gif) left top repeat-x;
  margin:11px 0 0 0;
  padding:11px 0 0 0;
  overflow:hidden;
  *height:1%;
}
#mainContents .subscribeBox a:hover img{
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
#mainContents #specialTop .subscribeBox{
  display:block;
  width:400px;
  background:url(/nng/images/n/2012/common/subscribe_bg_bottom_s.gif) left bottom no-repeat;
}
#mainContents #specialTop .subscribeBox .inner{
  display:block;
  width:370px;
  background:url(/nng/images/n/2012/common/subscribe_bg_top_s.gif) left top no-repeat;
}



/* contents */
.articleBody h4 {
  font-size:16px;
  margin-bottom:20px;
}
.articleBody div.right {
  float: right;
  padding-left: 10px;
}
.articleBody div.left {
  float: left;
  padding-right: 10px;
}
.articleBody div.center {
  text-align: center;
  margin: 0 auto;
}
.articleBody .bplead {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
    padding: 15px 20px 10px;
}

/* 図（回り込み：左）右配置 */
#mainContents .bpimage_right {
  float:right;
  margin: 0 0 15px 15px;
}
/* 図（回り込み：右）左配置 */
#mainContents .bpimage_left {
  float:left;
  margin: 0 15px 15px 0;
}
/* 図（スタンダード）中央配置 */
#mainContents .bpbox_center {
  clear:both;
  border: none;
  text-align:center;
}
#mainContents .bpimage_center {
  width:500px;
  margin: 0 auto 25px;
}
.bpimage_left,
.bpimage_right,
.bpimage_center,
.captionOne{
  background-color:#666666;
  color:#FFFFFF;
}

/* 図（縦積み） */
#mainContents .bpbox_right{
  float:right;
  clear:right;
  margin:0 0 10px 10px;
  font-size:90%;
}
#mainContents .bpbox_left{
  float:left;
  clear:left;
  margin:0 10px 10px 0;
  font-size:90%;
}
#mainContents .bpbox_right p,
#mainContents .bpbox_left p{
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 10px;
  padding:0 10px;
}

/* 画像クリック */
#mainContents .bpimage_click {
  color: #666;
  font-size: 85%;
  padding: 3px 10px 5px 0;
  text-align: right;
}
#mainContents #webNatiogeoSeries .bpimage_click {
  background-color: #f5f5f5;
}
#mainContents #specialTop .bpimage_click {
  color: #fff;
}
#mainContents #newsArticle .bpimage_click {
  color: #888;
}

/* 画像のキャプション */
#mainContents .bpimage_title {
  font-weight: bold;
  padding: 5px 10px;
  text-align:left;
}
#mainContents .bpimage_caption {
  padding: 5px 10px;
  margin: 0px;
  text-align:left;
}

/* webナショ キャプション、リンクカラー（ダブル以外にも適用可能） */
#webNatiogeoSeries .bpimage_caption a.white {
  color: #FFFFFF;
  text-decoration: underline;
}
#webNatiogeoSeries .bpimage_caption a.white:hover {
  color: #fedc00;
  text-decoration: none;
}
#webNatiogeoSeries .bpimage_caption a.black {
  color: #333333;
  text-decoration: underline;
}
#webNatiogeoSeries .bpimage_caption a.black:hover {
  color: #fedc00;
  text-decoration: none;
}
/* webナショ キャプション、フォントカラー（Class追加） */
#webNatiogeoSeries .bpimage_caption.black {
  color:#555555; /* 黒にする場合 */
}
#webNatiogeoSeries .bpimage_caption.white {
  color:#FFFFFF; /* 白にする場合 */
}

/* */
.synopsis {
  font-weight: bold;
}

/* 質問 */
.bpquestion{
  font-weight:bold;
}
/* 囲み */
.articleBody .bpbox {
  padding: 5px 10px;
  margin-bottom: 1.5em;
  background-color: #BBCCEE;
  color: #444;
  font-size:0.81em;
  line-height: 1.1em;
}
.articleBody .bpbox2 {
  padding: 5px 10px;
  margin-bottom: 1.5em;
  background-color: #ececec;
  font-size:0.81em;
  line-height: 1.1em;
}
.articleBody .bpbox3 {
  padding: 5px 10px;
  margin-bottom: 1.5em;
  background-color: #f4eed5;
  font-size:0.81em;
  line-height: 1.1em;
}
.articleBody .bpbox .bpbox_text,
.articleBody .bpbox2 .bpbox_text,
.articleBody .bpbox3 .bpbox_text {
  margin:7px 0px;
  font-size:0.95em;
}
/* 訂正文 */
.articleBody .bpteisei_box {
  margin:1em 0;
  text-align:right;
}
.articleBody .bpteisei {
  margin-left:auto;
  width: 480px;
  padding: 5px;
  line-height: 130%;
  color: #000000;
  text-align: left;
  font-size:10pt;
}
/* 図（二つ並び） */
#mainContents .bpimage_double {
  width:500px;
  overflow:hidden;
  margin:20px auto;
  text-align:center;
  border: none;
}
#mainContents .bpimage_double .bpimage_left {
  margin:0;
  text-align:left;
}
#mainContents .bpimage_double .bpimage_right {
  margin:0;
  text-align:left;
}
#mainContents .bpimage_double .bpimage_caption {
  clear: both;
}
/* キャプションが１つの場合は外の囲みに設定 */
.captionOne {
  background-color:#666666;
  color:#FFFFFF;
  margin:0 auto;
}
/* 図（三つ並び） */
#mainContents .bpimage_triple {
  width:500px;
  margin:10px auto;
  text-align:center;
  padding: 0;
  border: none;
}
#mainContents .bpimage_triple .bpimage_wrap {
  margin:0;
  float:left;
  padding: 0;
  border: none;
}
#mainContents .bpimage_triple .bpimage_left {
  float:left;
  margin:0;
  margin-right:10px;
  text-align:left;
}
#mainContents .bpimage_triple .bpimage_center {
  float:left;
  margin:0;
  text-align:left;
}
#mainContents .bpimage_triple .bpimage_right {
  float:right;
  margin:0;
  margin-left:10px;
  text-align:left;
}
/* 図（縦積み） */
#mainContents .bpbox_left {
  float:left;
  margin:10px 10px 10px 0;
}
#mainContents .bpbox_right {
  float:right;
  margin:10px 0 10px 10px;
}
#mainContents .bpimage_set {
  margin:0 0 10px 0;
  padding: 9px;
  border: solid 1px #d3cac3;
}
/*写真左のリスト表示　bplist*/
.articleBody .bplist a:link {
  color: #333333 !important;
  text-decoration: none !important;
}
.articleBody .bplist a:visited {
  color: #888888 !important;
  text-decoration: none !important;
}
.articleBody .bplist a:hover {
  color: #333333 !important;
  text-decoration: underline !important;
}
.articleBody .bplist a:visited:hover {
  color: #333333 !important;
  text-decoration: underline !important;
}
.articleBody .bplist {
  margin-top: 50px;
}
.articleBody .bplist ul {
  float: left;
  clear: both;
  margin-bottom: 10px;
  margin-top: -10px;
}
* html .articleBody .bplist ul {
  margin-bottom: -30px;
}
*:first-child+html .articleBody .bplist ul {
  margin-bottom: 30px;
}
.articleBody .bplist ul li {
  float: left;
  margin-bottom: 30px;
}
.articleBody .bplist ul li img {
  float: left;
  margin-right: 20px;
  vertical-align: top;
}
.articleBody .bplist ul li .bplist_wrap {
  float: left;
  width: 390px;
  line-height: 0;
}
.articleBody .bplist div {
  line-height: 1.5;
}
.articleBody .bplist .bplist_columntitle {
  display: inline;
  color: #727171;
  font-size: 0.7em;
  font-weight: bold;
}
.articleBody .bplist .bplist_date {
  display: inline;
  padding-left: 20px;
  color: #727171;
  font-size: 0.7em;
  font-weight: normal;
}
.articleBody .bplist .bplist_title {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.2;
}
.articleBody .bplist .bplist_summary {
  font-size: 0.7em;
}
/* 囲みタイトル */
.articleBody .bptitle_box {
  margin-bottom:5px;
  background:#223a70;
  display: block;
  padding: 5px;
  font-weight: bold;
}
/* 囲み1 */
.articleBody .bpframe {
  margin:1em auto 20px;
  width:500px;
  text-align: center;
  padding: 2px;
  clear: both;
}
.articleBody .bpframe .bpbox_text {
  margin: 3px;
  padding:5px 3px 3px 3px;
  text-align: left;
  line-height: 150%;
  color: #000000;
background-color:clear: both;
  height: 90%;
}
.articleBody .bpframe h4 {
  font-size:12px;
}
/*１文字目大きく*/
.articleBody .bpframe span,
.articleBody .bpbox span {
  float:left;
  font-size: 2.2em;
  font-weight: bold;
  padding-right: 3px;
  line-height: 1.1;
}
/* 囲み2 */
.articleBody .bpbox {
  margin:1em auto 20px;
  width:500px;
  text-align: center;
  padding: 15px;
}
.articleBody .bpbox .bpbox_text {
  text-align: left;
}
.articleBody .bpimage_double,
.articleBody .bpimage_triple,
.bpprofile:after {
  overflow: hidden;
  _zoom: 1;
}

/* 汎用囲み */
.articleBody .kakomi{
  display:block;
  padding:10px;
  margin:20px 0;
  border: 1px solid #D7D7D7;
  overflow:hidden;
  font-size:12px;
  line-height:1.5;
}