﻿/* body */
body
{
	background-attachment: scroll;
    background-image: url("../images/top1/bg_line.gif");
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto auto;
    width: 100%;
    border:0px;
}
 	/* ※背景色・文字色は色別CSSで定義 */
	/*background-color:#F0EDE9;
    color:#333333;*/
a
{
	/* ※文字色は色別CSSで定義 */
    /*color:#1F4CA5;*/
}
/* TOP画面外枠＋バナー広告エリア */
#struct
{
    width:1010px;
    margin-left:auto;
    margin-right:auto;

	/* ※背景色・文字色は色別CSSで定義 */
	/*background-color:#FFFFFF;*/
}
/* TOP画面外枠 */
#container 
{
    width:1010px;
    float:left;
    margin:0px 0px 7px 0px;
    /*background-color:#FFFFFF;*/
    font-size:90%;
    padding:0px;
}

/* ヘッダー画像部分 */
#header
{
    width:1010px;
    /*
    height:119px;
	*/
    height:45px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    position:relative;
    
}

/* メイン全体 */
#mainBlock
{
    width:1010px;
    margin:0px 0px 7px 0px;
    padding:0px;
}

/* メイン左側 */
#mainLeft
{
    float:left;
    width:250px;
    padding:0px;
    margin:0px auto 0px 0px;
}

/* メイン右側 */
#mainRight
{
    float:right;
    width:745px;
    margin:0px 0px 0px auto;
    padding:0px;
}


#mainRight_L
{
    float:left;
    width:368px;
    margin:20px 0px 0px 0px;
    padding:0px;
}

#mainRight_R
{
    float:right;
    width:368px;
    margin:20px 0px 0px 0px;
    padding:0px;
}


	
/*サイト背景色:start*/
#mainSiteColor {
    margin: 0 0 0 0px;
    position: absolute;
    width: 100px;
    top:13px;
    right: 155px;
    }
    
#mainSiteColortext 
{
    position: absolute;
    width: 100px;
    right: 260px;
    top: 17px;
    font-size: 95%;
	font-weight:bold;
}
#mainSiteColorSel {
    left: 90px;
    position: absolute;
    top: 3px;
    outline:none;
}
/*サイト背景色:end*/

/*翻訳:start*/
#mainSiteHonyakutext 
{
	font-size: 80%;
	font-family:'平成角ゴシック',Osaka,sans-serif;
    position: absolute;
    width: 210px;
    right: 365px;
    top: 18px;
}
/*翻訳:end*/

/*フォントサイズ:start*/
#mainFontSize 
{
    margin: 0 0 0 0px;
    position: absolute;
    width: 90px;
    top:13px;
    right:-15px;

}

#mainFontSizetext 
{
    position: absolute;
    right: 90px;
    top: 17px;
    width: 80px;  
    font-size: 90%;
	font-weight:bold;
  
}


#mainFontSize 
{
    margin: 0 0 0 0px;
    position: absolute;
    width: 100px;
    top:13px;
    right:-10px;
}



#mainFontSizeSel 
{
    right: 35px;
    position: absolute;
    top: 10px;
    outline:none;
}
/*フォントサイズ:end*/


/*** 左エリアコンテンツ ***/
/* HPタイトル */
#title{
    float:right;
	margin:3px 3px 10px auto;
}


/* 開園休園情報 start */
.menu_waku_kaienkyuen
{
    width:250px;
    height:166px;
    position:relative;
}
.kaienkyuen
{
	/* ※背景色は色別CSSで定義 */
    /*background-color:#FEF2EC;*/
    position:absolute;
    right:45px;
    width:144px;
    top:45px;


}


/* 重要なお知らせ start */

#kinkyu_waku
 {
	float:right;
	margin-top:10px;
	padding:0px;
     /* ※背景色は色別CSSで定義 */
    /*background-color:#FEF2EC;*/
	width: 244px;
 	border: solid 2px #FCC7CD;
	margin-right:3px;

	

 }
.kinkyu_title
{
    width:242px;
    height:34px;
    margin:auto;
    position:relative;

}
 
#kinkyuTxt
{
    float:left;
    width:225px;
	/* ※背景色・文字色は色別CSSで定義 */
    /*background-color:#FFFFFF;
    color:#666666;*/
    padding:7px 5px;
    margin:1px 0px 1px 0px;
    font-size:%;
}

/* google天気ガジェット */
#weather_waku {
    float: right;
    height: auto;
    margin-right: 4px;
    vertical-align: top;
    width: 245px;
    margin-top:15px;
    border:1px#cccccc solid;
}


#top
{
  width:245px;
  height:auto;
  font-weight:400;
  text-align:center;
  padding: 8px 0px 2px 0px;

}




/* スペース */
.space
{
 margin-top:8px;
}

/* 体験・学習・活動 */
#taiken
{
  width:242px;
  text-align:left;
  padding: 0px 0px 0px 5px;
  margin-top:0px;
}

#taiken_top
{
  width:242px;
  height:34px;
  text-align:left;
}

