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

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

@import "default.css";
@import "gnav-201406.css";

/*----------------------------------------------------
　基本設定、リンクカラーなど
----------------------------------------------------*/
a:focus {
	outline:none;
}
a:link {
	color:#4d4d4d;
	text-decoration: none;
}
a:visited {
	color:#8d8d8d;
	text-decoration: none;
}
a:hover {
	color:#fedc00;
	text-decoration: underline;
}
a:active {
}
img {
	vertical-align:bottom;
}

/*----------------------------------------------------
　汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}
.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

/* リンク画像ボーダー */
a.overLine,
a.overLine img {
	float:left;
	overflow:hidden;
}
a.overLine {
	display:block;
	border:1px solid #d6d6d6;	
}
a.overLine:hover {
	display:block;
	border:3px solid #fedc00;
}
a.overLine:hover img {
	margin: -2px;
}


/* 黄色ボタンデザイン風リンク */
a.linkBtn{
	background:url(/nng/images/n/2012/common/link_btn_right.gif) right top no-repeat;
	font-weight:bold;
	font-size:12px;
	line-height:21px;
	height:21px;
	text-decoration:none;
	color:#444;
	padding:0 7px 0 0;
	display:inline-block;
	*zoom:1;
}
a.linkBtn span{
	background:url(/nng/images/n/2012/common/link_btn_left.gif) left top no-repeat;
	padding:0 0 0 15px;
	display:inline-block;
	*zoom:1;
}
a.linkBtn:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}


/* 黄色縦ライン見出し */
.yellowBorder{
	font-size:16px;
	line-height:1.3;
	font-weight:bold;
	text-shadow:1px 1px 1px #fff;
	background:url(/nng/images/n/2013/common/title_yellow_brder.gif) left top no-repeat;
	padding:0 0 0 10px;
}

/* グレー縦ライン見出し */
.grayBorder{
	font-size:16px;
	line-height:1.3;
	font-weight:bold;
	border-left:5px solid #999;
	padding:0 0 0 5px;
}


/*----------------------------------------------------
　#page
　全体囲み
----------------------------------------------------*/
#page {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

/* -----------------------------------------------------------
　#header
　ヘッダー
----------------------------------------------------------- */
#headerWrap {
	width: 100%;
	background:#000000 url(/nng/images/n/2014/header/header_bg.gif) repeat-x left bottom;
	margin-bottom: 8px;
}
#header {
	clear:both;
	width:1000px;
	height:139px;
	margin:0 auto;
	position:relative;
}
#header p#siteLogo {
	margin:0;
}

/* SNSボタンとか */
#header #headerToolBox{
	position:absolute;
	right:165px;
	top:57px;
	z-index:9999;
}
#header #headerToolBox ul{
	text-align:right;
}
#header #headerToolBox li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	margin:0 0 0 6px;
	position:relative;
}
#header #headerToolBox li a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#header #headerToolBox #facebookHeadSnsBox{
	display:none;
	z-index:5;
	width:298px;
	height:152px;
	background:url(/nng/images/n/2013/header/sns_box_bottom.png) left bottom no-repeat;
	position:absolute;
	left:-57px;
	top:24px;
	*zoom:1;
}
* html body #header #headerToolBox #facebookHeadSnsBox{
	display:none !important;
}
#header #headerToolBox #facebookHeadSnsBox .inTop{
	width:285px;
	background:url(/nng/images/n/2013/header/sns_box_top.png) left top no-repeat;
	padding:27px 0 0 13px;
}
#header #headerToolBox #facebookHeadSnsBox .fbTitleSide{
	width:260px;
	background:#3B5998 url(/nng/images/n/2011/side/facebook.jpg) no-repeat right 4px;
	font-weight:bold;
	padding:5px;
	text-align:left;
	*float:left;
	*clear:left;
}
#header #headerToolBox #facebookHeadSnsBox .fbTitleSide a{
	color:#fff;
}
#header #headerToolBox #facebookHeadSnsBox .fbLikeWrap{
	width:268px;
	border:1px solid #eee;
	overflow:hidden;
	*float:left;
	*clear:left;
	*width:auto;
	*border:none;
}
#header #headerToolBox #twitterHeadSnsBox{
	display:none;
	z-index:5;
	width:268px;
	height:62px;
	background:url(/nng/images/n/2013/header/sns_box_bottom2.png) left bottom no-repeat;
	position:absolute;
	left:-57px;
	top:24px;
	*zoom:1;
}
* html body #header #headerToolBox #twitterHeadSnsBox{
	display:none !important;
}
#header #headerToolBox #twitterHeadSnsBox .inTop{
	width:285px;
	background:url(/nng/images/n/2013/header/sns_box_top2.png) left top no-repeat;
	padding:27px 0 0 13px;
	*zoom:1;
}
#header #headerToolBox #twitterHeadSnsBox .inTop iframe{
	*float:left;
	*clear:left;
}

