@charset "UTF-8";

A:link { color: #00a0e9; }
A:visited { color: #00a0e9; }
A:active { color: #00a0e9; }
A:hover { color: #0068b7; }

div#wrapper{
	position:relative;
	top:0px;
	margin: 0 auto;
	padding: 0;
	width: 1200px;
	height: 810px;
	background: url(../images/base.jpg) no-repeat;
	}

/*トップページ*/
div#toppage{
	margin: 0 auto;
	padding: 120px 0 0 0;
	width: 731px;
}
div#toppage p.toppage1{
	margin: 0 auto;
	padding: 0;
	width: 731px;
}
div#toppage p.toppage2{
	margin: 0 0 0 2px;
	padding: 0;
	width: 932px;
}

/*フッターブロック*/
div#footer-innerbox{
	margin: 0 0 0 135px;
	padding: 0;
	width: 932px;
	background: #ffffff;
}
	div#footer-innerbox ul#footer-img{
		overflow: hidden;
		clear: both;
		margin:  10px 0 0 98px; padding: 0;
		list-style: none none;
	}
		ul#footer-img li{
			float: left;
			list-style: none none;
			margin: 0 10px 0 0;
			padding: 0;
		}
		
			ul#footer-img li a{
				display: block;
				margin: 0;
				padding: 0;
				font-size: 0;
				height: 49px;
				text-indent: -99999px;
				background: no-repeat center bottom;
			}
			
			div#footer-innerbox ul#footer-img li img{
				margin: 0;
				padding: 0;
				border: 0;
			}
			
			ul#footer-img li.footer-img01 a:hover,
			ul#footer-img li.footer-img02 a:hover,
			ul#footer-img li.footer-img03 a:hover,
			ul#footer-img li.footer-img04 a:hover,
			ul#footer-img li.footer-img05 a:hover,
			ul#footer-img li.footer-img06 a:hover,
			ul#footer-img li.footer-img07 a:hover,
			ul#footer-img li.footer-img08 a:hover,
			ul#footer-img li.footer-img09 a:hover,
			ul#footer-img li.footer-img10 a:hover,
			ul#footer-img li.footer-img11 a:hover{
			
				height: 49px;
				background-position: center top;
			}
			ul#footer-img li.footer-img01 a{
				margin-left: 0px;
				width: 138px;
				background-image: url("../images/top_bn05.jpg");
			}
			ul#footer-img li.footer-img02 a{
				margin-left: 0px;
				width: 138px;
				background-image: url("../images/top_bn02.jpg");
			}
			ul#footer-img li.footer-img03 a{
				margin-left: 0px;
				width: 138px;
				background-image: url("../images/top_bn03.jpg");
			}
			ul#footer-img li.footer-img04 a{
				margin-left: 0px;
				width: 138px;
				background-image: url("../images/top_bn04.jpg");
			}
			ul#footer-img li.footer-img05 a{
				margin-left: 0px;
				width: 138px;
				background-image: url("../images/top_bn06.jpg");
			}
			ul#footer-img li.footer-img06 a{
				margin-left: 0px;
				width: 138px;
				background-image: url("../images/top_bn12.jpg");
			}
			ul#footer-img li.footer-img07 a{
				margin-left: 0px;
				width: 138px;
				background-image: url("../images/top_bn08.jpg");
			}
			ul#footer-img li.footer-img08 a{
				margin-left: 0px;
				width: 138px;
				background-image: url("../images/top_bn09.jpg");
			}
			ul#footer-img li.footer-img09 a{
				margin-left: 0px;
				width: 138px;
				background-image: url("../images/top_bn10.jpg");
			}
			ul#footer-img li.footer-img10 a{
				margin-left: 0px;
				width: 138px;
				background-image: url("../images/top_bn11.jpg");
			}
			ul#footer-img li.footer-img11 a{
				margin-left: 0px;
				width: 138px;
				background-image: url("../images/top_bn13.jpg");
			}
			
	div#footer-innerbox p{
		margin: 0 auto;
	}
	div#footer-innerbox p.www{
		height: 50px;
		position:relative; 
		top: 0px; left: 360px;
	}
		div#footer-innerbox p.www a{
			display: block;
			margin: 0;
			padding: 0;
			font-size: 0;
			height: 14px;
			width: 219px;
			background: url("../images/top_url.jpg") no-repeat center bottom;
			text-indent: -99999px;
		}
		div#footer-innerbox p.www a:hover{
			height: 14px;
			background-position: center top;
		}

