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

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

/*----------------------------------------------------
　ニュースTOP・一覧・リーフ共通
----------------------------------------------------*/
.newsCategoryHeader{
	width:680px;
	margin:0 0 10px 0;
}
.newsCategoryHeader .newsTitle{
	margin:0 0 10px 0;
}
.newsCategoryHeader .newsNavi ul{
	overflow:hidden;
}
.newsCategoryHeader .newsNavi li{
	display:block;
	float:left;
	font-size:15px;
	line-height:20px;
	padding:0 15px;
	background:url(/nng/images/n/2013/news/link_separate.gif) left center no-repeat;
}
.newsCategoryHeader li.newsTop{
	background:none;
	padding:0 15px 0 0;
}
.newsCategoryHeader .news li.newsTop a,
.newsCategoryHeader .animal li.newsLife a,
.newsCategoryHeader .ancient li.newsHistory a,
.newsCategoryHeader .environment li.newsEnvironment a,
.newsCategoryHeader .culture li.newsCulture a,
.newsCategoryHeader .science li.newsScience a,
.newsCategoryHeader .weird li.newsWeird a{
  font-weight:bold;
  color:#000;
}


/*----------------------------------------------------
　ニュースTOP
----------------------------------------------------*/
#newsTop #newsListWrap{
	width:680px;
	overflow:hidden;
	background:#fff;
}
#newsTop #newsListWrap .waiting{
	display:none;
	width:680px;
	clear:both;
	padding:10px 0 45px 0;
	text-align:center;
	font-size:14px;
	background:url(/nng/images/n/2013/common/loading.gif) center 35px no-repeat;
	margin:20px 0;
}
#newsTop #newsListWrap ul{
	margin:0 0 15px 0;
}
#newsTop #newsListWrap li{
	overflow:hidden;
	position:relative;
	border-bottom:1px dotted #bfbfbf;
	padding:15px 0;
	margin:0 15px;
}
#newsTop #newsListWrap li a{
	color:#000;
}
#newsTop #newsListWrap li a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#newsTop #newsListWrap li .image{
	display:block;
	float:left;
	width:150px;
	max-height:100px;
	overflow:hidden;
	margin:0 15px 0 0;
	text-align:center;
}
#newsTop #newsListWrap li .image img{
	width:150px;
}
#newsTop #newsListWrap li h3{
	font-size:21px;
	line-height:1.4;
	font-weight:normal;
	margin:0 0 7px 0;
	padding:0;
}
#newsTop #newsListWrap li p{
	font-size:12px;
	line-height:1.6;
	padding:0 0 20px 0;
	margin:0;
	overflow:hidden;
}
#newsTop #newsListWrap li .genre{
	font-size:12px;
	line-height:1.4;
	position:absolute;
	left:165px;
	bottom:15px;
}
#newsTop #newsListWrap li .date{
	font-size:12px;
	line-height:1.4;
	color:#a5a4a4;
	position:absolute;
	right:0px;
	bottom:15px;
}
#newsTop #newsListPageNavi{
	width:680px;
	padding:10px 0 15px 0;
	font-weight:bold;
}
#newsTop #newsListPageNavi .stay{
	font-size:14px;
	line-height:25px;
}
#newsTop #newsListPageNavi .prev,
#newsTop #newsListPageNavi .next{
	font-weight:normal;
}
#newsTop #newsListWrap li.firstPageFirstItem{
	border:none;
	margin:0;
	padding:0 0 40px 0;
}
#newsTop #newsListWrap li.firstPageFirstItem .image{
	width:680px;
	height:410px;
	max-height:410px;
	text-align:center;
	float:none;
	margin:0 0 15px 0;
	border:none;
}
#newsTop #newsListWrap li.firstPageFirstItem .image img{
	width:auto;
	height:410px;
}
#newsTop #newsListWrap li.firstPageFirstItem h3{
	margin:0 15px 7px 15px;
}
#newsTop #newsListWrap li.firstPageFirstItem p{
	margin:0 15px;
	padding:0;
}
#newsTop #newsListWrap li.firstPageFirstItem .genre{
	position:absolute;
	left:15px;
	bottom:15px;
}
#newsTop #newsListWrap li.firstPageFirstItem .date{
	position:absolute;
	right:15px;
	bottom:15px;
}
#newsTop #newsListWrap li.firstPageBorderItem{
	border-top:1px dotted #bfbfbf;
}

#newsListWrap {
  position: relative;
}
.newsRss {
  bottom: 25px;
  position: absolute;
  right: 15px;
}
.newsRss a {
  background: url(/nng/images/2013/news/icon_rss_news.gif) no-repeat right 0;
  padding: 1px 25px 2px 0;
  display: block;
}