/* 検索 */
#header #headSearch {
	width:145px;
	height:20px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:57px;
	background:url(/nng/images/n/2014/header/search_box.gif) left top no-repeat;
	padding:3px 4px 3px 6px;
}
#header #headSearch #textBox{
	border:none !important;
	background-image:none !important;
	height:19px;
	font-size:14px;
	line-height:1.3;
	width:125px;
	vertical-align:top;
	margin:0 !important;
	padding:0 !important;
}
#header #headSearch input[type=image]{
	float:right;
	vertical-align:top;
}

/* NNGサイトナビ */
#header ul#localNavi201412{
	width:1000px;
	height:40px;
	overflow:hidden;
	background:url(/nng/images/n/2014/header/local_nav_bg201412.gif) left top no-repeat;
	position:relative;
}
#header ul#localNavi201412 li{
	position:absolute;
	height:40px;
}
#header ul#localNavi201412 li a{
	display:block;
	text-indent:-9999px;
	height:40px;
	background-image: url(/nng/images/n/2014/header/local_nav_bg201412.gif);
	background-repeat:no-repeat;
}
#header ul#localNavi201412 li.top{
	position:absolute;
	left:0px;
	top:0px;
	width:83px;
}
#header ul#localNavi201412 li.top a{
	background-position:0 -40px;
}
#header ul#localNavi201412 li.top a:hover,
body.top #header ul#localNavi201412 li.top a{
	background-position:0 -80px;
}
#header ul#localNavi201412 li.news{
	position:absolute;
	left:84px;
	top:0px;
	width:113px;
}
#header ul#localNavi201412 li.news a{
	background-position:-84px -40px;
}
#header ul#localNavi201412 li.news a:hover,
body.news #header ul#localNavi201412 li.news a{
	background-position:-84px -80px;
}
#header ul#localNavi201412 li.webn{
	position:absolute;
	left:198px;
	top:0px;
	width:170px;
}
#header ul#localNavi201412 li.webn a{
	background-position:-198px -40px;
}
#header ul#localNavi201412 li.webn a:hover,
body.webn #header ul#localNavi201412 li.webn a{
	background-position:-198px -80px;
}
#header ul#localNavi201412 li.maga{
	position:absolute;
	left:369px;
	top:0px;
	width:100px;
}
#header ul#localNavi201412 li.maga a{
	background-position:-369px -40px;
}
#header ul#localNavi201412 li.maga a:hover,
body.maga #header ul#localNavi201412 li.maga a{
	background-position:-369px -80px;
}
#header ul#localNavi201412 li.book{
	position:absolute;
	left:470px;
	top:0px;
	width:85px;
}
#header ul#localNavi201412 li.book a{
	background-position:-470px -40px;
}
#header ul#localNavi201412 li.book a:hover,
body.book #header ul#localNavi201412 li.book a{
	background-position:-470px -80px;
}
#header ul#localNavi201412 li.dvd{
	position:absolute;
	left:556px;
	top:0px;
	width:91px;
}
#header ul#localNavi201412 li.dvd a{
	background-position:-556px -40px;
}
#header ul#localNavi201412 li.dvd a:hover,
body.dvd #header ul#localNavi201412 li.dvd a{
	background-position:-556px -80px;
}
#header ul#localNavi201412 li.phot{
	position:absolute;
	left:648px;
	top:0px;
	width:91px;
}
#header ul#localNavi201412 li.phot a{
	background-position:-648px -40px;
}
#header ul#localNavi201412 li.phot a:hover,
body.phot #header ul#localNavi201412 li.phot a{
	background-position:-648px -80px;
}
#header ul#localNavi201412 li.subsc{
	position:absolute;
	left:739px;
	top:0px;
	width:125px;
}
#header ul#localNavi201412 li.subsc a{
	background-position:-739px -40px;
}
#header ul#localNavi201412 li.subsc a:hover,
body.subsc #header ul#localNavi201412 li.subsc a{
	background-position:-739px -80px;
}
#header ul#localNavi201412 li.stor{
	position:absolute;
	left:865px;
	top:0px;
	width:135px;
}
#header ul#localNavi201412 li.stor a{
	background-position:-865px -40px;
}
#header ul#localNavi201412 li.stor a:hover,
body.stor #header ul#localNavi201412 li.stor a{
	background-position:-865px -80px;
}