/*ナビゲーション*/
div#navi{
	margin: 0px auto;
	padding: 88px 0 0;
}

ul#navi-img{
	overflow: hidden;
	clear: both;
	margin: 0 auto; padding: 0;
	width: 710px; height: 35px;
	background: url("../images/menu.jpg") no-repeat center center;
	list-style: none none;
}
	ul#navi-img li{
		float: left;
		list-style: none none;
		margin: 0;
		padding: 14px 0 0 0;
	}
	ul#navi-img li a{
		display: block;
		margin: 0;
		padding: 0;
		font-size: 0;
		height: 16px;
		text-indent: -99999px;
		background: no-repeat center top;
	}
	ul#navi-img li.img01 a:hover,
	ul#navi-img li.img02 a:hover,
	ul#navi-img li.img03 a:hover,
	ul#navi-img li.img04 a:hover,
	ul#navi-img li.img05 a:hover,
	ul#navi-img li.img06 a:hover{
		height: 16px;
		background-position: center bottom;
	}
	ul#navi-img li.img01 a{
		margin-left: 20px;
		width: 57px;
		background-image: url("../images/menubar_img01.gif");
	}
	ul#navi-img li.img02 a{
		margin-left: 70px;
		width: 57px;
		background-image: url("../images/menubar_img02.gif");
	}
	ul#navi-img li.img03 a{
		margin-left: 85px;
		width: 44px;
		background-image: url("../images/menubar_img03.gif");
	}
	ul#navi-img li.img04 a{
		margin-left: 68px;
		width: 64px;
		background-image: url("../images/menubar_img04.gif");
	}
	ul#navi-img li.img04-2 a{
		margin-left: 68px;
		width: 64px;
		background-image: url("../images/menubar_img04-2.gif");
	}
	ul#navi-img li.img05 a{
		margin-left: 60px;
		width: 39px;
		background-image: url("../images/menubar_img05.gif");
	}
	ul#navi-img li.img05-2 a{
		margin-left: 60px;
		width: 39px;
		background-image: url("../images/menubar_img05-2.gif");
	}
	ul#navi-img li.img06 a{
		margin-left: 65px;
		width: 58px;
		background-image: url("../images/menubar_img06.gif");
	}

/*映画タイトル*/
div#movie_title{
	position: absolute;
	top: 170px;
	left: 200px;
	margin: 0;
	padding: 0;
	width: 236px;
	height: 48px;
	}
div#movie_title p{
	margin: 0;
	padding: 0;
	}
		
/*flash*/
div#flash{
	position:absolute;
	top:130px;
	left:465px;
	width: 500px;
	height: 95px;
	}

/*メインコンテンツ*/
div#main{
	position:absolute;
	top:250px;
	left: 135px;
	margin: 0 auto;
	padding: 0;
	width: 933px;
	height: 200px;
	background-image: url(../images/inner_base.jpg);
	}
	div#main div#innerbox{
		position:absolute;
		top: 10px;
		left: 0px;
		margin: 0;
		padding: 0;
		width: 933px;
		background: url(../images/inner_base2.jpg) repeat;
		}
		
/*コンテンツタイトル*/
div#contents{
	float: left;
	margin:0 0 10px;
	padding: 0 300px;
	}
	div#contents h2{
		margin:0;
		padding: 0;
		}
	div#contents h2 img{
		margin:0;
		padding: 0;
		}
		
/*最新情報メニュー*/
div#innermenu{
	margin: 0px auto;
	padding: 0;
}
	div#contents p,
	div#contents p img{
		margin:0;
		padding: 0;
	}
		

