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

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

/*----------------------------------------------------
　フォト トップページ
----------------------------------------------------*/
/* contLeft */
#photoTop {
	margin-bottom:20px;
}
#photoTop #contLeft {
	width:430px;
	float:left;
}
/* contRight */
#photoTop #contRight {
	width:230px;
	float:right;
}
/* CONTENTS */
#photoTop p.wpList {
	text-align:right;
	margin:5px 0 0;
}

/* 今月のフォトグラファー */
#photoTop .photographer {
	margin-bottom:25px;
}
#photoTop .photographer dl {
	width:430px;
	overflow:hidden;
	padding:15px 0;
	background:url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom #fff;
}
#photoTop .photographer dl dt {
	float:left;
	width:180px;
}
#photoTop .photographer dl dd {
	float:right;
	width:215px;
	padding-right:15px;
}
#photoTop .photographer dl dd h3 a:hover img{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#photoTop .photographer dl dd p {
	margin-top:10px;
	font-size:12px;
}
#photoTop .photographer dl dd p.btn {
	text-align:right;
	padding-right:2px;
}
#photoTop .ph_list_link{
	text-align:right;
	padding:5px 0;
}
#photoTop .ph_list_link p{
	display:inline;
	margin:0 0 0 10px;
}

/* 今月のフォトギャラリー */
#photoTop .photogallery {
	width:430px;
	background:#FFFFFF url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
}
#photoTop .photogallery ul {
	width:420px;
	padding:15px 0 5px 10px;
	overflow:hidden;
}
#photoTop .photogallery li {
	width:130px;
	float:left;
	margin:0 10px 10px 0;
}
#photoTop .photogallery li p {
	clear:both;
	padding-top:4px;
	font-weight:bold;
}
#photoTop .photogallery li.rightBox {
	margin-right:0;
}
#photoTop p.linkBtn {
	text-align:right;
	margin:5px 0;
}


/* 写真コンテスト2011 */
#photoTop .ipc2011 {
	margin:8px 0 25px 0;
	padding:0 0 1px 0;
}
#photoTop .ipc2011 .ct_box {
	background:url(/nng/images/n/2011/common/border_01.gif) left bottom repeat-x #fff;
	padding:15px 0;
}
#photoTop .ipc2011 .ct_box .image{
	text-align:center;
	overflow:hidden;
}
#photoTop .ipc2011 .ct_box .image a{
	display:block;
	margin:0 auto;
	border:3px solid #fff;
	width:200px;
	height:150px;
}
#photoTop .ipc2011 .ct_box .image a:hover{
	border:3px solid #fedc00;
}
#photoTop .ipc2011 .ct_box .text{
	clear:both;
	display:block;
	margin:5px 15px 0 15px;
	font-weight:bold;
}


/* 写真コンテスト */
#photoTop .ipc {
	margin:0 0 10px 0;
	padding:0 0 1px 0;
}
#photoTop .ipc .ct_box {
	background:url(/nng/images/n/2011/common/border_01.gif) left bottom repeat-x #fff;
	padding:15px;
	width: 400px;
	overflow:hidden;
}
#photoTop .ipc .ct_box .image{
	float: left;
	margin-right: 10px;
}
#photoTop .ipc .ct_box .image a{
	display:block;
	margin:0 auto;
	border:3px solid #fff;
	width:221px;
	height:146px;
}
#photoTop .ipc .ct_box .image a:hover{
	border:3px solid #fedc00;
}
#photoTop .ipc .ct_box .text{
	clear:both;
	display:block;
	margin:5px 15px 0 15px;
	font-weight:bold;
}
#photoTop .ipc .ct_box h4 {
	margin-bottom: 5px;
}
#photoTop .ipc .ct_box p.btn{
	margin-top: 10px;
	text-align:right;
}

/* btn_box */
#photoTop .btn_box {
	margin:8px 0 25px 0;
}
#photoTop .btn_box p{
	margin:0 0 10px 0;
}


/* 日経ナショナル ジオグラフィック写真賞 */
#photoTop .photo_award {
	margin:8px 0 25px 0;
	padding:0 0 1px 0;
}
#photoTop .photo_award .ct_box {
	background:url(/nng/images/n/2011/common/border_01.gif) left bottom repeat-x #fff;
	padding:13px 0;
}
#photoTop .photo_award .ct_box .image{
	text-align:center;
	overflow:hidden;
}
#photoTop .photo_award .ct_box .image a{
	display:block;
	margin:0 auto;
	border:3px solid #fff;
	width:200px;
	height:60px;
}
#photoTop .photo_award .ct_box .image a:hover{
	border:3px solid #fedc00;
}
#photoTop .photo_award  .result{
	background:url(/nng/images/n/2011/common/border_01.gif) left bottom repeat-x #fff;
	padding:13px 0;
	margin:0 auto;
	overflow:hidden;
}
#photoTop .photo_award  .result p{
	margin:0 auto;
	width:204px;
	overflow:hidden;
}
#photoTop .photo_award  .result .text{
	display:block;
	clear:both;
	padding:5px 0 0 0;
	font-weight:bold;
}