/* -----------------------------------------------------------
　#backNum
　バックナンバー
----------------------------------------------------------- */
h3.titleBacknum {
	width:1000px;
	margin:0 auto 3px auto;
}

/*----------------------------------------------------
 バックナンバーカルーセル
----------------------------------------------------*/
/* backNumber viewer */
#backNum {
	  background: url(/nng/images/n/2011/common/border_01.gif) repeat-x top #FFFFFF;
	  padding: 20px 0 15px;
	  width: 100%;
	overflow:hidden;
}
#backNum #backNumInner {
	  overflow: hidden;
	  width: 1000px;
	margin:0 auto;
}
#backNum #backNumList{
	width:875px;
	overflow:hidden;
	float:left;
}
#backNum #backNumList img{
	border-width:0px;
}
#backNum #backNumList ul{
	margin:0;
	padding:0;
}
#backNum #backNumList li{
	list-style:none;
	float:left;
	width:85px;
	margin-left:0px;
	margin-right:28px;
	display:inline;
	text-align:center;
}
#backNum #backNumList li a {
	color:#115385;
	font-size:12px;
	line-height:2;
	font-weight:bold;
}
#backNum #backNumList li a:hover {
	text-decoration:none;
	  color: #A22222;
}
#backNum #backNumPrevBtn{
	float:left;
	margin:40px 30px 0 0;
}
#backNum #backNumNextBtn{
	float:right;
	margin-top:40px;
}

/* -----------------------------------------------------------
　#footer
　フッター
----------------------------------------------------------- */
#footer {
	width: 100%;
	text-align:center;
}
#footer .footerLink {
	padding:15px 0 10px 0;
	float:left;
}
#footer .footerLink p {
	font-size:12px;
	line-height:1;
	margin:0 0 6px;
}
#footer .footerLink p a {
	color:#115385;
}
#footer .footerLink p a:hover {
	  color: #A22222;
}
#footer .footerLink p span {
	border-left:1px solid #666666;
	padding:0 10px;
}
#footer .footerLink p span.rb a {
	border-right:1px solid #666666;
	padding-right:10px;
}
#footer address {
	background-color:#373737;
	text-align: center;
	font-size:10px;
	padding:10px 0;
	color:#FFFFFF;
}
#footer .footer_wrap{
	margin:0 auto;
	position:relative;
	overflow:hidden;
	display:inline-block;
	*display:block;
	width:1000px;
	padding:15px 0 10px 0;
}
#footer .footer_wrap .contactLink{
	position:absolute;
	top:12px;
	right:130px;
}
#footer .footer_wrap .contactLink a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#footer .footer_wrap .adinfoLink{
	position:absolute;
	top:12px;
	right:0;
}
#footer .footer_wrap .adinfoLink a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#footer .footer_wrap .footerLink{
	text-align:center;
	display:inline-block;
	*display:inline;
	padding:0;
}
#footer .modeLink {
	background-color:#373737;
	text-align: center;
	font-size:14px;
	line-height:1.4;
	padding:1em 0;
	color:#FFFFFF;
}
#footer .modeLink a{
	color:#FFFFFF;
	font-weight:bold;
}

#footer .footerOtherLink{
	width:999px;
	border-left:1px dotted #606060;
	margin:10px auto 20px auto;
	overflow:hidden;
}
#footer .footerOtherLink li{
	border-right:1px dotted #606060;
	width:332px;
	height:40px;
	float:left;
	text-align:center;
	vertical-align:middle;
	line-height:40px;
}
#footer .footerOtherLink li a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:15px;
	line-height:1.3;
	color:#115385;
}
#footer .footerOtherLink li a:hover{
	color:#a22222;
}

/*----------------------------------------------------
　#contents
　コンテンツ囲み
----------------------------------------------------*/
#contents {
	width: 1000px;
	margin: 0 auto;
	overflow:hidden;
}
#contents .pageTop {
	clear: both;
	text-align: right;
}

/*----------------------------------------------------
　#mainContents
　メインエリア
----------------------------------------------------*/
#contents #mainContents {
	width:680px;
	float:left;
}

