@charset "utf-8";

/*
	* Name: photograph.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license

	* Contents:
	  - 領域設定 - レイアウト -
	    - 01. 領域設定 - ID指定 -
	    - 07. 領域設定 - Main -
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - レイアウト -
	======================================== */

	#photograph {
	}

	#photograph footer {
		border-top: 4px solid #727238;
	}


	/* ========================================
	   * 01. 領域設定 - ID指定 -
	======================================== */

	#photograph #contents {
		background-image: url("../../../img/pc/photograph/bg_border.gif");
		border-bottom: 1px solid #DBDBC8;
		border-top: 1px solid #DBDBC8;
	}


	/* ========================================
	   * 07. 領域設定 - Main -
	======================================== */

	#photograph #main h3 {
		border-bottom-color: #727238;
	}

	#photograph #main h3 span {
		background-image: url("../../../img/pc/photograph/icon_circle_photograph.png");
	}

	#photograph #main h3 span.toppage {
		font-size: 130%;
	}

	#main h3 span a.title {
		position: static;
	}

	#photograph #main ul.list {
		margin-bottom: 2px;
	}

	#main hr.more {
		border-top: 1px dotted #DCDCDC;
		border-bottom: 0px;
		padding: 0;
		margin: 3px;
	}

	#photograph #main div.category ul li a {
		color: #5B5B2D;
	}

	#photograph #main div.thumbnail div.container h4 {
		background-color: #727238;
	}

	#photograph #main div.pagenation ul li a {
		color: #727238;
		border: 1px solid #727238;
	}

	#photograph #main div.pagenation ul li a:hover,
		#photograph #main div.pagenation ul li a.current,
			#photograph #main div.pagenation ul li a.prev,
				#photograph #main div.pagenation ul li a.next {
					background-color: #727238;
	}

	/* ========================================
	   * 個別設定 - 中国新聞写真クラブ -
	======================================== */

	#photograph.club #main ul.photolist li div.photo {
		height: 200px;
	}


	/* ========================================
	   * 個別設定 - 読者の写真 -
	======================================== */

	#photograph.readers #main div.blogarea div.leftside {
		width: 378px;
	}

	#photograph.readers #main div.blogarea div.rightside {
		float: right;
		width: 206px;
	}

	#photograph.readers #main div.blogarea div.rightside div.linklist h4  {
		border-bottom-color: #727238;
	}

	#photograph.readers #main ol.ranking {
		list-style-type: none;
		margin-bottom: 14px;
		margin-left: 0;
		margin-top: -18px;
	}

	#photograph.readers #main ol.ranking li {
		border-bottom: 1px dotted #D2D2D0;
		font-size: 120%;
		padding: 14px;
	}

	#photograph.readers #main ol.ranking li div.rankingarea {
		margin: 0;
	}

	#photograph.readers #main ol.ranking li div.rankingarea:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#photograph.readers #main ol.ranking li div.rankingarea div.photoarea,
		#photograph.readers #main ol.ranking li div.rankingarea div.infoarea {
			float: left;
	}

	#photograph.readers #main ol.ranking li div.rankingarea div.photoarea {
		height: 106px;
		margin-right: 24px;
		text-align: center;
		width: 150px;
	}

	#photograph.readers #main ol.ranking li div.rankingarea div.photoarea img {
		height: 106px;
		width: auto;
	}

	#photograph.readers #main ol.ranking li div.comment {
		background-color: #F7F7F7;
		border: 1px solid #E4E4E4;
		margin: 14px 0 0 0;
		padding: 14px;
	}

	#photograph.readers #main ol.ranking li div.comment:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#photograph.readers #main ol.ranking li div.comment div.photoarea,
		#photograph.readers #main ol.ranking li div.comment div.commentarea {
			float: left;
	}

	#photograph.readers #main ol.ranking li div.comment div.photoarea {
		height: 90px;
		margin-right: 20px;
		text-align: center;
		width: 90px;
	}

	#photograph.readers #main ol.ranking li div.comment div.photoarea img {
		max-height: 90px;
		max-width: 90px;
	}

	#photograph.readers #main ol.ranking li div.comment div.commentarea {
		width: 440px;
	}

	#photograph.readers #main ol.honorable {
		border-bottom: 1px dotted #D2D2D0;
		list-style-type: none;
		margin-bottom: 10px;
		margin-left: 0;
		padding-bottom: 14px;
		padding-left: 14px;
		padding-right: 14px;
		width: 580px;
	}

	#photograph.readers #main ol.honorable:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#photograph.readers #main ol.honorable li {
		float: left;
		margin-left: 6px;
		margin-right: 6px;
		width: 104px;
	}

	#photograph.readers #main ol.honorable li div.photoarea {
		height: 104px;
		margin-bottom: 12px;
		text-align: center;
		width: 104px;
	}

	#photograph.readers #main ol.honorable li div.photoarea img {
		height: auto;
		max-height: 104px;
		max-width: 104px;
		width: auto;
	}

	#photograph.readers #main ol.honorable li div.infoarea {
		font-size: 80%;
		text-align: center;
	}

	#photograph.readers #main div.applicant {
		border-bottom: 1px dotted #D2D2D0;
		padding: 0 12px 10px 12px;
		text-align: right;
	}

}