ul#innermenu-img{
	overflow: hidden;
	clear: both;
	margin: 0 auto; padding: 0;
	width: 480px; height: 35px;
	background: url("../images/dodline.gif") no-repeat center center;
}
	ul#innermenu-img li{
		float: left;
		list-style: none none;
	}
	ul#innermenu-img li a{
		display: block;
		margin: 10px 11px; padding: 0;
		font-size: 0;
		height: 15px;
		text-indent: -99999px;
		background: no-repeat center top;
	}
	ul#innermenu-img li.img01 a{
		margin-left: 30px;
		width: 90px;
		background-image: url("../images/innermenu_01.gif");
	}
	ul#innermenu-img li.img01-1 a{
		margin-left: 30px;
		width: 90px;
		background-image: url("../images/innermenu_01_1.gif");
	}
	ul#innermenu-img li.img01 a:hover,
	ul#innermenu-img li.img02 a:hover,
	ul#innermenu-img li.img03 a:hover,
	ul#innermenu-img li.img04 a:hover,
	ul#innermenu-img li.img05 a:hover{
		background-position: center bottom;
	}
	ul#innermenu-img li.img02 a{
		width: 40px;
		background-image: url("../images/innermenu_02.gif");
	}
	ul#innermenu-img li.img02-1 a{
		width: 40px;
		background-image: url("../images/innermenu_02_1.gif");
	}
	ul#innermenu-img li.img03 a{
		width: 40px;
		background-image: url("../images/innermenu_03.gif");
	}
	ul#innermenu-img li.img03-1 a{
		width: 40px;
		background-image: url("../images/innermenu_03_1.gif");
	}
	ul#innermenu-img li.img04 a{
		width: 40px;
		background-image: url("../images/innermenu_04.gif");
	}
	ul#innermenu-img li.img04-1 a{
		width: 40px;
		background-image: url("../images/innermenu_04_1.gif");
	}
	ul#innermenu-img li.img05 a{
		width: 120px;
		background-image: url("../images/innermenu_05.gif");
	}
	ul#innermenu-img li.img05-1 a{
		width: 120px;
		background-image: url("../images/innermenu_05_1.gif");
	}

/*メインコンテンツ(最新情報)*/
div#main-news{
	position:absolute;
	top:250px;
	left: 135px;
	margin: 0 auto;
	padding: 0;
	width: 934px;
	height: 32px;
	background-image: url(../images/news-bg-top.gif);
	}
	div#main-news div#innerbox-news{
		position:absolute;
		top: 30px;
		left: 0px;
		margin: 0;
		padding: 0;
		width: 934px;
		background: url(../images/news-bg.gif) repeat;
		}
	div#main-news div#innerbox-news-bottom{
		margin: 0;
		padding: 0;
		width: 934px;
		height: 194px;
		}

/*メインコンテンツ(スペシャル)*/
div#main-special{
	position:absolute;
	top:250px;
	left: 135px;
	margin: 0 auto;
	padding: 0;
	width: 934px;
	height: 32px;
	}
	div#main-special div#innerbox-special{
		position:absolute;
		top: 30px;
		left: 0px;
		margin: 0;
		padding: 0;
		width: 934px;
		}
	div#main-special div#innerbox-special-bottom{
		margin: 0;
		padding: 0;
		width: 934px;
		height: 194px;
		}

/*最新情報*/
div#news{
	float: left;
	overflow: hidden;
	margin:0 0 10px;
	padding-left: 140px;
	}
	div#news h2{
		margin:0;
		padding: 0;
	}
	
/*テキスト*/
	div#newstext1{
		margin: 70px 0 0 40px;
		width: 850px;
		}
	div#newstext2{
		margin: 0 0 0 40px;
		width: 850px;
		}
	div#newstext1 h3.newstext,
	div#newstext2 h3.newstext{
		text-align: center;
		font-size: 16px;
		color: #336600;
		}
	div#newstext2 p.interview{
		margin-top: 20px;
		}
		
/*最新情報写真*/
div.newsphoto{
	margin: 20px auto;
	padding: 0;
	}
	div.newsphoto p{
		margin: 0;
		}

/*写真*/
div.photo1{
	float: left;
	margin: 0;
	padding: 10px 20px 0 130px;
	}
	div.photo1 p{
		margin: 0;
		}

div.photo2{
	float: right;
	margin: 0;
	padding: 10px 130px 0 20px;
	}
	div.photo2 p{
		margin: 0;
		}

/*テキスト*/
div.text{
	margin: 0;
	padding: 0;
	}
	div.text h3{
		margin: 10px 30px;
		padding: 0 100px 0 100px;
		font-size: 14px;
		line-height: 180%;
		font-weight: bold;
		color: #e63d83;
		}
	div.text h3.text2{
		padding: 10px 100px 0 100px;
		}
		
	div.text h4{
		margin: 10px 30px;
		padding: 10px 100px 0 100px;
		font-size: 14px;
		line-height: 180%;
		font-weight: bold;
		color: #5cc2cf;
		}
	div.text h4.top{
		padding-top: 0px;
		}

	div.text p{
		text-indent: 1em;
		margin: 10px 30px;
		padding: 0 100px 0 100px;
		font-size: 12px;
		line-height: 180%;
		}
		
/*動物シルエット*/
div#bottom{
	margin: 0;
	padding: 0;
	height: 194px;
	}
div#bottom p img{
	margin: 0;
	padding: 0;
	}