/* フラッシュバック */
#photoTop .flashback {
	margin-top:25px;
	margin-bottom:25px;
}
#photoTop .flashback dl {
	padding:10px 10px 10px 0;
	width:220px;
	overflow:hidden;
	background:#FFFFFF url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
}
#photoTop .flashback dt {
	width:95px;
	float:left;
}
#photoTop .flashback dd {
	width:115px;
	float:right;
}
#photoTop .flashback h3 {
	font-size:12px;
	margin-top:5px
}
#photoTop .flashback h3 span {
	font-weight:normal;
}
/* 小社の写真集／ビジュアル書籍 */
#photoTop .topics {
	background:#FFFFFF url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
	margin-bottom:30px;
}
#photoTop .topics ul {
	padding: 15px 15px 5px;
}
#photoTop .topics ul li {
	background:#FFFFFF url(/nng/images/n/2011/common/icon_01.gif) no-repeat left 7px;
	font-weight:bold;
	margin-bottom:7px;
	padding-left:10px;
}
/* slide */
#photoTop #slide {
    background: url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom #FFFFFF;
    padding: 20px 0 15px;
    width: 100%;
	overflow:hidden;
}
#photoTop #slide #slideInner {
	width:680px;
}
#photoTop #slide #slideList{
	width:540px;
	overflow:hidden;
	float:left;
}
#photoTop #slide #slideList img{
	border-width:0px;
}
#photoTop #slide #slideList ul{
	margin:0;
	padding:0;
}
#photoTop #slide #slideList li{
	list-style:none;
	float:left;
	width:100px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom: 20px;
	display:inline;
	text-align:center;
}
#photoTop #slide #slideList li img {
	border:1px solid #eeeeee;
}
#photoTop #slide #slideList li span {
	clear:both;
	padding-top:5px;
	font-size:10px;
	display:block;
	text-align:center;
}
#photoTop #slide #slideprevBtn{
	float:left;
	margin:25px 20px 0 25px;
	display:inline;
}
#photoTop #slide #slidenextBtn{
	float:right;
	margin:25px 20px 0 0;
	display:inline;
}


/* 2013年10月リニューアル追記 */
#photoTop .dailyPhoto .todaysWp{
	display:block;
	width:680px;
	height:380px;
	position:relative;
	overflow:hidden;
}
#photoTop .dailyPhoto .todaysWp #btnPrev a{
	display:block;
	background:url(/nng/images/n/2013/common/btn_prev.png) left top no-repeat;
	width:38px;
	height:38px;
	text-indent:-9999px;
	position:absolute;
	left:18px;
	top:177px;
}
* html body #photoTop .dailyPhoto .todaysWp #btnPrev a{
	background:url(/nng/images/n/2013/common/btn_prev.gif) left top no-repeat;
}
#photoTop .dailyPhoto .todaysWp #btnPrev a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#photoTop .dailyPhoto .todaysWp #btnNext a{
	display:block;
	background:url(/nng/images/n/2013/common/btn_next.png) left top no-repeat;
	width:38px;
	height:38px;
	text-indent:-9999px;
	position:absolute;
	right:18px;
	top:177px;
}
* html body #photoTop .dailyPhoto .todaysWp #btnNext a{
	background:url(/nng/images/n/2013/common/btn_next.gif) left top no-repeat;
}
#photoTop .dailyPhoto .todaysWp #btnNext a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#photoTop .dailyPhoto .todaysWp a{
	display:block;
	text-align:center;
	width:680px;
	height:380px;
	overflow:hidden;
	background:#fff;
	position:relative;
}
#photoTop .dailyPhoto .todaysWp ul{
	position:absolute;
	left:0;
	top:0;
	width:9999px;
	height:380px;
}
#photoTop .dailyPhoto .todaysWp li{
	width:680px;
	height:380px;
	overflow:hidden;
	float:left;
}
#photoTop .dailyPhoto .todaysWp li a .over{
	width:680px;
	height:380px;
	position:absolute;
	left:0;
	top:0;
	background:url(/nng/images/n/2013/common/screen_over.png) left bottom repeat-x;
}
* html body #magazineTop #magScreenWrap #imageList li a .over{
	display:none;
}
#photoTop .dailyPhoto .todaysWp li a .text{
	color:#fff;
	font-weight:bold;
	position:absolute;
	right:20px;
	bottom:20px;
}
#photoTop .dailyPhoto .todaysWp li a img{
	width:auto;
	height:auto;
	max-width:680px;
}
#photoTop .dailyPhoto #slide {
	height: 98px;
	padding: 10px 0;
}
#photoTop .dailyPhoto #slide #slideList li a span {
	clear:both;
	padding-top:5px;
	font-size:10px;
	display:block;
	text-align:center;
	width:98px;
	height:73px;
	overflow:hidden;
}
#photoTop .dailyPhoto #slide #slideList li a span img{
	height:73px;
}
#photoTop .dailyPhoto #slide #slideprevBtn{
	float:left;
	margin:31px 30px 0 25px;
	display:inline;
}
#photoTop .dailyPhoto #slide #slidenextBtn{
	float:right;
	margin:31px 25px 0 0;
	display:inline;
}
#photoTop .dailyPhoto .dailyList{
	display:block;
	text-align:right;
	margin:5px 0;
}



