@charset "utf-8";

/* --------------------------------

	基本スタイル

-----------------------------------

	1. 基本レイアウト・デザイン
	2. ヘッダー
	3. メインエリア
	4. サイドエリア
	5. フッター

--------------------------------- */


/* ========================================================================



	1. 基本レイアウト・デザイン


 
======================================================================== */

/* ----------------------------------------------------
	■基本レイアウト
---------------------------------------------------- */
html {
	overflow-y: scroll;
}
body {
	color:#333;
	text-align: center;
	background:#F1C823 url(../img/bg.gif) repeat-x 0 0;
}
#wrapper {
	width: 950px;
	text-align:left;
	margin: 0 auto;
}
#header {
	width:888px;
	margin: 0 auto;
}
#contents_out {
	width:886px;
	clear:both;
	background-color:#FFFFFF;
	display:inline-block;
	padding:0 32px;
}
#contents {
	width:561px;
	float:left;
	margin-top:32px;
}
#side {
	width:294px;
	float:right;
	margin-top:32px;
	background:url(../img/side_bg.gif) repeat-y 0 0;
	overflow:hidden;
	display:inline-block;
}
#footer {
	clear:both;
	width:978px;
	margin:0 auto;
	background:url(../img/foot_bg.gif) no-repeat 0 0;
	overflow:hidden;
	text-align:center;
}

/* ----------------------------------------------------
	■リンクスタイル
---------------------------------------------------- */
a {
	outline: 0;
	color:#ED6565;
	text-decoration: underline;
}
a:hover {
	color:#BB5151;
	text-decoration: underline;
}
/* ----------------------------------------------------
	■みだし　
---------------------------------------------------- */

/* ========================================================================



	2. ヘッダー


 
======================================================================== */
#header h1 {
	font-size:10px;
	line-height:100%;
	height:10px;
	margin:7px 0 8px 0;
}
#header .logo {
	float:left;
	width:200px;
}
/* ナビ
---------------------------------------------------- */

ul.h_navi {
	width:547px;
	float:right;
	overflow:hidden;
	margin-top:51px;
}
ul.h_navi li {
	float:left;
	display:block;
	height:13px;
}
ul.h_navi li a ,
ul.h_navi li a:hover {
	display:block;
	height:13px;
	text-indent:-9999px;
	background:url(../img/h_navi.gif) no-repeat;
}
ul.h_navi li a#h_navi01 { background-position:0 0; width:79px; }
ul.h_navi li a#h_navi02 { background-position:-79px 0; width:108px; }
ul.h_navi li a#h_navi03 { background-position:-187px 0; width:75px; }
ul.h_navi li a#h_navi04 { background-position:-262px 0; width:134px; }
ul.h_navi li a#h_navi05 { background-position:-396px 0; width:84px; }
ul.h_navi li a#h_navi06 { background-position:-480px 0; width:67px; }

ul.h_navi li a:hover#h_navi01 { background-position:0 -13px; width:79px; }
ul.h_navi li a:hover#h_navi02 { background-position:-79px -13px; width:108px; }
ul.h_navi li a:hover#h_navi03 { background-position:-187px -13px; width:75px; }
ul.h_navi li a:hover#h_navi04 { background-position:-262px -13px; width:134px; }
ul.h_navi li a:hover#h_navi05 { background-position:-396px -13px; width:84px; }
ul.h_navi li a:hover#h_navi06 { background-position:-480px -13px; width:67px; }


ul.g_navi {
	width:888px;
	clear:both;
	overflow:hidden;
}
ul.g_navi li {
	float:left;
	display:block;
	height:42px;
}
ul.g_navi li a ,
ul.g_navi li a:hover ,
ul.g_navi li a:active {
	display:block;
	height:42px;
	text-indent:-9999px;
	background:url(../img/g_navi.gif) no-repeat;
}
ul.g_navi li a#g_navi01 { background-position:0 0; width:127px; }
ul.g_navi li a#g_navi02 { background-position:-127px 0; width:105px; }
ul.g_navi li a#g_navi03 { background-position:-232px 0; width:108px; }
ul.g_navi li a#g_navi04 { background-position:-340px 0; width:94px; }
ul.g_navi li a#g_navi05 { background-position:-434px 0; width:133px; }
ul.g_navi li a#g_navi06 { background-position:-567px 0; width:96px; }
ul.g_navi li a#g_navi07 { background-position:-663px 0; width:120px; }
ul.g_navi li a#g_navi08 { background-position:-783px 0; width:105px; }

ul.g_navi li #g_navi01:hover { background-position:0 -42px; width:127px; }
ul.g_navi li #g_navi02:hover { background-position:-127px -42px; width:105px; }
ul.g_navi li #g_navi03:hover { background-position:-232px -42px; width:108px; }
ul.g_navi li #g_navi04:hover { background-position:-340px -42px; width:94px; }
ul.g_navi li #g_navi05:hover { background-position:-434px -42px; width:133px; }
ul.g_navi li #g_navi06:hover { background-position:-567px -42px; width:96px; }
ul.g_navi li #g_navi07:hover { background-position:-663px -42px; width:120px; }
ul.g_navi li #g_navi08:hover { background-position:-783px -42px; width:105px; }