div#bottom p{
	margin: 0;
	padding: 0;
	}
	
/*キャスト*/
div#cast{
	width: 934px;
}
	div#cast ul{
		margin: 0 0 0 135px;
		padding: 0;
		list-style:none none;
	}
		div#cast ul li{
			float: left;
			overflow: hidden;
			margin: 0;
			padding: 0 30px 0 0;
			width: 200px;
			overflow: hidden;
		}
		div#cast ul li.end{
			float: left;
			overflow: hidden;
			list-style:none none;
			margin: 0 0 30px;
			padding: 0;
			overflow: hidden;
		}
			div#cast ul li img{
				float: left;
				overflow: hidden;
				margin: 0 30px 10px;
			}

	div#cast ul.other{
		clear: both;
		margin: 0 0 0 110px;
		list-style:none none;
		padding: 0;
	}
		div#cast ul li.other{
			float: left;
			margin: 0;
			padding: 0;
			width: 142px;
			overflow: hidden;
		}
			div#cast ul li.other img{
				clear: both;
				float: left;
				overflow: hidden;
				margin: 0 20px 10px;
			}
div#cast ul li p{
	margin: 0;
	padding: 0;
	font-size: 13px;
	text-align: center;
	line-height: 120%;
}

div#cast ul li p.text01{
	margin-bottom: 11px;
	color: #6b553e;
	font-weight: bold;
}
div#cast ul li p.text02{
	margin-bottom: 11px;
	font-size: 12px;
	color: #a2a91d;
	text-align: left;
}
div#cast ul li p.text03{
	margin: 0 0 20px 0;
	font-size: 12px;
	color: #6b553e;
	text-align: left;
	line-height: 125%;
	letter-spacing: 0.15em;
}
div#cast ul li p.text04{
	margin: 0 0 20px 20px;
	width: 110px;
	font-size: 12px;
	color: #6b553e;
	text-align: left;
	line-height: 125%;
	letter-spacing: 0.15em;
}
div#cast ul li p.text05{
	color: #6b553e;
	font-weight: bold;
}
div#cast ul li p.text06{
	margin-bottom: 11px;
	color: #6b553e;
	font-size: 10px;
}
/*about-photo*/
/*nenga-photo*/
div#about-photo, div#nenga-photo, div#specialphoto{
	width: 660px;
	margin: 0 auto;
	padding-bottom: 10px;
}
div#about-photo p, div#nenga-photo p, div#specialphoto p{
	margin: 0;
	padding: 0px;
}
div#nenga-photo p, div#specialphoto p{
	text-align: center;
}

div#about-photo p img, div#nenga-photo p img, div#specialphoto pimg{
	margin: 0;
	padding: 0px;
}

/*旭山動物園の歴史*/
	div#historyinner{
		overflow: hidden;
		margin: 0 auto;
		padding: 0;
		width: 660px;
		background: url(../images/history2.gif) repeat-y;
	}
		div#historyinner h3{
			margin: 0; padding: 0;
			width: 660px; height: 35px;
			background: url(../images/history1.gif) no-repeat;
			text-indent: -9999px;
		}
		div#historyinner dl{
			overflow: hidden;
		}
		div#historyinner dl dt{
			float: left;
			margin: 0;
			padding: 0 0 0 1.5em;
			font-size: 12px;
			color: #ffffff;
			line-height: 180%;
		}
		div#historyinner dl dd{
			float: left;
			margin: 0;
			padding: 0 0 0 4em;
			font-size: 12px;
			color: #ffffff;
			line-height: 180%;
		}
		div#historyinner div.bottom{
			margin: 0; padding: 0;
			width: 660px; height: 20px;
			background: url(../images/history3.gif) no-repeat red;
			text-indent: -9999px;
		}
		
/*クイズ*/
div#quiz{
	width: 738px;
	margin: 0 auto;
	}

/*予告編*/
div#wrapper-trailer{
	width: 600px; height: 440px;
	}

/*パブリスト*/
table#publist{
		text-align: center;
		
		color: #336600;
		margin: 20px auto;
		padding: 0;
	}
	
	table#publist td{
		font-size: 12px;
	}
	
/*年賀状*/
div#attention{
	position: relative;
	margin: 10px auto 15px;
	padding: 0 10px 10px;
	width: 535px;
	border: 1px solid #898989;
	background-color: #ffffff;
	}
div#attention p{
	margin: 5px auto 0;
	text-align: left;
	font-size: 12px;
	line-height: 180%;
	font-weight: bold;
	color: #e34b9f;
	}
