@charset "shift_jis";

#mainImage { width: 100%; height: 400px; background: url(/img/culture/leisure/zoo/main.jpg) repeat-x 50% 0; text-align: center;}

h1 { padding: 34px 8px 28px 0;}

#mainImage div { width: 750px; margin: 0 auto; padding: 1px 0 0 13px;}

#mainImage p { padding: 0;}
#mainImage p img { float: left;}

#mainImage ul { list-style: none; width: 187px; margin: -6px 0 0 555px; padding: 0;}

#container { margin-top: -10px;}

#photoNews { float: right; width: 190px; margin: 70px 10px 10px; padding: 9px; border: 1px solid #ded9ce; background: #fff;}
#contents #photoNews h2 { margin: 0; padding: 0; border: none;}
#contents #photoNews p,
#contents #photoNews ul { list-style: none; margin: 0; padding: 0;}

#contents h2 {
	margin-right: 250px;
	background: transparent;
	border: none;
	border-bottom: 1px dashed #aaa;
}

.attentions li,
.events li { padding-left: 24px; border: none;}
.attentions li { background-image: url(/img/culture/leisure/zoo/pin1.gif);}
.events li { background-image: url(/img/culture/leisure/zoo/pin2.gif);}
.events .session { color: #c00;}
.events .recruitment { color: green;}


@media print {

* html #mainImage ul { position: absolute; top: 278px; right: 130px;}
* html #contents p { width: 50%;}
* html #photoNews { position: absolute; right: 130px; width: 120px; margin-left: 0; margin-right: -65px;}
* html #photoNews p { width: 100%;}
* html #photoNews p img { width: 100%;}

}