/* 2013年11月Your Shot追加 */
#photoTop .rightYourShot{
	margin:0 0 10px 0;
}
#photoTop .rightYourShot .yourshotBox{
	padding:15px;
	background:#fff;
	overflow:hidden;
}
#photoTop .rightWallpaper{
	margin:0 0 10px 0;
}
#photoTop .rightWallpaper .wallBox{
	padding:15px;
	background:#fff;
	overflow:hidden;
}
#photoTop #contRight .moreLink{
	margin:5px 0 0 0;
	text-align:right;
}
#photoTop .flashback {
	margin-top:10px;
}



/* 2014年3月リニューアル追記 */
#photoTop.new201403 h1 { margin-bottom: 10px;}
#photoTop.new201403 .todaysWp .tag {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
#photoTop.new201403 #photoContentsList {
  width: 700px;
  overflow: hidden;
  padding-top: 20px;
}
#photoTop.new201403 #photoContentsList li {
  width: 330px;
  float: left;
  background:url(/nng/images/n/2011/common/border_01.gif) left bottom repeat-x #fff;
  margin: 0 20px 20px 0;
  padding-bottom: 1px;
}
#photoTop.new201403 #photoContentsList li div {
  width: 300px;
  padding: 15px;
}
#photoTop.new201403 #photoContentsList li div h4 {
  border-left: 5px solid #FFDC00;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 15px;
  padding: 2px 0 0 10px;
}
#photoTop.new201403 #photoContentsList li div .text {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 15px;
}
#photoTop.new201403 #photoContentsList li div .detail {
  margin: 0;
  text-align: right;
}
#photoTop.new201403 #photoContentsList li .image {
  width: 330px;
  height: 220px;
  overflow: hidden;
  background:url(/nng/images/n/2011/common/border_01.gif) left top repeat-x #fff;
  padding-top: 1px;
  text-align: center;
  position: relative;
}
#photoTop.new201403 #photoContentsList li .image a { display: block;}
#photoTop.new201403 #photoContentsList li .image a:hover span {
  width: 324px;
  height: 214px;
  border: 3px solid #FEDC00;
  position: absolute;
  left: 0;
  top: 1px;
}
#photoTop.new201403 #photoContentsList li .image a img {
  border:none;
  overflow: hidden;
  width: auto;
  height: auto;
  width: 330px;
}


/*----------------------------------------------------
　フォト　壁紙 一覧
----------------------------------------------------*/
#wallpaperList {
	width:680px;
	margin-bottom:20px;
}
#wallpaperList h2 {
	margin:10px 0;
}
#wallpaperList .yearLink {
	width:680px;
	text-align:center;
	margin-bottom:10px;
}
#wallpaperList .yearLink ul.yearList {
	display:inline;
}
#wallpaperList .yearLink ul.yearList li {
	display:inline;
	padding:0 5px;
	font-size:14px;
	font-weight:bold;
}
#wallpaperList .yearLink ul.yearList li a {
	font-size:12px;
	font-weight:normal;
}
#wallpaperList .yearLink ul.yearList li.splink {
	position:relative;
}
#wallpaperList .yearLink ul.yearList li.splink a {
	background:url(/nng/images/n/2011/photo/wallpaper/icon_wplist.gif) no-repeat left center;
	padding-left:10px;
}
#wallpaperList .yearLink ul#downTab {
	display:none;
	background-color:#F3F3F3;
	text-align:left;
	width:95px;
	border-right:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	padding:15px 15px 5px;
	position:absolute;
	top:17px;
	right: -25px;
}
#wallpaperList .yearLink ul#downTab li {
	background:none;
	padding:0;
	font-size:12px;
	margin-bottom:10px;
	display:block;
}
#wallpaperList .yearLink ul#downTab li a {
	background:none;
	padding:0;
}
#wallpaperList #yearAll {
	width:680px;
	overflow:hidden;
	background:#ffffff url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
	padding-top:20px;
}
#wallpaperList h3 {
	text-align:center;
	margin:0 0 20px;
}
#wallpaperList h4 {
	padding:0 0 3px 20px;
	background:#ffffff url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
}
#wallpaperList .monthWrap {
	margin-bottom:20px;
}
#wallpaperList .monthWrap ul {
	width:640px;
	padding:10px 20px;
	overflow:hidden;
}
#wallpaperList .monthWrap ul li {
	float:left;
	margin:0 10px 10px 0;
	display:inline;
}
#wallpaperList .monthWrap ul li img {
	border:1px solid #DBDBDB;
}
#wallpaperList .btmPageNav {
  background-color: #fff;
  overflow: hidden;
  padding: 20px 0 30px;
}