ul.g_navi li a:active#g_navi01 { background-position:0 -84px; width:127px; }
ul.g_navi li a:active#g_navi02 { background-position:-127px -84px; width:105px; }
ul.g_navi li a:active#g_navi03 { background-position:-232px -84px; width:108px; }
ul.g_navi li a:active#g_navi04 { background-position:-340px -84px; width:94px; }
ul.g_navi li a:active#g_navi05 { background-position:-434px -84px; width:133px; }
ul.g_navi li a:active#g_navi06 { background-position:-567px -84px; width:96px; }
ul.g_navi li a:active#g_navi07 { background-position:-663px -84px; width:120px; }
ul.g_navi li a:active#g_navi08 { background-position:-783px -84px; width:105px; }


/* ========================================================================



	3. contents


 
======================================================================== */

/*　基本
--------------------------------------------------------------*/
h2.top , h3.k {
	margin-bottom:15px;
}
h3.top {
	margin-bottom:15px;
	background:url(../img/h3_01.gif) no-repeat 0 0;
	font-weight:bold;
	padding-left:20px;
	line-height:100%;
	height:26px;
}
h2.k {
	margin:0;
}
h4.k {
	background:url(../img/h4_01.gif) no-repeat 0 0;
	font-weight:bold;
	padding:2px 0 0 35px;
	height:30px;
	line-height:100%;
	font-size:14px;
	margin-bottom:15px;
	clear:both;
}
ul.list01 {
	margin-bottom:30px;
}
ul.list01 li{
	background:url(../img/icon01.gif) no-repeat 2px 50%;
	padding:0 0 0 20px;
}
h5.k_ttl {
	background:url(../img/icon01.gif) no-repeat 2px 50%;
	margin-bottom:15px;
	padding:0 0 0 20px;
	font-weight:bold;
	font-size:14px;
}
table.base01 , table.base01 th , table.base01 td{
	border:#CCCCCC solid 1px;
	padding:10px;
	text-align:center;
	margin-bottom:30px;
}
table.base01 th {
	background-color:#009700;
	font-weight:bold;
	color:#FFFFFF;
}
table.base01 td.head {
	background-color:#F1EFE2;
	font-weight:bold;
	width:130px;
}
table.base01 td.time {
	background:#CCCCCC;
	padding:2px;
}
table.base02 , table.base02 th , table.base02 td{
	border:#CCCCCC solid 1px;
	padding:10px;
	text-align:center;
	margin-bottom:30px;
}
table.base02 th {
	background-color:#009700;
	font-weight:bold;
	color:#FFFFFF;
}
table.base02 td {
	text-align:left;
}
table.base02 td.submit {
	text-align:center;
}
table.base02 td textarea {
	width:100%;
}
table.base02 td.head {
	background-color:#F1EFE2;
	font-weight:bold;
	width:130px;
}
table.base02 td.time {
	background:#CCCCCC;
	padding:2px;
}

/*　ご利用案内
--------------------------------------------------------------*/
p.name {
	text-align:right;
	font-weight:bold;
}
body#cp {
	text-align:center;
	margin-top:50px;
	background:none;
}

/*　園内の紹介
--------------------------------------------------------------*/
.intro_left {
	width:280px;
	float:left;
}
.intro_right {
	width:250px;
	float:right;
}

/*　問い合わせ
--------------------------------------------------------------*/
dl.faq {
	margin-bottom:30px;
}
dl.faq dt {
	background:url(../img/qa_q.gif) no-repeat 0 0;
	font-weight:bold;
	height:28px;
	margin-bottom:15px;
	padding:0 0 0 35px;
}
dl.faq dd {
	background:url(../img/qa_a.gif) no-repeat 0 2px;
	margin-bottom:30px;
	padding:0 0 0 35px;
}

/*　サル紹介
--------------------------------------------------------------*/
.monkey_base {
	background:url(../img/monkey_mid.gif) repeat-y 0 0;
	display:inline-block;
	margin-bottom:20px;
} 
.monkey_head {
	background:url(../img/monkey_head.gif) no-repeat 0 0;
	padding-top:20px;
	display:inline-block;
} 
.monkey_bottom {
	background:url(../img/monkey_bottom.gif) no-repeat 0 100%;
	padding:0 20px 30px 20px;
	display:inline-block;
} 