/*----------------------------------------------------
　#contWrap
　コンテンツレイアウト
----------------------------------------------------*/
/* contWrap */
#contWrap {
	width:680px;
	overflow:hidden;
	margin-bottom:30px;
}
/* contLeft */
#contLeft {
	width:440px;
	float:left;
}
/* contRight */
#contRight {
	width:220px;
	float:right;
}

/*----------------------------------------------------
　トピックパス
----------------------------------------------------*/
#mainContents ul#topicPass {
	padding:0 0 5px 0;
}
#mainContents ul#topicPass li {
	font-size:12px;
	display:inline;
	background:url(/nng/images/n/2011/common/icon_topicpass.gif) left center no-repeat;
	padding-left:10px;
	margin-left:3px;
}
#mainContents ul#topicPass li a {
	font-weight:normal;
}
#mainContents ul#topicPass li.top {
	background:none;
	padding:0;
	margin:0;
}

/* -----------------------------------------------------------
　#sideContents
　サイドエリア
----------------------------------------------------------- */
#contents #sideContents {
	width:300px;
	float:right;
}
#sideContents .sideBanner {
	margin-bottom:10px;
}

/* 最新号案内 */
#sideContents .sideMagazine {
  background-color: #3c3c3c;
  margin: 2px 0 15px;
  width: 300px;
}
#sideContents .sideMagazine .head {
  overflow:hidden;
}
#sideContents .head h3 {
  color: #fff;
  padding: 12px 0 6px 11px;
  font-size:18px;
  font-weight:bold;
  float:left;
}
#sideContents .sideMagazine .head p {
  margin-right: 11px;
  margin-top: 11px;
  text-align: right;
}
#sideContents .sideMagazine .head p a {
  background-color: #ace94a;
  border-radius: 2px;
  color: #000;
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  padding: 7px 20px 2px;
  text-shadow: 1px 0 1px #fff;
}
#sideContents .sideMagazine .head p a strong {
  padding: 0 0 0 13px;
  background:url(/nng/images/n/2013/common/mark_red.gif) no-repeat left 8px;
}
#sideContents .sideMagazine .head p a:hover {
  text-decoration: none;
  color:#C60E15;
}
#sideContents .sideMagazine .image {
  padding: 0 0 5px 9px;
}
#sideContents .sideMagazine a:hover img {
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
#sideContents .sideMagazine .btn {
  display: block;
  height: auto;
  overflow: hidden;
  padding: 5px 10px 9px 9px;
  width: 282px;
}
#sideContents .sideMagazine .btn a {
  border-radius: 2px;
  display: inline-block;
  padding: 7px 0 4px 20px;
  text-align: center;
  width: 116px;
  line-height: 1.2;
  background:#fff url(/nng/images/n/2016/side/icon_cart.png) no-repeat 7px 9px;
}
#sideContents .sideMagazine .btn a strong {
  display: inline-block;
  padding: 0 10px 0 0;
  background:url(/nng/images/n/2013/common/mark_red.gif) no-repeat right center;
  font-weight: bold;
  font-size: 16px;
  color:#C60E15;
  width: 90px;
}
#sideContents .sideMagazine .btn .bp strong {
  font-size: 15px;
}
#sideContents .sideMagazine .btn a:hover {
  text-decoration: none;
  background-color: #FEE020;
}
#sideContents .sideMagazine .btn .bp{
  float:left;
}
#sideContents .sideMagazine .btn .amazon{
  float:right;
}


/* ナショジオクイズ */
#sideContents .sideQuiz .inner {
	margin-bottom:10px;
	background:#fff;
}
#sideContents .sideQuiz .inner {
	width:278px;
	border:1px solid #fedc0e;
	border-top:none;
	padding:10px;
}
#sideContents ul#choices {
	margin: 10px 0;
	clear:both;
}
#sideContents ul#choices li {
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	padding:0 0 0 20px;
	margin:0 0 5px;
	display:block;
	background: url(/nng/article/20121112/330261/check_off.jpg) no-repeat left 4px;
}
#sideContents ul#choices li.on {
	background: url(/nng/article/20121112/330261/check_on.jpg) no-repeat left 4px;
}

