@charset "utf-8";
/*
 * name:event.css
 * author:Manabu Kushimoto(web-park.org)
*/

/* import
------------------------------------------------ */
@import "../default.css";
@import "../common.css";

/* tab_nav
------------------------------------------------ */
#tab_nav {
	width: 602px;
	height: 92px;
	background: url(../../img/event/nav_bg.gif) no-repeat left top;
}
#tab_nav:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

	#tab_nav ul {
	}

		#tab_nav ul li {
			float: left;
		}

			#tab_nav ul li a {
			}

				#tab_nav ul li a.on,
				#tab_nav ul li a:hover img {
					opacity: 0;
					filter: alpha(opacity=0);
				}

/* tabContents
------------------------------------------------ */
#tabContents {
	position: relative;
}

	#tabContents .tab_section {
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
	}


/* event_list
------------------------------------------------ */
.event_list {
	padding: 10px 0 0;
}

	.event_list li {
		margin: 0 0 9px 9px;
		padding: 19px 17px;
		width: 152px;
		border: dotted #b9b9b9 1px;
	}

/* circle_list
------------------------------------------------ */
.circle_list {
	padding: 10px 0;
	width: 100%;
}
.circle_list:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

	.circle_list li {
		float: left;
		margin: 0 0 8px 8px;
		padding: 17px;
		border: dotted #d9d9d9 1px;
		width: 252px;
	}

		.circle_list li p {
			font-size: 85%;
		}

		.circle_list li .image {
			position: relative;
			width: 250px;
			height: 200px;
			border: solid #ddd 1px;
			overflow: hidden;
		}

			.circle_list li .image .new {
				position: absolute;
				top: 0;
				right: 0;
			}

		.circle_list li .icon {
			padding-top: 10px;
		}

		.circle_list li h3 {
			font-size: 100%;
			color: #187496;
		}

		.circle_list li .time {
			padding-left: 15px;
			background: url(../../img/icon/watch.gif) no-repeat left .5em;
		}

		.circle_list li .detail {
			padding-top: 20px;
			font-weight: bold;
		}

			.circle_list li .detail a {
				padding-left: 20px;
				background: url(../../img/icon/arrow01.gif) no-repeat left .4em;
			}

/* info
------------------------------------------------ */
.info {
	margin: 40px 0 40px 9px;
	font-size: 90%;
}
.info:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

	.info dl {
	}

	.info dl:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

		.info dl dt {
			float: left;
			padding-right: 10px;
			width: 46px;
		}

		.info dl dd {
			padding-top: 7px;
			font-weight: bold;
			line-height: 1.4;
		}

	.info div {
		margin-top: 20px;
		padding: 15px;
		background: #f8f8f8;
		border: dotted #ccc 1px;		
	}

/* event_detail
------------------------------------------------ */
#event_detail {
	position: relative;
	margin-left: 9px;
	padding: 28px;
	width: 524px;
	border: dotted #d9d9d9 1px;
}
#event_detail:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

	#event_detail .category {
		position: absolute;
		top: 0;
		right: 0;
		padding: 3px 15px;
		border-radius: 0 0 0 3px;
		-webkit-border-radius: 0 0 0 3px;
		-moz-border-radius: 0 0 0 3px;
		-ms-border-radius: 0 0 0 3px;
		-o-border-radius: 0 0 0 3px;
		font-size: 80%;
		color: #fff;
	}
	#event_detail .category1 {background: #3c9b1b;}/*イベント*/
	#event_detail .category2 {background: #1cae86;}/*公演情報*/
	#event_detail .category3 {background: #17acb5;}/*サークル活動･カルチャー教室*/
	#event_detail .category4 {background: #1795b5;}/*その他*/
	
	
	#event_detail .right_block {
		float: right;
		margin-bottom: 40px;
		width: 260px;
	}

		#event_detail .right_block .icon {
		}
		#event_detail .right_block .icon:after {
			clear: both;
			content: ".";
			display: block;
			font-size: 0;
			height: 0;
			visibility: hidden;
		}

			#event_detail .right_block .icon img {
				display: block;
				float: left;
				padding-right: 3px;
			}

		#event_detail .right_block h2 {
			padding: 10px 0;
			font-size: 180%;
			line-height: 1.6;
			color: #1795b5;
		}

		#event_detail .right_block p { padding-bottom: 5px; }

	#event_detail .left_image {
		position: relative;
		margin-bottom: 40px;
		width: 233px;
		height: 309px;
		border: solid #ddd 1px;
		overflow: hidden;
	}

	#event_detail .other_info {
		clear: both;
	}

		#event_detail .other_info h3 {
			padding: 5px 10px;
			background: #f7f7f7;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-o-border-radius: 3px;
			font-size: 90%;
			color: #1795b5;
		}

		#event_detail .other_info .comment {
			padding: 20px;
			font-size: 90%;
		}