@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 .science li.newsScience a,
.newsCategoryHeader .video li.newsVideo a,
.newsCategoryHeader .mag li.newsMag a{
  font-weight:bold;
  color:#000;
}


/*----------------------------------------------------
　ニュースTOP
----------------------------------------------------*/
#newsTop #newsListWrap{
	width:680px;
	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:615px;
	height:auto;
}
#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;
}