/*----------------------------------------------------
　フォト　壁紙
----------------------------------------------------*/
#wallPaper {
	width:680px;
	background-color:#FFFFFF;
	position:relative;
}
#wallPaper h2 {
	padding-bottom:5px;
	background-color:#F3F3F3;
}
#wallPaper ul.bookmarks {
	text-align:right;
	position:absolute;
	top:3px;
	right:0;
}
#wallPaper ul.bookmarks li {
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
}
* html body #wallPaper ul.bookmarks li {display:inline;margin:0 5px;}
*:first-child+html body #wallPaper ul.bookmarks li {display:inline;margin:0 0 0 5px;}
/* viewer */
#wallPaper #wpContents{
	width:680px;
}
#wallPaper #mainImage{
	width:680px;
}
#wallPaper #mainImage img{
	max-width:680px;
}
#wallPaper #slide {
	overflow: hidden;
	width: 680px;
	padding:20px 0;
	border-top:1px dotted #bfbfbf;
}
#wallPaper #slide #wpInner {
	width:680px;
}
#wallPaper #slide #slideList{
	width:540px;
	overflow:hidden;
	float:left;
}
#wallPaper #slide #slideList img{
	border-width:0px;
}
#wallPaper #slide #slideList ul{
	margin:0;
	padding:0;
}
#wallPaper #slide #slideList li{
	list-style:none;
	float:left;
	width:100px;
	margin-left:0px;
	margin-right:10px;
	display:inline;
	text-align:center;
}
#wallPaper #slide #slideList li img {
	border:1px solid #eeeeee;
}
#wallPaper #slide #slideList li span {
	clear:both;
	padding-top:5px;
	font-size:10px;
	display:block;
	text-align:center;
}
#wallPaper #slide #slideprevBtn{
	float:left;
	margin:25px 20px 0 25px;
	display:inline;
}
#wallPaper #slide #slidenextBtn{
	float:right;
	margin:25px 20px 0 0;
	display:inline;
}
/* downloadInfo */
#wallPaper #downloadInfo {
	width:650px;
	padding:15px;
	overflow:hidden;
}
#wallPaper #downloadInfo .wpInfo {
	width:460px;
	float:left;
	padding-right:15px;
	border-right:1px solid #D6D6D6;
}
#wallPaper #downloadInfo .wpInfo h3 {
	font-size:16px;
	margin-bottom:5px;
}
#wallPaper #downloadInfo .wpInfo p {
	line-height:1.8;
}
#wallPaper #downloadInfo .wpInfo p strong a {
	background:url(/nng/images/n/2011/common/border_02.gif) repeat-x bottom;
}
#wallPaper #downloadInfo .wpInfo p strong a:hover {
	background:none;
}
#wallPaper #downloadInfo .wpInfo p.btn {
	margin-top:10px;
}
#wallPaper #downloadInfo .downLoad {
	width:151px;
	padding-right:10px;
	float:right;
	font-size:8px;
}
#wallPaper #downloadInfo .downLoad p {
	clear:both;
	padding-top:5px;
}
#wallPaper #downloadInfo dl dt {
	float:left;
	margin-bottom:10px;
}
#wallPaper #downloadInfo dl dd {
	float:left;
	margin-bottom:10px;
}
#wallPaper #downloadInfo  p.btn a:hover img,
#wallPaper #footlink a:hover img{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/* footlink */
#wallPaper #footlink {
	padding:15px 20px;
	background:#ffffff url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
}
#wallPaper #footlink ul {
	position:relative;
}
#wallPaper #footlink ul li {
	font-size:10px;
	margin-bottom:10px;
}
#wallPaper #footlink ul li.btn {
	position:absolute;
	top:31px;
	left:140px;
}
#wallPaper #footlink ul li img {
	margin-right:5px;
}