/*----------------------------------------------------
　ニュース記事用定義
----------------------------------------------------*/
#newsArticle .article {
	width:680px;
	background:#fff;
}
#newsArticle .articleBody{
	padding:20px;
}
#newsArticle .articleTitleBox{
	margin:0 0 10px 0;
}
#newsArticle .articleTitleBox .category{
	font-size:14px;
	line-height:1.3;
	margin:0 0 15px 0;
}
#newsArticle .articleTitleBox h1{
	font-size:26px;
	line-height:1.3;
	padding:0;
	margin:0;
	width:640px;
	height:auto;
	color:#000;
}
#newsArticle .articleTitleBox h2{
	font-size:16px;
	line-height:1.3;
	padding:0;
	margin:5px 0 0 0;
	width:640px;
	color:#000;
	font-weight:normal;
}
#newsArticle .toolBox{
	overflow:hidden;
	margin:25px 0 0 0;
}
#newsArticle .toolBox .date{
	float:left;
	font-size:16px;
	line-height:1.3;
	color:#a5a4a4;
}
#newsArticle .toolBox ul.bookmarks {
	display:block;
	text-align:right;
	float:right;
	margin:0;
	padding:0;
	height:20px;
	overflow:hidden;
}
#newsArticle ul.bookmarks li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	overflow:hidden;
}
#newsArticle .articleInner{
	width:500px;
	margin:0 auto;
	padding:15px 0 30px;
	font-size:14px;
	line-height:2;
}
/*
#newsArticle .articleInner #kiji div{
	max-width:500px;
}
*/
#newsArticle .articleInner #kiji img{
	max-width:500px;
	height: auto;
}
#newsArticle .articleInner #kiji div.box{
	margin-bottom:20px;
}
#newsArticle .articleInner #kiji h3{
	font-size:18px;
	border-left:5px solid #ffdd00;
	padding:0 0 0 10px;
	margin-bottom:20px;
}
#newsArticle .articleInner #kiji p.bold{
	font-weight:bold;
}
#newsArticle .articleInner #kiji p.underline,
#newsArticle .articleInner #kiji a.underline{
	text-decoration: underline;
}
#mainContents #newsArticle #kiji .bpimage_left,
#mainContents #newsArticle #kiji .bpimage_right,
#mainContents #newsArticle #kiji .bpimage_center,
#mainContents #newsArticle #kiji .captionOne{
	background:none;
	color:#888;
	line-height:1.4;
}
#mainContents #newsArticle #kiji .bpimage_caption{
	background:none;
	padding:5px 0;
	color:#888;
	font-size:12px;
}
#mainContents #newsArticle #kiji .bpbox{
	background:#fff;
	border: 2px solid #666;
	max-width:466px;
	font-size:12px;
	line-height:1.4;
}
#mainContents #newsArticle #kiji .bpbox p{
	font-size:12px;
	line-height:1.6;
}
#newsArticle .toolBox .date{
	float:left;
	font-size:16px;
	line-height:1.3;
	color:#a5a4a4;
}
#mainContents #newsArticle .author{
	margin:40px auto;
	font-size:12px;
	line-height:1.4;
	color:#999;
}
#mainContents #newsArticle .bottomToolBox{
	margin:50px auto;
	border-top:1px dotted #bfbfbf;
	padding-top:10px;
}
#mainContents #newsArticle .subscribeBox{
	width:500px;
	background:url(/nng/images/n/2013/news/subscribe_bg_bottom.gif) left bottom no-repeat;
}
#mainContents #newsArticle .subscribeBox .inner{
	width:470px;
	background:url(/nng/images/n/2013/news/subscribe_bg_top.gif) left top no-repeat;
}
#mainContents #newsArticle .subscribeBox .inner .magimg{
	margin:0;
}
#mainContents #newsArticle .subscribeBox .inner .right{
	width:365px;
}

/* bpcms */
#mainContents #newsArticle .bpimage_title {
  padding: 0;
}
#mainContents #newsArticle .bpimage_set {
  border: none;
  margin: 0 0 10px;
  padding: 0;
}

#newsArticle .articleInner #kiji img {
  line-height: 1.3;
}

/* 記事下囲み */
#newsArticle .articleInner div.kakomi p.list-midashi {
font-size: 12px;
font-weight: bold;
line-height: 150%;
margin-bottom: 1em;
}

#newsArticle .articleInner div.kakomi p {
line-height: 18px;
font-size: 12px;
}

#newsArticle .articleInner div.kakomi{
margin:10px 0 40px;
padding:20px;
border:solid 2px #ccc;
background:#fff;
}

#newsArticle .articleInner div.kakomi img.book{
float:left;
width:120px;
margin:0 20px 10px 0;
border:1px solid #cccccc;
}

#newsArticle .articleInner div.kakomi .btn {
margin:0 auto;
text-align:center;
clear:both;
}