#sideContents .sideQuiz ul#choices.image {
	width:278px;
	overflow:hidden;
}
#sideContents .sideQuiz ul#choices.image li {
	float:left;
	margin-right:15px;
}
#sideContents .sideQuiz div.qImg {
	float:left;
	margin:0 10px 10px 0;
}
#sideContents .sideQuiz ul#choices.image li img,
#sideContents .sideQuiz div.qImg img {
	width:auto;
	height:auto;
	max-width:100px;
	max-height:90px;
	display:block;
}
#sideContents .sideQuiz div.qImg img { max-width:120px;}
* html #sideContents .sideQuiz ul#choices.image li img,
* html #sideContents .sideQuiz div.qImg img {
	width: expression(document.body.clientWidth > 101? "100px" : "auto");
	height: expression(document.body.clientHeight > 91? "90px" : "auto");
}
#sideContents .sideQuiz p { font-size:14px;}
#sideContents p.AnsBtn { text-align:center;}
#sideContents .sideQuiz a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/* ランキング（2016） */
#nngSideRank .yellowBorder {
	text-align:left;
}
#nngSideRank{
	width: 300px;
	margin:20px 0;
}
#nngSideRank .rankHead {
	width: 300px;
	overflow:hidden;
	margin-top: 3px;
}
#nngSideRank .rankHead li {
	display:block;
	width:96px;
	float:left;
	margin-left:2px;
	border: 1px solid #FEDC0E;
	border-bottom:none;
}
#nngSideRank .rankHead li:first-child	{
	margin-left:0;
}
#nngSideRank .rankHead li a {
	background:#FEDC0E;
	display:block;
	color:#4d4d4d;
	padding: 10px 0 8px;
	text-decoration:none;
	font-size:15px;
	line-height:1;
	text-align:center;
}
#nngSideRank .rankHead li.current{
	width:98px;
	background:#fff;
	border: 1px solid #ffdb00;
	border-bottom:none;
}
#nngSideRank .rankHead li.current a{
	background:#fff;
	font-weight:bold;
}
#nngSideRank .rankBox {
	display: none;
	width: 298px;
	background: #fff;
	border: 1px solid #ffdb00;
	border-top: none;
}
#nngSideRank .rankHead+.rankBox {
	display: block;
}
#nngSideRank .rankBox ol {
	width: 258px;
	padding:20px 20px 15px;
}
#nngSideRank .rankBox ol li {
	display: block;
	line-height: 1.4;
	margin-bottom: 5px;
	overflow: hidden;
	padding: 5px 0 5px 30px;
	position: relative;
	width: 228px;
	font-size:16px;
}
#nngSideRank .rankBox ol li strong {
	display: block;
	font-size:13px;
}
#nngSideRank .rankBox ol li span {
	bottom: 0;
	color: #666;
	font-size: 20px;
	font-weight: bold;
	height: 1.4em;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	width: 20px;
}
#nngSideRank .rankBox ol li img {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

/* ナショジオとつながる */
#sideContents .conectNat{
	margin-bottom:10px;
}
#sideContents .conectNat .inner{
	border-left:1px solid #FFDB00;
	border-right:1px solid #FFDB00;
	border-bottom:1px solid #FFDB00;
	background:#fff;
	padding:15px 0;
}
#sideContents .conectNat .mailmag{
	width:248px;
	border:1px solid #FFDB00;
	background:#fff6c1;
	padding:10px;
	margin:0 auto 15px auto;
}
#sideContents .conectNat .mailmag .mailmagTitle{
	font-weight:bold;
	font-size:12px;
	line-height:17px;
	background:url(/nng/images/n/2013/side/side_mailmag_icon.gif) left center no-repeat;
	padding:0 0 0 25px;
	margin:0 0 10px 0;
}
#sideContents .conectNat .mailmag dl{
	overflow:hidden;
	*zoom:1;
}
#sideContents .conectNat .mailmag dt{
	float:left;
	margin:0 10px 0 0;
}
#sideContents .conectNat .mailmag dd{
	line-height:74px;
	float:left;
	width:135px;
}
#sideContents .conectNat .mailmag dd a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	line-height:1.3;
	background:url(/nng/images/n/2013/common/mark_red.gif) left 0.4em no-repeat;
	padding:0 0 0 12px;
	color:#333;
}
#sideContents .conectNat .sideFacebook{
	border-top:1px solid #3B5997;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	background:#fff;
	width:268px;
	*height:550px;
	margin:0 auto 15px auto;
}
#sideContents .conectNat .sideTwitter{
	width:270px;
	margin:0 auto;
}
* html body #sideContents .conectNat .sideTwitter{
	*height:150px;
}