/*----------------------------------------------------
　写真家
----------------------------------------------------*/
#photographer {
	width:680px;
	background-color:#FFFFFF;
}
#photographer a {
	text-decoration:none;
}
#photographer h2 {
	text-align:center;
	margin-bottom:10px;
}
a.specialViewOpen{
	display:block;
	float:right;
	width:181px;
	height:25px;
	text-indent:-9999px;
	background:url(/nng/images/n/2011/photo/photographer/common/btn_photo_detail.gif) left top no-repeat;
	margin:0 0 10px 0;
}
.expansion_box{
	display:block;
	padding:0 20px;
}
.expansion_box a.specialViewOpen{
	margin-bottom:5px;
	*display:inline;
	*zoom:1;
}
/* viewer */
#photographer #viewer{
	width:650px;
	padding:0 15px 5px 15px;
	overflow:hidden;
}
#photographer #imagearea{
	width:650px;
	height:400px;
	position:relative;
}
#photographer #imagearea span.guard{
    position:absolute;
	z-index:10;
    display:block;
    width:100%;
    height:100%;
    background:url(/nng/images/n/2011/common/blank.gif) repeat;
}
#photographer #imagearea img{
	position:absolute;
}
#photographer #aboutarea{
	padding:5px;
}
#photographer #listWraper {
    background-color: #F3F3F3;
    overflow: hidden;
    padding: 20px;
    width: 640px;
}
#photographer #imagelist{
	margin:0 auto;
	padding:0px;
	width:540px;
	overflow:hidden;
	float:left;
}
#photographer #imagelist img{
	border-width:0px;
}
#photographer #imagelist ul{
	margin:0;
	padding:0;
}
#photographer #imagelist li{
	list-style:none;
	float:left;
	width:100px;
	margin-right:10px;
	display:inline;
	text-align:center;
}
#photographer #imagelist li img {
	border:1px solid #eeeeee;
}
#photographer #prevbutton{
	float:left;
	padding-right:23px;
	margin-top:20px;
}
#photographer #nextbutton{
	float:right;
	margin-top:25px;
}
#photographer .displaynone{
	display:none;
}

/* main contents */
#photographer {
	width:680px;
	overflow:hidden;
	padding-top:10px;
}
#photographer ul.bookmarks {
	text-align:right;
	padding:10px;
	border-bottom:1px solid #F3F3F3;
}
#photographer ul.bookmarks li {
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
}
* html body #photographer ul.bookmarks li {display:inline;margin:0 5px;}
*:first-child+html body #photographer ul.bookmarks li {display:inline;margin:0 0 0 5px;}
#photographer .articleWrap {
	width:610px;
	margin:25px auto;
	overflow:hidden;
}
#photographer .articleWrap .articleLeft {
	width:230px;
	float:left;
}
#photographer .articleWrap .articleLeft p.name {
	font-size:85%;
}
#photographer .articleWrap .articleLeft h3 {
	margin:15px 0 10px 0;
}
#photographer .articleWrap .articleLeft h3.auther {
	background:url(/nng/images/n/2012/common/title_yellow_bg.gif) left center no-repeat;
	padding:0 11px 0 13px;
	font-size: 14px;
	line-height: 16px;
}
#photographer .articleWrap .articleLeft .photo img{
	border:1px solid #DDDDDD;
}
#photographer .articleWrap .articleLeft ul.links {
	padding-left:10px;
}
#photographer .articleWrap .articleLeft ul.links li {
	display:inline;
}
#photographer .articleWrap .articleLeft ul.portfolio li {
	background:url(/nng/images/n/2011/common/icon_01.gif) no-repeat left 7px;
	padding-left:10px;
	margin-bottom:3px;
}
#photographer .articleWrap .articleLeft .spBottom{
	display:block;
	overflow:hidden;
	clear:both;
}
#photographer .articleWrap .articleLeft .opBtn{
	display:block;
	margin:30px 0 0 0;
}
#photographer .articleWrap .articleRight {
	width:360px;
	float:right;
}
#photographer .articleWrap .articleRight p {
	margin-bottom:10px;
	font-size:115%;
	line-height:1.8;
}
#photographer .articleWrap .articleRight p.small {
	font-size:85%;
	font-weight:normal;
}
#photographer .articleWrap .articleRight p a{
	font-weight:bold;
	color: #373737;
}
#photographer .articleWrap .articleRight a:hover {
    color: #FEDC00;
}
#photographer .articleWrap .articleRight {
	width:360px;
	float:right;
}
#photographer .articleWrap .articleRight ul li {
	margin-bottom:5px;
	list-style:none;
	line-height:1.5;
}
#photographer .articleWrap .articleRight ul li img {
	vertical-align:middle;
}
#photographer .articleWrap .articleRight ul li ul {
	padding-left:10px;
	padding-top: 3px;
}
#photographer .articleWrap .articleRight ul li ul li {
	display:inline;
	margin-bottom:3px;
}
#photographer .articleWrap .articleRight ul li a:hover img{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/* 201612 */
#mainContents #photographer #newLayout h3.portfolio {
	border-left: 5px solid #ffdc00;
	line-height: 1.2;
	margin-bottom: 15px;
	padding: 5px 10px 3px;
}
#mainContents #photographer #newLayout .imageBox li {
	margin-right: 11px;
	padding: 0;
	width: 195px;
}
#mainContents #photographer #newLayout .imageBox a {
	margin: 0 0 5px;
	max-width: none;
	width: 195px;
}
#mainContents #photographer #newLayout .imageBox a img,
#mainContents #photographer #newLayout .imageBox a.overLine img {
	float: none;
	height: auto;
	max-height: none;
	height: auto;
	max-width: none;
	width: 195px;
}

