@charset "Shift_JIS";/*
 *Stylesheet for SAITAMA CITY KODOMO ZOO.
 *Copyright (C) 2008 MEDIA-TRUST Co.,Ltd All Right Reserved.
 */
/*-----------------layout common---------------------*/
#all { 
	background:url(../common/img/bg_moyou.gif);
	width:auto;
	padding:0;
	text-align:left;
}
#theader {
	width:804px;
	margin:0 auto;
	height:248px;
}
h1#concept { padding:5px 0 3px 5px; font-weight:normal; font-size:11px;}
h2#tlogo {
	background:url(../common/img/tlogo.png) no-repeat 0 0;
	float:left;
	display:block;
	width:460px;
	height:90px;
	padding:0 0 0 0;
	text-indent:-9999px;
}
h2#tlogo a { display:block; width:460px; height:90px;}

#tcounter {
	float:left;
	width:118px;
	color:#fff;
	font-size:11px;
	margin:58px 0 0 0;
	padding:0 0 0 30px;
}
#tcounter p.subject { text-align:left;}
#tcounter p.number { text-align:center;}
#tcounter p.predicate { text-align:right;}

/* -- gloval nav ON OFF change saipoppo -- */
ul#headNav {
	float:right;
	width:620px;
	margin:68px 0 0 0;
	padding:0 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(../common/img/bg_carpet.gif) repeat-y;
	width:804px;
	margin:0 auto;
}
#contents {
	background:url(../common/img/bg_carpet_bottom_top.jpg) no-repeat bottom;
	width:804px;
}
#leftArea {
	background:url(../img/bg_tree.jpg) repeat-y;
	float:left;
	width:172px;
	padding:0 0 140px 0;
}
#mainArea {float:right;width:632px;}
#mainArea .primary {float:left;width:422px;}
#mainArea .primary .MainPictureFrame {
	background:url(../img/bg_main_picture_frame.gif) no-repeat;
	height:295px;
	margin:22px 0 10px 12px;
}
#mainArea .primary .MainPictureFrame img {
	margin:27px 0 0 28px;
}
#mainArea .primary .bannerArea {
	width:400px;
	margin:0 0 0 10px;
}

.top_banner{
	float: left;
	height: 70px;
	margin-bottom: 10px;
}
.top_banner img{
	padding: 0 10px 0 5px;
}

#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(../common/img/bg_frame_a.gif) repeat-y;
	width:200px;
	/*height:197px;  fix */
	height:295px;
	/* 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(../common/img/mark_news.gif) no-repeat 60px 0;}
.WhatsNewList p.iconzooNews { background:url(../common/img/mark_zoonews.gif) no-repeat 60px 0;}
.WhatsNewList p.iconEvent { background:url(../common/img/mark_event.gif) no-repeat 60px 0;}
.WhatsNewList p.iconEtc { background:url(../common/img/mark_etc.gif) no-repeat 60px 0;}
.WhatsNewList p.text {
	display:block;
	padding:0 0 7px 0;
}
#mainArea .secondary .whatsNewBottom {
	background:url(../common/img/frame_a_bottom.gif) bottom;
	width:200px;
	height:16px;
	line-height:0;
	font-size:1px;
}
.WhatsNewList .borderDot {
	border-top:1px dotted #ccc;
	border-bottom:none;
	line-height:0;
	/*width:133px;*/
	height:7px;
}
.livecamera {
	position:relative;
	text-align:right;
	padding:0 20px 0 0;
}
.livecamera img {width:105px;}
.livecamera .categoryDetails {
	z-index:500;
	background:#fff;
	display:none;
	width:110px;
}
.livecamera ul {
	position:absolute;
	top:38px;
	left:154px;
	_left:84px;
	background:#fff;	
	border:1px solid #cc0000;
	padding:5px;
	width:130px;
	text-align:left;
}
.livecamera ul li {}
.livecamera ul li a {
	background:url(../common/img/icon_arrow_r.gif) no-repeat 5px 8px;
	color:#cc0000;
	margin:0px;
	padding:4px 2px 4px 17px;
	display:block;
	_width:100%;
	line-height:1.1em;
	text-decoration:none;
}
.livecamera ul li a:visited {
	color:#cc0000;
}
.livecamera ul li a:hover {
	background:url(../common/img/icon_arrow_r_on.gif) no-repeat 5px 8px;
	color:#ffffff;
	background-color:#cc0000;
}
#copyright {
	background:url(../common/img/copyright.gif) no-repeat;
	width:804px;
	text-align:right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	height: 120px;
}
#copyright a {margin:0 0 0 10px;}

/* onDetaile + Link */
#contents #rightArea ul#localNav3 li.onDetail {
	background:url(../common/img/bg_localnav_on.gif) no-repeat;
	display:block;
	color:#ffaa01;
	height:28px;
	margin:0 0 0 0;
	padding:2px 0 0 0;
	font-weight:600;
}
#contents #rightArea ul#localNav3 li.on span.iconBR {
	height:25px;
	margin:0 0 0 10px;
	padding:0 0 0 20px;
}
#footer {
	background:url(../common/img/footer_line.gif) no-repeat top center;
	width:801px;
	margin:20px auto;	
}
#footer p.logo {
	float:left;
	width:139px;
	padding:25px 0 0 20px;
}


/* 20120426’ljÁ */

#headBanner{
	position: relative;
	top: 90px;
	z-index: 1;
	height: 60px;
	width: 180px;
	float: right;
}

#headBanner2{
	position: relative;
	top: 90px;
	z-index: 1;
	height: 60px;
	width: 320px;
	float: right;
	text-align: right;
}

.headBanner2Padd{
	padding-bottom: 10px;
	text-align: right;
}


.fbMgn{
	margin-left: 10px;
}