@charset "Shift_JIS";/*
 *Stylesheet for SAITAMA CITY KODOMO ZOO.
 *Copyright (C) 2008 MEDIA-TRUST Co.,Ltd All Right Reserved.
 */
/*-----------------layout common---------------------*/
#all {background:url(../img/bg_moyou.gif);
	width:auto;
	padding:0;
	text-align:left;
}
#header {
	width:804px;
	margin:0 auto;
	height:161px;
}
h1#concept { padding:5px 0 3px 5px; font-weight:normal; font-size:11px;}
h2#logo {
	background:url(../img/logo.png) no-repeat 0 0;
	float:left;
	display:block;
	width:377px;
	height:70px;
	padding:0 0 0 0;
	text-indent:-9999px;
}
h2#logo a { display:block; width:377px; height:75px;}
#counter {
	float:left;
	width:118px;
	color:#fff;
	font-size:11px;
	margin:18px 0 0 0;
	padding:0 0 0 30px;
}
#counter p.subject { text-align:left;}
#counter p.number { text-align:center;}
#counter p.predicate { text-align:right;}
/* -- gloval nav ON OFF change saipoppo -- */
ul#headNav {
	float:right;
	width:700px;
	margin:0 0 0 0;
	padding:2px 2px 0 0;
}
ul#headNav li {
	display:block;
	float:right;
	text-indent:-9999px;
}
ul#headNav li a { display:block;}
ul#headNav li.headNav05 { width:103px; height:58px;}
ul#headNav li.headNav04 { width:109px; height:56px;}
ul#headNav li.headNav03 { width:106px; height:56px;}
ul#headNav li.headNav02 { width:108px; height:56px;}
ul#headNav li.headNav01 { width:85px; height:56px;}
ul#headNav li.headNav00 { width:103px; height:56px;}
#carpet {background:url(../img/bg_carpet.gif) repeat-y;
	width:804px;
	margin:0 auto;
}
#contents {background:url(../img/bg_carpet_bottom.jpg) no-repeat bottom;
	width:804px;
}
#leftArea {
	background:url(../img/bg_tree.jpg) repeat-y;
	float:left;
	width:172px;
	margin:0 0 74px 0;
	padding:27px 0 0 0;
	line-height:0;
}
#glovalNav {background:url(../img/bg_tree.jpg) no-repeat 0 0;}
#mainArea {
	float:right;
	width:632px;
	padding:0 0 0 0;
	margin:0;
}
#mainArea .frameTop,
#mainArea .frame,
#mainArea .frameBottom {
	width:611px;
}
#mainArea .frameTop2 {background:url(../img/frame_b_top2.gif) no-repeat;
	margin:21px 0 0 10px;
	line-height:0;
	font-size:1px;
	height:22px;
}
#mainArea .frameTop {background:url(../img/frame_b_top.gif) no-repeat;
	margin:21px 0 0 10px;
	line-height:0;
	font-size:1px;
	height:16px;
}
#mainArea .frame {background:url(../img/bg_frame_b_.gif) repeat-y;
	margin:0 0 0 10px;
	padding:0 0 15px 0;
}
#mainArea .frame .pankuzu {
	float:right;
	width:auto;
	padding:0 15px 0 0;
	font-size:11px;
}
#mainArea .frame p.pankuzu {
	width:500px;
	float:right;
	font-size:10px;
	padding:0 15px 0 0;
	text-align:right;
}
#mainArea .frame p.pankuzu a,
#mainArea .frame p.pankuzu strong {
	padding:0 5px 0 5px;
}
#mainArea .frame .tabNav {
	width:567px;
	margin:15px 0 0 17px;
	height:50px;
}
p.btnBackList {
	float:right;
	margin:15px 0 0 0;
	padding:0 15px 0 0;	
}
p.btnBackList a:hover img {
filter:alpha(opacity=70); /* IE */
	opacity:0.7; /* opera */
	-moz-opacity:0.70; /* FF */
}
p.btnBackTop {
	clear:both;
	float:right;
	margin:15px 0 20px 0;
	padding:0 20px 0 0;	
}
#mainArea .frameBottom {background:url(../img/frame_b_bottom.gif) no-repeat;
	margin:0 0 20px 10px;
	line-height:0;
	height:16px;
}
#copyright {
	background:url(../img/copyright.gif) no-repeat;
	width:804px;
	text-align:right;
	padding:0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 120px;
}
#copyright a {margin:0 0 0 10px;}
/* --- top --- */
#mainArea .primary {
	float:left;
	width:422px;
}
#mainArea .primary .pictureFrame {background:url(../img/bg_picture_frame.gif) no-repeat;
	height:295px;
	margin:22px 0 10px 12px;
}
#mainArea .primary .pictureFrame img {
	margin:27px 0 0 28px;
}
#mainArea .primary .bannerArea {
	width:400px;
	margin:0 0 0 10px;
}
#mainArea .primary .bannerArea table a:hover img {
	filter:alpha(opacity=70); /* IE */
	opacity:0.7; /* opera */
	-moz-opacity:0.70; /* FF */
}
#mainArea .secondary {
	float:right;
	width:210px;
	padding:10px 0 0 0;
}
#mainArea .secondary .whatsNew {background:url(../img/bg_frame_a.gif) repeat-y;
	width:200px;
	height:325px; /* fix */
	padding:0 0 0 0;
}
#mainArea .secondary .whatsNew h3 {
	margin:0 0 12px 0;
}
#mainArea .secondary .whatsNew iframe {
	width:158px;
	margin:0 0 0 25px;
	padding:0;
}
.WhatsNewList { width:130px;}
.WhatsNewList p.iconNews {background:url(../img/mark_news.gif) no-repeat 60px 0;}
.WhatsNewList p.iconEvent {background:url(../img/mark_event.gif) no-repeat 60px 0;}
.WhatsNewList p.text {
	display:block;
	padding:0 0 7px 0;
}
#mainArea .secondary .whatsNewBottom {background:url(../img/frame_a_bottom.gif) bottom;
	width:200px;
	height:16px;
	line-height:0;
	font-size:1px;
}
.WhatsNewList .borderDot {
	border-top:1px dotted #ccc;
	line-height:0;
	/*width:133px;*/
	height:7px;
}