/*----------------------------------------------------
  ナショジオの写真家
----------------------------------------------------*/
#photographer dl.linkBox {
	padding:10px;
	width:360px;
	overflow:hidden;
}
#photographer dl.linkBox dt {
	width:170px;
	float:left;
}
#photographer dl.linkBox dd span {
	display:block;
	margin-bottom:5px;
}
#photographer dl.linkBox dd {
	width:190px;
	font-weight:bold;
	float:right;
}

#photographer .articleRight .infoBox{
	border:1px solid #dfdfdf;
	padding:0 10px;
}
#photographer .articleRight .infoBox dl{
	display:block;
	overflow:hidden;
	padding:10px 0;
	*zoom:1;
}
#photographer .articleRight .infoBox dl.top_border{
	border-top:1px dotted #dfdfdf;
}
#photographer .articleRight .infoBox dt{
	width:50px;
	margin:0 20px 0 0;
	float:left;
}
#photographer .articleRight .infoBox dt img{
	width:48px;
}
#photographer .articleRight .infoBox dd{
	display:block;
	width:255px;
	float:left;
	background:url(/nng/images/n/2012/common/icon_05.gif) left 0.4em no-repeat;
	padding:0 0 0 10px;
}
#photographer .articleRight .infoBox a{
	text-decoration:underline;
}
/* 2014.03.11　小松原追記 */
#photographer .articleWrap .articleRight p.comment{
	font-size:150%;
	line-height:1.8;
	margin-bottom:2em;
}

#photographer .catch{
	font-size:140%;
	margin:20px 0 20px;
	line-height:2em;
}

#photographer .infoBox_w{
	width:210px;
	border:2px solid #dfdfdf;
	padding:0 10px 10px;
	margin-top:10px;
}
#photographer .ttl {
	margin-bottom:5px;
	border-left:5px solid #ffdc00;
	padding:0 0 0 10px;
	font-size:14px;
	line-height:1.4;
}

#photographer .infoBox_w dl{
	display:block;
	overflow:hidden;
	padding:0 ;
	*zoom:1;
}
#photographer .infoBox_w dl.top_border{
	border-top:2px dotted #dfdfdf;
}
#photographer .infoBox_w dt{
	width:210px;
	margin:0 0 20px;
}
#photographer .infoBox_w dt img{
	width:130px;
}
#photographer .infoBox_w dt p {
margin:0 auto 10px;
width: 130px;
}

#photographer .infoBox_w dd{
	display:block;
	width:200px;
	float:left;
	background:url(/nng/images/n/2012/common/icon_05.gif) left 0.4em no-repeat;
	padding:0 0 0 10px;
	margin:10px 10px 0 0;
}
#photographer .infoBox_w dd p{margin-bottom:10px;}
#photographer .infoBox_w a{
	text-decoration:underline;
}
#photographer .articleWrap .articleLeft .infoBox_w .opBtn{
	display:block;
	margin:0 15px 0 0;
	float: left;
}
#photographer .itemBox .image a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#photographer .infoBox_w .linkBtn{margin-bottom:10px}
#photographer .btnBox a.amazon{
	background:none;
}
#photographer .btnBox a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/*----------------------------------------------------
　フォト　フラッシュバック 一覧
----------------------------------------------------*/
#flashbackList {
	width:680px;
	margin-bottom:20px;
}
#flashbackList h2 {
	margin:10px 0;
}
#flashbackList .yearLink {
	width:680px;
	text-align:center;
	margin-bottom:10px;
}
#flashbackList .yearLink ul.yearList {
	display:inline;
}
#flashbackList .yearLink ul.yearList li {
	display:inline;
	padding:0 5px;
	font-size:14px;
	font-weight:bold;
}
#flashbackList .yearLink ul.yearList li a {
	font-size:12px;
	font-weight:normal;
}
#flashbackList #yearAll {
	width:680px;
	overflow:hidden;
	background:#ffffff url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
}
#flashbackList #yearAll p.linkfb {
	padding:7px 7px 0 0;
	text-align:right;
	background:#ffffff url(/nng/images/n/2011/common/border_01.gif) repeat-x top;
}
#flashbackList #yearAll h3 {
	text-align:center;
	margin:0 0 20px;
	padding-top:10px;
}
#flashbackList #yearAll h4 {
	padding:0 0 3px 0;
	background:#ffffff url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
	margin-bottom:10px;
}
#flashbackList #yearAll ul.line {
	width:660px;
	overflow:hidden;
	margin-left:20px;
}
#flashbackList #yearAll ul.line li {
	width:200px;
	float:left;
	display:inline;
	margin:0 20px 10px 0;
}
#flashbackList #yearAll ul.line p {
	text-align:center;
}
#flashbackList #yearAll ul.line p img{
	width:198px;
}
#flashbackList #yearAll ul.line p.title {
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
}
#flashbackList #yearAll ul.line p.title span {
	font-size:12px;
	font-weight:normal;
	display:block;
}