h3.k_mk {
	background:url(../img/icon02.gif) no-repeat 2px 50%;
	border-bottom: #CCCCCC dotted 1px; 
	margin-bottom:15px;
	padding:0 0 8px 50px;
	font-weight:bold;
	font-size:14px;
	width:468px;
	clear:both;
}
h3.k_mk span {
	font-weight: normal;
	font-size:12px;
}
.monkey_base .mkleft {
	width:165px;
	float:left;
} 
.monkey_base .mkright {
	width:340px;
	float:right;
	margin-bottom:30px;
} 
/*　インフォメーション
----------------------------------------------------------------*/
.info dt {
	background:url(../img/icon01.gif) no-repeat 0 6px;
	font-weight:bold;
	font-size:14px;
	padding:3px 3px 3px 20px;
	margin-bottom:10px;
	clear:both;
}
.info dd.base {
	padding:0 0 20px 20px;
}
.info dd.pic {
	float:left;
	width:180px;
}
.info dd.txt {
	float:right;
	width:360px;
	margin-bottom:30px;
}

/*　サル劇場
----------------------------------------------------------------*/
.theater_bg {
	background:#676768 url(../img/theater_bg.jpg) repeat-x  0 0;
	border-bottom:#1E1E1F solid 1px;
	border-right:#1E1E1F solid 1px;
	border-left:#1E1E1F solid 1px;
	padding:20px 20px 5px 20px ;
	width:518px;
	color:#FFFFFF;
}
.theater_bg .base {
	background:url(../img/theater_line.gif) repeat-x 0 100%;
	padding-bottom:25px;
	margin-bottom:25px;
	display:inline-block;
	width:100%;
	clear:both;
}
.theater_bg .base .leftArea {
	float:left;
	width:235px;
	display:inline-block;
}
.theater_bg .base .rightArea {
	float:right;
	width:235px;
	display:inline-block;
}

/*　アクセス
----------------------------------------------------------------*/
span.ac {
	color:#009700;
}

/*　サイトマップ
----------------------------------------------------------------*/
.sm_left ul.sitemap {
	border-top:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
	width:270px;
	float:left;
}
.sm_right ul.sitemap {
	border-top:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
	width:270px;
	float:right;
}
ul.sitemap li a{
	background:#eeeeee url(../img/sitemap_icon.gif) no-repeat 7px 50%;
	display:block;
	padding:8px 32px;
	text-decoration:none;
	width:206px;
	border-bottom:#CCCCCC solid 1px;
	border-top:#fff solid 1px;
	color:#333333;
	}
ul.sitemap li a:hover{
	background:#009700 url(../img/sitemap_icon_r.gif) no-repeat 7px 50%;
	display:block;
	padding:8px 32px;
	text-decoration:none;
	width:206px;
	border-bottom:#CCCCCC solid 1px;
	border-top:#fff solid 1px;
	color:#FFFFFF;
	}

/*　お客様へ
----------------------------------------------------------------*/
ul.joy li {
	background:url(../img/icon01.gif) no-repeat 0 0;
	padding-left:20px;
	margin-bottom:20px;
}





/* ========================================================================



	4. サイド


 
======================================================================== */
#side h2 {
	margin-bottom:15px;
}
#side dl {
	margin:0 auto;
	width:247px;
}
#side ul {
	margin:0 auto;
	width:226px;
}
#side dd {
	background:url(../img/side_line.gif) repeat-x 0 100%;
	margin-bottom:12px;
	padding:12px 0;
	display:inline-block;
	width:100%;
}

#side li {
	margin-bottom:10px;
	text-align:center;
}
#side p {
	text-align:center;
	margin-bottom:15px;
}

/* ========================================================================



	5. フッター


 
======================================================================== */

/* 動物取扱業登録番号
---------------------------------------------------- */
.infoArea {
	background:url(../img/foot_info_mid.gif) no-repeat 0 100%;
	clear:both;
	display:inline-block;
	margin:32px 0;
	width:886px;
}
.infoArea .inner {
	display:inline-block;
	padding:0 32px;
}
.infoArea .head {
	background:url(../img/foot_info_head.gif) no-repeat 0 0;
	padding-top:11px;
}
.infoArea .bottom {
	background:url(../img/foot_info_bottom.gif) no-repeat 0 100%;
	padding-bottom:14px;
}
.infoArea h2 {
	background:url(../img/foot_info_h2.gif) no-repeat 0 0;
	padding:5px 0 30px 45px;
	font-size:14px;
	font-weight:bold;
	width:757px;
}
.infoArea li {
	margin:5px 0;
}
.pagetop {
	clear:both;
	width:933px;
	margin:0 auto;
	background: url(../img/pagetop_bg.gif) no-repeat 0 100%;
	overflow:hidden;
	text-align:right;
	padding-right:45px;
}
#footer ul {
	height:10px;
	padding:23px 0;
	font-size:10px;
	margin:0 0 0 230px;
	text-align:center;
}
#footer ul li {
	float:left;
	color:#FFFFFF;
}
#footer ul li a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer ul li a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}
#footer address {
	margin:10px 0;
}