#taiken_main
{
  width:238px;
  border-right:solid 2px #BFD78C;
  border-left:solid 2px #BFD78C;
  text-align:left;
}

.taiken_t
{
  width:180px;
  padding-top: 7px;
}

.taiken_t li

{
  width:180px;
  background:url("../images/top1/b_green.gif") no-repeat 23px 8px;
  padding:5px 10px 5px 40px;
}

#taiken_bottom
{
  width:242px;
  text-align:left;
}



/* 左メニュー */
.menu_waku
{
	padding-top:15px;
}

.menu
{
	/* ※背景色は色別CSSで定義 */
    /*background-color:#FEF2EC;*/
    padding:0;
    margin:0;
}
.menu li
{
	display:inline;
    padding:5px 5px 5px 5px;
}




/* メニュー部分 */
div.menuBtn
{
    margin:7px auto 0px auto;
}
div.menuBtn img
{
    margin: 0px;
    border: 0px;
    padding: 0px ;
    vertical-align: bottom ;
}
div.menuArea
{
    margin:7px auto 0px auto;
	/* ※背景画像は色別CSSで定義 */
    /*background:url("../images/top1/waku_bg155.gif") repeat-y;*/
}
div.menuArea li
{
    background:url("../images/top1/b_green.gif") no-repeat 10px 10px;
    padding:5px 0px 5px 20px;
}
div.menuArea img
{
    margin: 0px;
    border: 0px;
    padding: 0px ;
    vertical-align: bottom ;
}



/* サイト内検索 */

#mainSearch
 {
	/* ※背景色は色別CSSで定義 */
    height: 27px;
    margin-top:10px;
    margin-bottom:0px;
    padding:5px 0px 0px 0px;
    width: 245px;
    position:relative;
    overflow: hidden; 
}

#search
{
    float:right;
    margin:5px auto 0px auto;
    position:relative;

}
.searchBox
{
    width:160px;
}
.btnSearch
{
    font-size:80%;
}


/* 園からのお知らせ */


#info_btn
 {
	float: right;
    width: 250px;
    height:50px;
    overflow: hidden;
    margin-top:0px;
    margin-right:-2px;
}
#info_btn a:hover img {
  opacity: 0.8;
  filter: info_btn(opacity=80);
  -ms-filter: "info_btn(opacity=80)";
}

/* 動物サポーター */
#support_btn
 {
	float: right;
    width: 250px;
    height:50px;
    overflow: hidden;
    margin-top:8px;
    margin-right:-2px;
}
#support_btn a:hover img {
  opacity: 0.8;
  filter: support_btn(opacity=80);
  -ms-filter: "support_btn(opacity=80)";
}

/* 復興応援 */
#fukkou_btn
 {
	float: right;
    width: 244px;
    height:63px;
    overflow: hidden;
    margin-top:0px;
    margin-right:4px;
}

/* ふれあい新聞 */
#fureai_btn
 {
	float: right;
    width: 250px;
    height:50px;
    overflow: hidden;
    margin-top:8px;
    margin-right:-2px;
}
#fureai_btn a:hover img {
  opacity: 0.6;
  filter: fureai_btn(opacity=60);
  -ms-filter: "fureai_btn(opacity=60)";
}
/* Zoo Channel */
#movie_btn
 {
	float: right;
    width: 244px;
    height:60px;
    overflow: hidden;
    margin-top:8px;
    margin-right:4px;
}
#movie_btn a:hover img {
  opacity: 0.8;
  filter: movie_btn(opacity=80);
  -ms-filter: "movie_btn(opacity=80)";
}


/* 50周年 */
#50th_btn
 {
	float: right;
    overflow: hidden;
    margin-top:0px;
    margin-right:4px;
}


#facebook_btn
 {
	float: right;
    width: 244px;
    height:103px;
    overflow: hidden;
    margin-top:0px;
    margin-right:4px;
}



/* ず～ぜよ */
#zoozeyo_btn
 {
	float: right;
    width: 244px;
    height:103px;
    overflow: hidden;
    margin-top:0px;
    margin-right:4px;
}

/* ず～ばってん */
#zoobatten_btn
 {
	float: right;
    width: 250px;
    height:50px;
    overflow: hidden;
    margin-top:0px;
    margin-right:-2px;
}


/* 右エリア */

/* メイン画像 */
#main_waku
 {
	float:left;
    position:relative;
    width:745px;
    height:317px;
 }

#main_image
 {
	float:left;
    position:relative;
    width:745px;
    height:265px;
 }

#main_menu
 {
	float:left;
    position:relative;
    width:745px;
    height:52px;
 }


/* 更新情報 */
.info
{
    position:relative ;
    width:368px;
    margin-bottom:0px;
}

.info_title
{
	width:368px;
	height:28px;
	text-align: left;
	vertical-align:middle;
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 7px;
	border-top: #48954D solid 0px;
	border-left: #48954D solid 6px;
	border-bottom: #48954D dotted 0px;
	border-right: #48954D solid 0px;
	letter-spacing:1px;
	background-color:#CCEBC5;
	font-weight:bolder;
	font-size:120%;
	position: relative;

	
}