/*----------------------------------------------------
　フォト　フラッシュバック
----------------------------------------------------*/
#flashBack {
	width:680px;
	background-color:#FFFFFF;
	position:relative;
}
#flashBack h2 {
	padding-bottom:5px;
	background-color:#F3F3F3;
}
#flashBack ul.bookmarks {
	text-align:right;
	position:absolute;
	top:3px;
	right:0;
}
#flashBack ul.bookmarks li {
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
}
* html body #flashBack ul.bookmarks li {display:inline;margin:0 5px;}
*:first-child+html body #flashBack ul.bookmarks li {display:inline;margin:0 0 0 5px;}
#flashBack #wpContents {
	background:#ffffff url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
}
#flashBack #wpContents h3 {
	background:#ffffff url(/nng/images/n/2011/common/border_01.gif) repeat-x top;
	text-align:center;
	padding-top:20px;
}
#flashBack #wpContents h4 {
	text-align:center;
	font-weight:normal;
	margin-bottom:15px;
}
/* textArea */
#flashBack #textArea {
	padding:30px;
}
#flashBack #textArea h4 {
	font-size:16px;
	text-align:left;
	font-weight:bold;
	margin-bottom:15px;
}
#flashBack #textArea p {
	font-size:14px;
	line-height:1.8;
}
#flashBack #textArea p.small {
	font-size:12px;
	margin-top:15px;
}
#flashBack #wpContents{
	width:680px;
}
#flashBack p#mainImage{
	text-align:center;
}
/* viewer */
#flashBack #wpContents{
	width:680px;
}
#flashBack #wpContents p.btn{
	text-align:right;
	padding:0 15px 15px 0;
}
#flashBack #slide {
	overflow: hidden;
	width: 680px;
	padding:20px 0;
}
#flashBack #slide #wpInner {
	width:680px;
}
#flashBack #slide #slideList{
	width:540px;
	overflow:hidden;
	float:left;
}
#flashBack #slide #slideList img{
	border-width:0px;
}
#flashBack #slide #slideList ul{
	margin:0;
	padding:0;
}
#flashBack #slide #slideList li{
	list-style:none;
	float:left;
	width:100px;
	margin-left:0px;
	margin-right:10px;
	display:inline;
	text-align:center;
}
#flashBack #slide #slideList li img {
	border:1px solid #eeeeee;
}
#flashBack #slide #slideList li span {
	clear:both;
	padding-top:5px;
	font-size:10px;
	display:block;
	text-align:center;
}
#flashBack #slide #slideprevBtn{
	float:left;
	margin:25px 20px 0 25px;
	display:inline;
}
#flashBack #slide #slidenextBtn{
	float:right;
	margin:25px 20px 0 0;
	display:inline;
}
/* footlink */
#flashBack #footlink {
	padding:15px 20px;
	background:#ffffff url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
}
#flashBack #footlink ul {
	position:relative;
}
#flashBack #footlink ul li {
	font-size:10px;
	margin-bottom:10px;
}
#flashBack #footlink ul li.btn {
	position:absolute;
	top:31px;
	left:140px;
}
#flashBack #footlink ul li img {
	margin-right:5px;
}
/* commodity */
#flashBack .commodity {
	width:680px;
	padding-top:20px;
	background-color:#f3f3f3;
}
#flashBack .commodity h3 {
	padding-bottom:2px;
	background:#f3f3f3 url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
}
#flashBack .commodity ul {
	width:660px;
	overflow:hidden;
	background:#ffffff url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
	padding:0 0 5px 20px;
}
#flashBack .commodity ul li {
	width:200px;
	float:left;
	text-align:center;
	margin:20px 20px 10px 0;
	display:inline;
}
#flashBack .commodity ul li a {
	display:block;
	font-weight:bold;
}
#flashBack .commodity ul li img {
	border:1px solid #F3F3F3;
	margin-bottom:5px;
}


