@charset "Shift_JIS";/*
 *Stylesheet for SAITAMA CITY KODOMO ZOO.
 *Copyright (C) 2008 MEDIA-TRUST Co.,Ltd All Right Reserved.
 */
/*-----------------module news---------------------*/
/* --- event index --- */
#event .frame h3 {
	margin:0 0 0 18px;
}
#event iframe {
	width:575px;
	margin:19px 0 0 23px;
}
#inEventList {
	width:545px;
}
#inEventList h4 {
	width:540px;
	margin:19px 0 14px 0;
	background:url(../img/bg_border_circle_dot.gif) no-repeat left;
}
.borderCircleDot {
	clear:both;
	background:url(../img/bg_border_circle_dot.gif) no-repeat;
	width:524px;
	margin:17px auto 0 auto;
}
/* --- event list --- */
#inEventList ul.eventList {
	width:513px;
	margin:0 0 0 11px;
	padding:0 0 15px 0;
}
#inEventList ul.eventList li {
	width:513px;
	padding:4px 0 4px 11px;
	border-bottom:1px dotted #ccc;
}
#inEventList p.day {background:url(../img/bg_mark_g.gif) no-repeat 0 1px;
	color:#fff;
	margin:0 0 0 21px;
	padding:0 0 0 14px;
}
#inEventList .detail p.day {background:url(../img/bg_mark_r.gif) no-repeat 0 1px;
	color:#fff;
	margin:0 0 10px 0px;
	padding:0 0 0 14px;
}
#inEventList p.text {
	width:513px;
	margin:0 0 15px 20px;
	padding:4px 0 4px 0;
	/*border-bottom:1px dotted #ccc;*/
}
/* --- event info --- */
#event .frame h3.eventInfo {
	clear:both;
	display:block;
	background:url(../../event/img/pagetitle_event_info.gif) no-repeat center;
	height:68px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	font-weight:normal;
}
#event .frame h3.eventInfo img.btn {
	float:right;
	padding:10px 22px 0 0;
}
#inEventList h3.eventInfo a:hover img {
	filter:alpha(opacity=70); /* IE */
	opacity:0.7; /* opera */
	-moz-opacity:0.70; /* FF */
}
#event .frame h3.eventInfo span.day {
	clear:both;
	display:block;
	padding:0 0 0 0;
	margin:0;
}
#inEventList dl.eventNews {
	display:block;
	width:504px;
	margin:0 0 0 33px;
	padding:5px 0 5px 0;
}
#inEventList dl.eventNews dt {
	display:block;
	float:left;
	width:160px;
	margin:0 0 0 0;
	_margin:0 0 0 0;/*--for IE6--*/
	padding:0 10px 3px 40px;
}
#inEventList dl.eventNews dt.iconNew {background:url(../img/icon_new.gif) no-repeat 0 2px;
}
#inEventList dl.eventNews dd {
	display:block;
	float:left;
	width :280px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#inEventList .borderDot {
	clear:both;	
	width:504px;
	margin:0 0 0 20px;
}
#inEventList p.iconArea {
	clear:both;
	margin:10px 0 0 20px;
}
#inEventList h4.title2 {
	display:block;
	width:504px;
	background:url(../img/bg_title2_g.gif) no-repeat;
	margin:0 0 0 20px;
	padding:0 0 0 0;
	font-size:14px;
	border-bottom:1px dotted #ccc;
}
#inEventList h4.title2 span {
	display:block;

	padding:10px 0 0 20px;
}
#inEventList h4.title2 img {
	float:right;
	padding:0 0 0 5px;
}
#inEventList .eventInfoBox p.text {
	width:474px;
	margin:10px 0 0 40px;
}
#inEventList .eventInfoBox table.eventTable {
	width:506px;
	margin:10px auto 0 auto;
	border:1px solid #48b039;
	font-size:12px;
}
#inEventList .eventInfoBox table.eventTable th {
	width:100px;
	text-align:center;
	background:#48b039;
	color:#fff;
	font-weight:normal;
	padding:10px 0 10px 0;
}
#inEventList .eventInfoBox table.eventTable td {
	vertical-align:middle;
	padding:10px 0 10px 15px;
}
#inEventList .eventInfoBox table.eventTable th.first,
#inEventList .eventInfoBox table.eventTable td.first {
	vertical-align:middle;
	border:none;
}
#inEventList .eventInfoBox table.eventTable th,
#inEventList .eventInfoBox table.eventTable td {
	vertical-align:middle;
	border-top:1px dotted #ccc;
}
#inEventList table.visualImage {
	width:480px;
	margin:15px auto 0 auto;
}
#inEventList table.visualImage td {
	text-align:center;
	vertical-align:middle;
	margin:0;
	padding:0;
}
#inEventList table.visualImage td span.caption {
	display:block;
	background:#fb7b4a;
	color:#fff;
	text-align:center;
	font-size:12px;
	padding:3px 0;
}
#inEventList table.visualImage td span.R {background:#fb7b4a;}
#inEventList table.visualImage td span.G {background:#48b039;}
/* -- event detail -- */
#inEventList .box {
	width:535px;
	padding:0 0 10px 0;
}
#inEventList .green {
	border-top:1px solid #73c539;
	border-bottom:1px solid #73c539;
	border-left:1px solid #73c539;
	border-right:1px solid #73c539;
}
#inEventList .box p.eventTitle {
	width:auto;
	background:#73c539;
	margin:0 0 10px 0;
	padding:3px 0 3px 10px;
	color:#fff;
	font-weight:600;
}
#inEventList .box .text {
	width:auto;
	padding:0 15px 0 15px;
}
#inNewsList .box .text p.Image {
	float:right;
	width:230px; 
	margin:0 0 0 10px;
	text-align:center;
}
#inNewsList .box .text p.Image img {
	margin:0 0 0 0;
}
#inNewsList .box .text p.Image span.caption {
	display:block;
	background:#fb7b4a;
	color:#fff;
	text-align:center;
	font-size:12px;
}