@charset "utf-8";

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

	* Contents:
	  - 領域設定 - レイアウト -
	    - 01. 領域設定 - ID指定 -
	    - 07. 領域設定 - Main -
	  - 個別設定 - Top -
	  - 個別設定 - 花咲かブログ -
*/


/* Stylesheet Document */

@media all {

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

	#contribution {
	}

	#contribution footer {
		border-top: 4px solid #CB3D1F;
	}


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

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


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

	#contribution #main h3 {
		border-bottom-color: #CB3D1F;
	}

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

	#contribution #main div.linklist h4 {
		border-bottom-color: #CB3D1F;
	}

	#contribution #main div.contribution div.photoarea a {
		background: url("../../../img/pc/common/bg_gray_grid.gif");
		padding: 7px;
	}

	#contribution #main div.contribution div.photoarea {
		width: 226px;
	}

	#contribution #main div.contribution div.photoarea a img {
		display: block;
	}

	#contribution #main div.contribution div.photoarea a img {
		border: 1px solid #FFFFFF;
	}

	#contribution #main div.contribution div.commentarea {
		width: 330px;
	}

	#contribution #main div.thumbnail div.container h4 {
		background-color: #CB3D1F;
	}

	#contribution #main div.blog ul.articlelist h4 a {
		color: #CB3D1F;
	}

	#contribution #main div.comment ul li div.userinfo span.name {
		color: #CB3D1F;
	}

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

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


	/* ========================================
	   * 個別設定 - Top -
	======================================== */

	#contribution.home #main h3 {
		margin-bottom: 20px;
	}


	/* ========================================
	   * 個別設定 - 花咲かブログ -
	======================================== */

	#contribution.hanasaka #main div.blog ul.articlelist li div.photoarea {
		height: auto;
		width: 120px;
	}

	#contribution.hanasaka #main div.blog ul.articlelist li div.photoarea img {
		max-width: 120px;
	}

	#contribution.hanasaka #main div.blog ul.articlelist li div.infoarea {
		width: 450px;
	}

	#contribution.hanasaka.article #main div.updateddate span {
		border-left: 1px solid #C4C4C4;
		margin: 0 0 0 10px;
		padding: 0 0 0 10px;
	}

	#contribution.hanasaka.article #main div.photoarea {
		clear: both;
		float: none;
		margin-left: 0;
		width: 220px;
	}

	#contribution.hanasaka.article #main div.photoarea img {
		max-width: 220px;
	}

	#contribution.hanasaka.article #main div.photoarea img.icon_photo {
		height: auto;
		margin: 0 4px 0 0;
		vertical-align: middle;
		width: auto;
	}

	#contribution.hanasaka.article #main div.leftside {
		float: left;
	}

	#contribution.hanasaka.article #main div.centerside {
		margin-left: auto;
		margin-right: auto;
	}

	#contribution.hanasaka.article #main div.rightside {
		float: right;
	}

	#contribution.hanasaka.article #main div.pagenation {
		margin-bottom: 42px;
	}


	/* ========================================
	   * 個別設定 - Simple -
	======================================== */

	#contribution.simple header {
		border-bottom: 4px solid #CB3D1F;
	}

}