/* フォトグラファー親記事用定義 */
.phot .pgListLinkArea{
	position:relative;

}
.phot .pgListLinkArea .photographerListTitle{
	margin:10px 0;
}
.phot .pgListLinkArea .ph_head_link{
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	z-index:10;
}
.phot #topicsList{
	margin-bottom:5px;
}
.phot #topicsList #authorKijiList{
	width:630px;
	overflow:hidden;
	z-index:5;
	padding:25px 25px 0 25px;
}
.phot #topicsList #authorKijiList .contentsList{
	width:670px;
	overflow:hidden;
	margin:0;
}
.phot #topicsList #authorKijiList .contentsList li{
	width:170px;
	padding:5px 13px;
	margin:0 21px 25px 0;
	border-top:3px solid #BFBFBF;
	float:left;
	list-style:none;
	background:url(/nng/images/n/2011/photo/photographer/common/ph_list_bg.gif) left bottom no-repeat;
}
.phot #topicsList #authorKijiList .contentsList li h4{
	padding:0 0 3px 0;
	font-size:14px;
	lone-height:16px;
}
.phot #topicsList #authorKijiList .contentsList li .img img{
	width:170px;
	height:114px;
}
.phot #topicsList #authorKijiList .contentsList li .txt{
	clear:both;
	padding:5px 0;
	font-size:11px;
	line-height:14px;
}

/*----------------------------------------------------
　今日の1枚 一覧
----------------------------------------------------*/
#dailyPictList {
	width:680px;
	margin-bottom:20px;
}
#dailyPictList h2 {
	margin:10px 0;
}
#dailyPictList .yearLink {
	width:680px;
	text-align:center;
	margin-bottom:10px;
}
#dailyPictList .yearLink ul.yearList {
	display:inline;
}
#dailyPictList .yearLink ul.yearList li {
	display:inline;
	padding:0 8px;
	font-size:14px;
	font-weight:bold;
}
#dailyPictList .yearLink ul.yearList li a {
	font-size:12px;
	font-weight:normal;
}
#dailyPictList .yearLink ul.yearList li.splink {
	position:relative;
}
#dailyPictList .yearLink ul.yearList li.splink a {
	background:url(/nng/images/n/2011/photo/wallpaper/icon_wplist.gif) no-repeat left center;
	padding-left:10px;
}
#dailyPictList .yearLink ul#downTab {
	display:none;
	background-color:#F3F3F3;
	text-align:left;
	width:95px;
	border-right:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	padding:15px 15px 5px;
	position:absolute;
	top:17px;
	left:0px;
}
#dailyPictList .yearLink ul#downTab li {
	background:none;
	padding:0;
	font-size:12px;
	margin-bottom:10px;
	display:block;
}
#dailyPictList .yearLink ul#downTab li a {
	background:none;
	padding:0;
}
#dailyPictList #yearAll {
	width:680px;
	overflow:hidden;
	background:#ffffff url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
	padding-top:20px;
}
#dailyPictList h3 {
	text-align:center;
	margin:0 0 20px;
}
#dailyPictList h4 {
	padding:0 0 3px 20px;
	background:#ffffff url(/nng/images/n/2011/common/border_01.gif) repeat-x bottom;
}
#dailyPictList .monthWrap {
	margin-bottom:20px;
}
#dailyPictList .monthWrap ul {
	width:640px;
	padding:10px 20px;
	overflow:hidden;
}
#dailyPictList .monthWrap ul li {
	float:left;
	margin:0 10px 10px 0;
	display:block;
	text-align:center;
}
#dailyPictList .monthWrap ul li a {
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:50px;
	overflow:hidden;
	border:1px solid #DBDBDB;
	text-align:center;
}
#dailyPictList .monthWrap ul li a img{
	height:50px;
}

/* 壁紙 レコメンド枠 */
#wallPaper .specialLinkBox .kakomi {
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 0 10px;
  width: 590px;
}
#wallPaper .specialLinkBox .kakomi p {
	line-height: 1.6;
}
#wallPaper .specialLinkBox .kakomi p.midashi {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}
#wallPaper .specialLinkBox .kakomi .book img {
	border: 1px solid #CCCCCC;
	float: left;
	margin: 0 20px 10px 0;
	width: 120px;
}
#wallPaper .specialLinkBox .kakomi .btn {
	padding-top: 15px;
}
#wallPaper .specialLinkBox .kakomi .btn a{
	padding-right: 15px;
}