.link
{
	float:left;
	width:50px;
    position:absolute;
    right:20px;
    top:6px;
}

.rss
{
    position:absolute;
    right:210px;
    width:40px;
    top:-3px;
}
.cal_listLink
{
    position:absolute;
    top: 0px;
    width:100px;
    right:10px;
}

.listLink
{
    position:absolute;
    top: -5px;
    width:60px;
    right:-10px;
}


.listInfo
{
    width:360px;
    padding:5px 3px 0px 5px;
	font-size: 90%;
}	
.listInfo ul li
{
    background:url("../images/top1/b_green.gif") no-repeat 5px 2px;
    padding:0px 5px 5px 23px;
    line-height:150%;
}
.listInfo div.startday
{
    width:55px;
    float:left;
}
.listInfo div.title
{
    width:325px;
    float:left;
}
.listInfo span.updDate
{
    /*font-size:80%;*/
}
.listInfo span.Holiday
{
    color:#FF0000;
}
.listInfo span.Saturday
{
    color:#0000FF;
}
p.nodata
{
    text-align:left;
    margin-left:15px;
}

.listInfo img
{
    vertical-align:middle;
    margin-right:3px;
    }
/* 行事カレンダー(.listInfo2) */

/* 曜日 */
.listInfo2 td.calYobi
{
    font-size:0.8em;
	width:78px;
	border-bottom:dashed 1px #D09C3D;
	padding:3px 0px 1px 10px;
}

.listInfo2 td.calEvnt
{
	width:368px;
	padding:0px 3px 1px 0px;
	border-bottom:dashed 1px #D09C3D;
}


.listInfo2
{
		clear:both;
		width:368px;
		padding:0px 0px 3px 0px;
}

.listInfo2 ul
{
		margin-left:7px;
		padding-top:3px;
		padding-left:0px;
}

.listInfo2 ul li
{
		padding:3px 0px 3px 0px;
		font-size:90%;
		color:#333333;
}


.listInfo2 span.updDate
{
	font-size:95%;
}


.listInfo2 span.Holiday
{
	color:#FF0000;
}

.listInfo2 span.Saturday
{
	color:#0000FF;
}

/* イベントカレンダー下のバナー */
.specialBanArea
{
	clear:both;
	width:368px;
	padding:10px 0px 10px 0px;
    margin:0px auto;
}

/*** ブログ・データベースエリア　***/
#right_menu
{
    float:right;
    width:745px;
    padding-top:10px
 }
 
#blog_menu
{
    width: 745px;
    height:108px;
    position: relative;
    padding-bottom:0px;
 }

#blog_area
{
	width:460px;
	position:absolute;
	top:0px;
	left:5px;
 }
 
#blog_area ul
{
	padding: 35px 10px 0px 10px;
 }
#blog_area li
{
  display: inline;
  margin: 0;
  padding: 0;
 }

#db_menu
{
    float:right;
    width:745px;
    padding-top:5px;
 }

#db_menu ul
{
	padding:5px 3px 10px 3px;
 }
#db_menu li
{
  display: inline;
  margin: 0;
  padding: 0;
 }
/*** バナーエリア　***/


#banner
{
    width: 745px;
    height:100px;
    padding:10px 0px 10px 0px;
    position: relative;
    border:#cccccc 1px solid;
    text-align:center;
 }



/*** フッターエリア　***/
#fotter
{
	background-attachment: scroll;
    background-image: url("../images/top1/fotter_line.gif");
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto auto;
    width: 100%;
 }
 
#area
{

    width:1000px;
    margin-left:auto;
    margin-right:auto;

 }
 
 #info_waku
{

    text-align:center;
    width:790px;
    margin-left:auto;
    margin-right:auto;
    padding-top:30px;
    position:relative;
 }
 
.textarea
{

    font-size: 85%;
    position: absolute;
    right: 80px;
    text-align: left;
    top: 43px;
    width: 650px; 
}

#toiawase
{
    width:100%;
    text-align:center;
    font-size:80%;
	/* ※背景色・文字色は色別CSSで定義 */
    /*color:#ffffff;
    background-color:#666666;*/
    padding: 11px 0px 0px 0px;
    margin:0px;
}
 

/* copyright */
#cp
{
    width:100%;
    height:20px;
    text-align:center;
    font-size:70%;
	/* ※背景色・文字色は色別CSSで定義 */
    /*color:#ffffff;
    background-color:#666666;*/
    padding: 7px 0px 0px 0px;
    font-family:'平成角ゴシック',Osaka,sans-serif;

}


.snsbtnArea
{
    width:244px;
    margin:0px;
    padding:0px;
    }
    
    .item
    {
        float:left;
        padding:0px;
        }
   
           .item02
    {
                float:left;
                padding-left: 50px;

        }


    
        .item03
    {
        float:right;
        padding:0px;
        }


.ban
{
 width:745px;
 margin:0px;
 padding:0px;
    }