#sideContents .sideSubscriptionBanner{
	display:block;
	width:300px;
	height:250px;
	position:relative;
	margin:0 0 10px 0;
}
#sideContents .sideSubscriptionBanner li.magazineBtn a{
	display:block;
	width:134px;
	height:45px;
	text-indent:-9999px;
	position:absolute;
	left:9px;
	top:198px;
	background:url(/nng/images/n/2014/side/right_subscription_btn_mag.png) left top no-repeat;
	*background:url(/nng/images/n/2014/side/right_subscription_btn_mag.jpg) left top no-repeat;
}
#sideContents .sideSubscriptionBanner li.digitalBtn a{
	display:block;
	width:143px;
	height:45px;
	text-indent:-9999px;
	position:absolute;
	left:148px;
	top:198px;
	background:url(/nng/images/n/2014/side/right_subscription_btn_digi.png) left top no-repeat;
	*background:url(/nng/images/n/2014/side/right_subscription_btn_digi.jpg) left top no-repeat;
}
#sideContents .sideSubscriptionBanner li a:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

/* -----------------------------------------------------------
　トピックスの表示（Webナショ、本、DVD）
----------------------------------------------------------- */
div.topics div.panel {display:none;}
div#panel1{display:block;}
#switch li{display:block;}
#switch li a{color:#4d4d4d;}
#switch li a:hover{color:#FEDC00;}
#switch{height:110px;overflow:auto;}
#topicsBody div.topicsPhoto {float:right;margin:5px 0 15px 20px;}

/* 親ページの連載リスト */
#topicsList {
	width:680px;
	background:#FFFFFF url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
	padding-bottom:20px;
}
#topicsList h2 {
	border-left: 5px solid #FEDC01;
	font-size: 16px;
	line-height: 1.2;
	margin: 0 0 20px;
	padding-left: 6px;
}
#topicsList #authorKijiList {
	width:630px;
	padding:35px 25px 10px 25px;
}
#topicsList #authorKijiList ul {
	width:630px;
}
#topicsList #authorKijiList ul li {
	padding:8px 0 8px 15px;
	background: url(/nng/images/n/2011/common/icon_02.gif) no-repeat left #FFFFFF;
}
#topicsList #authorKijiList p.title {
	font-size:12px;
	font-weight:bold;
}
#topicsList #authorKijiList p.title span {
	font-size:12px;
	font-weight:normal;
}
#topicsList #authorKijiList p.txt {
	margin-top:10px;
}
#topicsList #authorKijiList p.date {
	font-size:11px;
	color:#999;
	margin-top:10px;
}
#topicsList #authorKijiList p.more {
	font-size:12px;
	float:right;
	font-weight:bold;
	background: url(/nng/images/n/2011/common/icon_03.gif) no-repeat left 4px;
	padding-left:15px;
	margin-top:10px;
}

#topicsList #authorKijiList .yearLink {
	text-align:center;
	padding-bottom:20px;
	background:#ffffff url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
}
#topicsList #authorKijiList .yearLink ul.yearList {
	display:inline;
}
#topicsList #authorKijiList .yearLink ul.yearList li {
	display:inline;
	padding:0 8px;
	font-size:14px;
	font-weight:bold;
}
#topicsList #authorKijiList .yearLink ul.yearList li a {
	font-size:12px;
	font-weight:normal;
}

#topicsList #yearAll {
	overflow:hidden;
	padding:20px 0;
}
#topicsList #yearAll h3 {
	text-align:center;
	margin:0 0 20px;
}
#topicsList #authorKijiList .pagetop{
	margin:10px 0 0 0;
	text-align:right;
}

#contents p.linkTpcs {
	text-align:right;
}

#topicsList #yearAll .monthWrap{
	background: url("/nng/images/n/2011/common/border_01.gif") repeat-x scroll center bottom #FFFFFF;
	margin-bottom:20px;
	padding-bottom:15px;
}
#topicsList #yearAll .monthAllWrap:last-child .monthWrap{
	margin-bottom:0px;
}


