@charset "utf-8";

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

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


/* Stylesheet Document */

@media all {

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

	#event {
	}

	#event footer {
		border-top: 4px solid #539F44;
	}


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

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


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

	#event #main h3 {
		border-bottom-color: #539F44;
	}

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

	#event #main div.tab {
		border-bottom: 3px solid #3D7030;
	}

	#event #main div.tab ul li a.on,
		#event #main div.tab ul li a:hover {
			background-color: #549F44;
			background-image: url("../../../img/pc/event/bg_tab_on.png");
			border-bottom: 1px solid #549F44;
	}

	#event #main div.monthly {
		margin-top: -16px;
	}

	#event #main div.monthly h6,
		#event #main div.monthly ul {
			float: left;
	}

	#event #main div.monthly h6 {
		margin-top: 4px;
		text-align: center;
		width: 64px;
	}

	#event #main div.monthly ul {
		margin-left: 0;
		width: 528px;
	}

	#event #main div.monthly ul li {
		margin-left: 2px;
		margin-right: 2px;
		width: 40px;
	}

	#event #main div.monthly ul li a {
		color: #535343 !important;
	}

	#event #main div.category ul li a {
		color: #4D933F;
	}

	#event #main div.thumbnail div.container h4 {
		background-color: #539F44;
	}

	#event #main div.event ul.articlelist {
		margin-bottom: 28px;
		margin-left: -10px;
		margin-right: -10px;
		width: 620px;
	}

	#event #main div.event ul.articlelist li {
		margin-left: 10px;
		margin-right: 10px;
		padding-left: 12px;
		padding-right: 12px;
		width: 266px;
	}

	#event #main div.event div.pr {
		margin-top: -36px;
	}

	#event #main div.linklist h4 {
		border-bottom-color: #539F44;
	}

	#event #main div.article div.paragraph table tr th {
		width: auto;
	}

	#event #main div.articlelist ul.list {
		margin-left: 8px;
	}

	#event #main ul.articlelist li div.infoarea h4 a,
		#event ul.articlelist li div.infoarea span.date {
			color: #539F44;
	}

	#event #main div.blog ul.articlelist h4 a {
		color: #539F44;
	}

	#event #main div.comment ul li div.userinfo span.nam e {
		color: #539F44;
	}

	#event #main div.pagenation ul li a {
		color: #549F44;
		border: 1px solid #549F44;
	}

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


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

	#event.home #main div.pr {
		margin-top: -22px;
	}

	#event.home div.oneline #main ul.oneline li {
		padding-left: 6px;
		padding-right: 6px;
	}

	#event.home #main div.oneline ul.articlelist li div.photoarea,
		#event.home #main div.oneline ul.articlelist li div.photoarea div.photo {
			width: 120px;
	}

	#event.home #main div.oneline ul.articlelist li div.photoarea div.photo img {
		max-height: 90px;
		max-width: 120px;
	}

	#event.home #main div.oneline ul.articlelist li div.infoarea {
		width: 458px;
	}

	#event.home #main div.oneline ul.articlelist li div.infoarea h4 span,
		#event.home #main div.oneline ul.articlelist li div.infoarea p {
			font-size: 80% !important;
	}

	#event.home #main div.oneline ul.articlelist li div.infoarea h4 span {
		font-size: 80% !important;
		font-weight: normal;
	}

}