div#attention p.end{
	padding-top: 10px;
	}
div#attention ul{
		margin: 0;
		padding-left: 1em;
		}
div#attention ul li{
		margin: 0;
		padding: 0;
		text-align: left;
		line-height: 150%;
		font-size: 12px;
		}
div#attention ul li span{
		font-weight: bold;;
		}

div#nenga-bottom{
		margin: 0;
		padding: 0;
		width: 934px;
		height: 194px;
	}

div#nenga-photo p.midashi{
	margin: 5px auto 5px 55px;
	text-align: left;
	font-size: 14px;
	line-height: 180%;
	font-weight: bold;
	color: #e34b9f;
}
/*著名人のコメント*/
div.box-comment{
	width: 524px;
	border: 1px solid #eed0a2;
	margin: 20px auto 0;
	background: #fff;
	color: #6a3906;
	line-height: 1.5;
	font-size: 80%;
	padding-bottom: 15px;
}
div.box-comment div.item{
	padding: 35px 35px 10px;
	background: url(../images/hr_comment_01.gif) no-repeat top center;
}
div.box-comment div.item.first{
	padding: 25px 35px 10px;
	background: none;
}
div.box-comment div.item p.name{
	margin-top: 0.8em;
	font-weight: bold;
}

/*インタビュー*/
div#specialindex{
	margin: 0; padding: 0;
}
	div#specialindex div.shiori{
		margin: 5px auto ; padding: 0;
		width: 655px;
		height: 160px;
		background: url(../images/special/special_shiori.jpg) no-repeat;
	}
		div.shiori p a,div.shiori p. a img{
			margin: 0;
			padding: 0;
		}
		div.shiori p.specialquiz{
			float: left;
			clear: both;
			overflow: hidden;
			margin: 0;
			padding: 20px 0 0 100px;
			width: 540px;
		}
		div.shiori p.photo{
			float: left;
			clear: both;
			overflow: hidden;
			margin: 0;
			padding: 10px 0 0 125px;
		}
		div.shiori p.text{
			float: left;
			margin: 0;
			padding: 15px 0 0 15px;
		}
		div.shiori p.text-pre{
			text-align: center;
			margin: 0 auto;
			padding: 70px 0 0 60px;
		}
		div.shiori p.btn{
			float: right;
			margin: 0 auto;
			padding: 15px 30px 0 0;
		}

/*dvd*/
div#dvd-title{
	margin: 30px 0 0 186px;
	text-align: left;
}

	div#title{
		margin: 0 0 0 186px;
		text-align: left;
	}
	div#title2{
		margin: 60px 0 0 156px;
		width: 710px;
		text-align: left;
	}
	div#text{
		margin: 0 0 0 186px;
		text-align: left;
	}
	/*innerbox*/
	div#box-innerbox{
		margin: 20px 0 0 186px;
		text-align: left;
		width: 558px;
		background: url(../images/dvd/box1_bg.gif) repeat-y;
	}

		div#box-innerbox p{
			text-align: center;
			font-family: 'ＭＳ Ｐゴシック';
			font-size: 12px;
			line-height: 180%;
			color:#5d5d5d
		}

	/* format */
	* 	{margin:0; padding:0;}
	body 	{background:#b4b4b4; }
	li 	{list-style-image:none; list-style-position:outside; list-style-type:none; }
	img 	{vertical-align: bottom;}

	/* dvd-syouhin */
	ul.dvd-syouhin {
		overflow: hidden;
		margin-top: 10px;
		padding-left:20px;
		width: 518px;
	}
	ul.top{
		margin: 0;
		padding-top: 20px;
	}

	ul.dvd-syouhin li {
		float: left;
		width: 254px;
		margin-right: 10px;
		display: inline;
	}
	ul.dvd-syouhin li.end {
		margin: 0;
	}

	/* box1_oubo */
	div#box1_oubo{
		margin-top: 20px;
		padding-left:20px;
		width: 518px;
	}

	/* dvd-kabegami */
	ul.dvd-kabegami {
		overflow: hidden;
		width: 558px;
	}
	ul.dvd-kabegami li {
		float: left;
		width: 100px;
		margin-left: 10px;
		display: inline;
		font-family: 'ＭＳ Ｐゴシック';
		font-size: 11.5px;
		line-height: 200%;
		font-weight: bold;
	}
	ul.dvd-kabegami li img{
		margin-bottom: 3px;
	}
	ul.dvd-kabegami li.end {
		margin-left: 9px;
	}