/* -----------------------------------------------------------
　#sp_alert
　スマホサイト誘導枠
----------------------------------------------------------- */
#sp_alert{
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	z-index:100000;
}
#sp_alert_bg{
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
}
#sp_alert_msg{
	display:block;
	border-radius:7px;
	background:#999;
	padding:10px;
	text-align:left;
	position:absolute;
	left:0;
	top:0;
	font-size:60px;
	line-height:1.3;
	visibility:hidden;
	margin:30px;
}
#sp_alert_msg .msg_wrap{
	display:block;
	position:relative;
	border-radius:5px;
	padding:40px;
	background:#fff;
}
#sp_alert_msg .msg_wrap .close_btn_top a{
	display:block;
	position:absolute;
	right:-35px;
	top:-35px;
	width:110px;
	height:110px;
	background:url(/nng/images/n/2012/common/btn_close_spmsg.png) center center no-repeat;
	background-size:110px 110px;
	overflow:hidden;
	text-indent:-9999px;
}
#sp_alert_msg .msg_wrap .link_btn{
	display:block;
	text-align:center;
}
#sp_alert_msg .msg_wrap .link_btn a{
	display:inline-block;
	font-weight:bold;
	border:2px solid #bbb;
	border-radius:5px;
	padding:30px 20px;
	font-size:50px;
	line-height:1.3;
	margin:50px 0;
	color:#333;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(50%,#e0e0e0), color-stop(51%,#d1d1d1), color-stop(100%,#f3f3f3));
	background:-webkit-linear-gradient(top,  #fdfdfd 0%,#e0e0e0 50%,#d1d1d1 51%,#f3f3f3 100%);
	background:-moz-linear-gradient(top,  #fdfdfd 0%, #e0e0e0 50%, #d1d1d1 51%, #f3f3f3 100%);
	background:-o-linear-gradient(top,  #fdfdfd 0%,#e0e0e0 50%,#d1d1d1 51%,#f3f3f3 100%);
	background:-ms-linear-gradient(top,  #fdfdfd 0%,#e0e0e0 50%,#d1d1d1 51%,#f3f3f3 100%);
	background:linear-gradient(to bottom,  #fdfdfd 0%,#e0e0e0 50%,#d1d1d1 51%,#f3f3f3 100%);
}
#sp_alert_msg .msg_wrap input[type=checkbox]{
	width:50px;
	height:50px;
	vertical-align:middle;
	margin:0 10px 0 0;
	line-height:1.3;
}
#sp_alert_msg .msg_wrap label{
	display:inline-block;
}




/* -----------------------------------------------------------
　メインコンテンツエリアのバナー
----------------------------------------------------------- */
.mainCtSubscriptionBn{
	margin:20px auto 30px auto;
	text-align:center;
}
.adLongBanner{
	text-align:center;
	margin:20px 0;
}
.adLongBanner a img{
	border:1px solid #bfbfbf;
	margin:0 0 3px 0;
}

/* -----------------------------------------------------------
　Y! インタレストマッチ
----------------------------------------------------------- */
#div-gpt-ad-ydn {
	margin:40px auto 0 auto;
	border:1px solid #999;
	background:#fff;
	overflow:hidden;
}
#dag_yahooIM {
	overflow:hidden;
}
#dag_yahooIM dt,
#div-gpt-ad-ydn dt{
	font-size:14px !important;
}
#dag_yahooIM a dl:hover,
#div-gpt-ad-ydn a dl:hover{
	background:#eee;
}


/* -----------------------------------------------------------
　テキストアド
----------------------------------------------------------- */
#textAd201312{
	clear:both;
	display:block;
	overflow:hidden;
	*zoom:1;
	margin:0 auto 40px auto;
	width:680px;
}
#textAd201312 div.textadWrap #div-gpt-ad-textad{
	border:1px solid #999;
	background:#fff;
	padding:10px 25px 10px 10px;
	background:url(/nng/images/n/2013/common/icon_ad.gif) 99% center no-repeat #fff;
}


/* -----------------------------------------------------------
　このサイトについて
----------------------------------------------------------- */
.aboutThisSiteTopBox{
	/*background:url(/nng/images/n/2014/top/about_top.gif) left top no-repeat #fff;*/
	background: #fff;
	border:1px solid #fff;
	padding:7px 10px 5px 10px;
	margin:20px 0;
	overflow:hidden;
}
.aboutThisSiteTopBox .text{
	display:block;
	/*text-indent:244px;*/
	overflow:hidden;
	font-size:12px;
	line-height:19px;
}

.aboutThisSiteTopBox .text span.ttl{
	margin-right:5px;
	padding:0 4px;
	background:#e0e0e0;
	font-weight:bold;
}
.aboutThisSiteTopBox .detailLink{
	float:right;
}
.aboutThisSiteTopBox .detailLink a{
	float:right;
	display:block;
	font-weight:bold;
	background:url(/nng/images/n/2013/common/mark_red.gif) left center no-repeat;
	padding:0 0 0 10px;
	color:#bc0b13;
	overflow:hidden;
	font-size:12px;
	text-indent:0;
}


