@charset "utf-8";
/*
* gallery.css
*
* date: 2014/MM/DD
*/

/* menuTab
-------------------------------------------------- */
#mainSection #menuTab {
	border-bottom: 1px solid #a2df44;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	position: relative;
}
	#mainSection #menuTab li {
		background: #999999;
		border-bottom: 1px solid #999999;
		border-radius: 5px 5px 0 0;
		 -moz-border-radius: 5px 5px 0 0;
		 -webkit-border-radius: 5px 5px 0 0;
		color: #ffffff;
		float: left;
		margin: 0 10px 0 0;
		position: relative;
		text-indent: 33px;
		width: 365px;
		behavior: url(/_js/PIE.htc);
	}
	#mainSection #menuTab li:before {
		content: url(/_img/ico/ico_tab_no.png);
		left: -22px;
		position: absolute;
		top: 14px;
	}
		#mainSection #menuTab li a {
			color: #ffffff;
		}
	#mainSection #menuTab li:hover {
		background: #ffffff;
		border-top: 1px solid #a2df44;
		border-left: 1px solid #a2df44;
		border-right: 1px solid #a2df44;
		border-bottom: 1px solid #ffffff;
		width: 363px;
	}
		#mainSection #menuTab li:hover a {
			color: #598b00;
		}
	#mainSection #menuTab li:hover:before {
		content: url(/_img/ico/ico_tab_on.png);
	}
	#mainSection #menuTab li.current {
		background: #ffffff;
		border-top: 1px solid #a2df44;
		border-left: 1px solid #a2df44;
		border-right: 1px solid #a2df44;
		border-bottom: 1px solid #ffffff;
		color: #598b00;
		width: 363px;
	}
	#mainSection #menuTab li.current:before {
		content: url(/_img/ico/ico_tab_on.png);
	}
	#mainSection #menuTab li.firstLi {
		margin: 0 10px 0;
	}
		#mainSection #menuTab li a {
			display: block;
			height: 100%;
			width: 100%;
		}

/* menuJump
-------------------------------------------------- */
#mainSection .menuJump {
	margin: 20px 10px;
	min-height: 20px;
}

/* contentMain
-------------------------------------------------- */
#mainSection ul.contentMain {
	margin: 10px 0 10px 10px;
}
	#mainSection ul.contentMain li {
		float: left;
		margin: 0 15px 20px 0;
		min-height: 140px;
		width: 135px;
	}
	#mainSection ul.contentMain li.rightLi {
		margin: 0 0 20px 0;
	}
		#mainSection ul.contentMain li .photo {
			background: #000000;
			border: 1px solid #999999;
			text-align: center;
		}
			#mainSection ul.contentMain li .photo img {
				max-height: 88px;
				max-width: 133px;
			}
		#mainSection ul.contentMain li .date {
			color: #007129;
			margin: 5px 0 0 5px;
		}
		#mainSection ul.contentMain li .ttl {
			color: #333333;
			margin: 0 0 0 5px;
			line-height: 1.2;
		}
	#mainSection ul.contentMain li:hover {
		left: -1px;
		margin: 0 13px 18px 0;
		position: relative;
		top: -1px;
		width: 137px;
	}
	#mainSection ul.contentMain li.rightLi:hover {
		margin: 0 0 20px 0;
	}
		#mainSection ul.contentMain li:hover .photo {
			border: 2px solid #598b00;
		}
			#mainSection ul.contentMain li:hover .photo img {
				 filter: alpha(opacity=80);
				 -ms-filter: 'alpha(opacity=80)';
				 opacity: .8;
			}
		#mainSection ul.contentMain li:hover .date,
		#mainSection ul.contentMain li:hover .ttl {
			color: #598b00;
			left: 1px;
			margin-right: 2px;
			position: relative;
			top: -1px;
		}

/* paging
-------------------------------------------------- */
#mainSection .pagingArea {
	overflow: hidden;
	width: 100%;
}
	#mainSection .pagingArea ul.paging {
		float: left;
		left: 50%;
		position: relative;
	}
		#mainSection .pagingArea ul.paging li {
			background: #598b00;
			border: 1px solid #598b00;
			color: #598b00;
			float: left;
			font-size: 12px;
			font-weight: normal;
			height: 24px;
			line-height: 24px;
			margin: 0 5px;
			right: 50%;
			position: relative;
			text-align: center;
			width: 25px;
		}
		#mainSection .pagingArea ul.paging li:hover {
			background: #ffffff;
		}
			#mainSection .pagingArea ul.paging li:hover a {
				color: #598b00;
			}
			#mainSection .pagingArea ul.paging li a {
				color: #ffffff;
				display: block;
				height: 100%;
				width: 100%;
			}
		#mainSection .pagingArea ul.paging li.prev,
		#mainSection .pagingArea ul.paging li.next {
			width: 50px;
		}
		#mainSection .pagingArea ul.paging li.prev:hover,
		#mainSection .pagingArea ul.paging li.next:hover {
			border: 1px solid #598b00;
		}
		#mainSection .pagingArea ul.paging li.current {
			background: #ffffff;
			border: 1px solid #598b00;
		}
		#mainSection .pagingArea ul.paging li.abb {
			background: #ffffff;
			border: none;
			width: 15px;
		}
		#mainSection .pagingArea ul.paging li.prev:before {
			background: #ffffff;
			content: url(/_img/btn/btn_paging_prev01.png);
			position: absolute;
			left: -12px;
			top: 0;
		}
		#mainSection .pagingArea ul.paging li.next:after {
			background: #ffffff;
			content: url(/_img/btn/btn_paging_next01.png);
			position: absolute;
			right: -12px;
			top: 0;
		}
		#mainSection .pagingArea ul.paging li.prev:hover:before {
			background: #ffffff;
			content: url(/_img/btn/btn_paging_prev02.png);
			position: absolute;
			left: -12px;
			top: 0;
		}
		#mainSection .pagingArea ul.paging li.next:hover:after {
			background: #ffffff;
			content: url(/_img/btn/btn_paging_next02.png);
			position: absolute;
			right: -12px;
			top: 0;
		}