/* -----------------------------------------------------------
　90億人の食　誘導枠
----------------------------------------------------------- */
#bottomSpFoodRecommendBox .bottomSpFoodRecommendBoxInner{
	margin:20px 10px;
	border:4px solid #bfdac2;
	padding:20px;
	font-size:14px;
	line-height:1.8;
	background:#fff;
}
#bottomSpFoodRecommendBox .bottomSpFoodRecommendBoxInner .bottomSpFoodBnBox{
	text-align:center;
}
#bottomSpFoodRecommendBox .bottomSpFoodRecommendBoxInner .bottomSpFoodBnBox .banner{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:10px 5px;
}
#bottomSpFoodRecommendBox .bottomSpFoodRecommendBoxInner .bottomSpFoodBnBox .banner img{
	width:292px;
}
#bottomSpFoodRecommendBox .bottomSpFoodRecommendBoxInner .bottomSpFoodBnBox .banner a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.magazineSpTopWrap #bottomSpFoodRecommendBox .bottomSpFoodRecommendBoxInner{
	margin:20px 0;
	padding:15px 15px 10px 15px;
}
.magazineSpTopWrap #bottomSpFoodRecommendBox .bottomSpFoodRecommendBoxInner .bottomSpFoodBnBox .banner img{
	width:380px;
}
#photogallery #bottomSpFoodRecommendBox{
	padding:0 0 1px 0;
}
#sidebar #bottomSpFoodRecommendBox{
	padding:0 0 1px 0;
}
#webNatiogeoSeries .articleBody #bottomSpFoodRecommendBox .bottomSpFoodRecommendBoxInner,
#newsArticle .articleBody #bottomSpFoodRecommendBox .bottomSpFoodRecommendBoxInner{
	width:492px;
	margin:20px auto 40px auto;
}
#webNatiogeoSeries .articleBody #bottomSpFoodRecommendBox .bottomSpFoodRecommendBoxInner .bottomSpFoodBnBox .banner img,
#newsArticle .articleBody #bottomSpFoodRecommendBox .bottomSpFoodRecommendBoxInner .bottomSpFoodBnBox .banner img{
	width:380px;
}


/* -----------------------------------------------------------
　日本のエクスプローラー　誘導枠
----------------------------------------------------------- */
#bottomSpExplorerRecommendBox .bottomSpExplorerRecommendBoxInner{
	margin:20px 10px;
	border:4px solid #ccc;
	padding:20px;
	font-size:14px;
	line-height:1.8;
	background:#fff;
}
#bottomSpExplorerRecommendBox .bottomSpExplorerRecommendBoxInner .bottomSpExplorerBnBox{
	text-align:center;
}
#bottomSpExplorerRecommendBox .bottomSpExplorerRecommendBoxInner .bottomSpExplorerBnBox .banner{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:10px 5px;
}
#bottomSpExplorerRecommendBox .bottomSpExplorerRecommendBoxInner .bottomSpExplorerBnBox .banner img{
	width:292px;
}
#bottomSpExplorerRecommendBox .bottomSpExplorerRecommendBoxInner .bottomSpExplorerBnBox .banner a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.magazineSpTopWrap #bottomSpExplorerRecommendBox .bottomSpExplorerRecommendBoxInner{
	margin:20px 0;
	padding:15px 15px 10px 15px;
}
.magazineSpTopWrap #bottomSpExplorerRecommendBox .bottomSpExplorerRecommendBoxInner .bottomSpExplorerBnBox .banner img{
	width:380px;
}
#photogallery #bottomSpExplorerRecommendBox{
	padding:0 0 1px 0;
}
#sidebar #bottomSpExplorerRecommendBox{
	padding:0 0 1px 0;
}
#webNatiogeoSeries .articleBody #bottomSpExplorerRecommendBox .bottomSpExplorerRecommendBoxInner,
#newsArticle .articleBody #bottomSpExplorerRecommendBox .bottomSpExplorerRecommendBoxInner{
	width:492px;
	margin:20px auto 40px auto;
}
#webNatiogeoSeries .articleBody #bottomSpExplorerRecommendBox .bottomSpExplorerRecommendBoxInner .bottomSpExplorerBnBox .banner img,
#newsArticle .articleBody #bottomSpExplorerRecommendBox .bottomSpExplorerRecommendBoxInner .bottomSpExplorerBnBox .banner img{
	width:380px;
}