@charset "utf-8";
@import "common_2024.css";


#top_catch{
margin:0 auto;
text-align:center;
clear:both;
}

/*-------------------------------------
メインメニュー
----------------------------------------*/
#menu_area{
	clear:both;
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', Osaka,sans-serif;
    margin: 5px auto;
    width: 1000px;
    height:210px;
}
.menu_contents_body{
    width: 1000px;
    height:210px;
    margin:0 auto;
}
.menu_contents li{
   float:left;
   display:block;
   width:330px;
   height:210px;
}

.menu01{
   margin-right:4px;
}
.menu02{
   margin-right:4px;
}

.menu_title{
	margin:20px 0 5px 20px;
	font-weight:bold;
}

.menu_contents li a{
	color:#333;
	font-size:14px;
}
.menu_contents li a:hover{
	text-decoration:underline;
}

/*-----------------------------------
キャッチ画像エリア
-------------------------------------*/
#catche-erea{
	width:100%;
	margin:0 auto;
	padding:1em 0;
	background:#e0e0e0;
}
.catche-image{
	position:relative;
/*画像を中央揃え*/
	display:block;
	margin:auto;
	width:1157px;
}

.catch-menu{
	position:absolute;
	left:0;
	top:0;
	width:300px;
	height:400px;
	background-color:#dd8980;
	background-image:url('/img/catch_menu_logo.png');
	background-repeat:no-repeat;
	background-position:center 40px;
}

.catch-menu ul{
	position:absolute;
	left:50px;
	top:133px;
}

.catch-menu ul li a {
	display:inline-block;
	height:20px;
	color:rgba(255,255,255,0)
}

.catch-menu ul li:not(:first-child) a {
	margin-top:20px;
}

.catch-menu ul li:nth-child(1) a{
	width:208px;
	background-image:url('/img/catch_menu_1.png');
}
.catch-menu ul li:nth-child(2) a{
	width:99px;
	background-image:url('/img/catch_menu_2.png');
}
.catch-menu ul li:nth-child(3) a{
	width:59px;
	background-image:url('/img/catch_menu_3.png');
}
.catch-menu ul li:nth-child(4) a{
	width:60px;
	background-image:url('/img/catch_menu_4.png');
}
.catch-menu ul li:nth-child(5) a{
	width:124px;
	background-image:url('/img/catch_menu_5.png');
}
/*------------------------------
トップコンテンツ
------------------------------*/
#top-contents{
	background-color:#E0E0E0;
	width:100%;
	min-width:1200px;
	overflow:auto;
	/*display:block;*/
	/*margin-left:auto;
	margin-right:auto;*/
}
/*------------------------------
トップ開園情報
------------------------------*/
#top-kaien-kensaku{
margin:auto;
	width:1200px;
}
#top-kaieninfo{
	background-color:#fff;
	width:1100px;
	font-size:16px;
	margin:0 auto 1em;
	padding:12px 28px 10px 28px;
	background-image: url("../img/open_info.jpg");
}
span#open_infomation {
	padding-left: 100px;
	font-size: 20px;
}
#top-kensaku{
	float:left;
	height: 20px;
	width: 275px;
	margin:18px 0 0 20px;
}

/*------------------------------
トップメニュー
------------------------------*/
.menu{
	display:flex;
	flex-wrap:wrap;
	width:1156px;
	margin:1em auto;
}
.menu > div{

	display:table;

	width:50%;
	padding:1em;
	box-sizing:border-box;
}
.menu > .menu-monkey{
	background:rgba(0,102,0,1);
}
.menu > .menu-garden{
	background:rgba(102,204,0,1);
}

.menu > div > p{
	display:table-cell;
	width:30%;
	margin:0;
	font-size:32px;
	font-family:"UD Shin Go Medium";
	font-weight:bold;
	color:#fff;
	text-align:center;
	vertical-align:middle;
}
.menu > div > ul{
	display:flex;
	flex-wrap:wrap;
	font-family:"UD Shin Go Regular";
}

.menu > div > ul li{
	margin:0.2em 0;
}
.menu > div > ul li a{
	color:#fff;
	margin-right:0.8em;
	padding-right:0.8em;
	border-style:solid;
	border-width:0 1px 0 0;
	border-color:#fff;
}

/*------------------------------
お知らせエリア
------------------------------*/
#osirase{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:1200px;
	padding:15px 0px 10px 40px;
	overflow:auto;
}

.osirase_img{
margin:10px;
width:250px;
height:50px;
float:left;
}


/*------------------------------
左サイドコンテンツ
------------------------------*/
#top_contents_left{
width:1000px;
margin:0 0 20px 0;
float:left;
padding-bottom:30px;
}
.news_area1{
float:left;
margin-bottom:20px;
margin-right:29px;
width:365px;
/*height:462px;*/
clear:both;
}
.news_area1 .banner {
	margin-bottom:12px;
}
.news_area1 .banner a{
	display:block;
	width:365px;
	height:50px;
}

.news_area1 .icon_flex {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.news_area1 .icon_flex a {
	display: inline;
	width: auto;
	height: auto;
}

.rakuten_travel {
	height: 100px;
}
.rakuten_travel img {
	width: 365px;
	height: 100px;
}

.news_area1 .news{
background-image:url('../img/osirase_image1.jpg');
  background-repeat:no-repeat;
float:left;
border:solid 1px #cccccc;
background-color:#ffffff;
padding:50px 10px 0 10px;
width:345px;
height:238px;
clear:both;
}

.news_area2{
background-image:url('../img/osirase_image2.jpg');
  background-repeat:no-repeat;

float:left;
border:solid 1px #cccccc;
background-color:#ffffff;
margin-bottom:20px;
margin-right:29px;
padding:50px 10px 0 10px;
width:345px;
height:412px;
}
.news_area3{
background-image:url('../img/osirase_image3.jpg');
  background-repeat:no-repeat;

float:left;
border:solid 1px #cccccc;
background-color:#ffffff;
margin-bottom:20px;
padding:50px 10px 0 10px;
width:345px;
height:412px;
}


.content_block{
clear:both;
width:980px;
border:solid 1px #cccccc;
background-color:#ffffff;
margin-bottom:20px;
padding:20px 10px 20px 10px;

line-height:33px !important;
}


/*******************/
/*おしらせエリア
/******************/
.news_list{
	clear: both;
	font-size: 15px ;
	line-height: 1.5em;
	margin-bottom:5px;
	margin-left:10px;
	padding-top:10px;
	height: 250px;
}
.news_list02{
	clear: both;
	font-size: 15px ;
	line-height: 1.5em;
	margin-bottom:5px;
	margin-left:0px;
	padding-top:10px;
	height: 250px;
}
.news_head {
	font-size: 13px;
	width: 345px;
}
.news_date {
   display:inline-block;
    padding-right: 0px;
   color: #333333;
   width:85px;
  font-size: 14px ;
}
 .news_caption {
    padding-bottom: 10px;
    color: #333333;
    width: 480px;
    font-size:15px;
}
.news_caption a{
   display:inline-block;
	color:#00A2C9;
    font-size:15px;
    text-decoration: underline;
}
.news_caption a:hover {
    text-decoration: none;
}
.news_lavel{
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', Osaka,sans-serif;
padding:2px 5px 2px 5px;
height:17px;  /*元 21px-2-2*/
width:60px;  /*元 70px-5-5*/
font-size:11px !important;
display:block;
background-color:#444444;
text-align:center;
color:#fff;
font-weight:bold;
margin-left:10px;
}


/*.h2_area{
  font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', Osaka,sans-serif;
  font-size:32px;
  font-weight:normal;
  color:#333333;
  clear:both;
  background-image:url('../img/h2_ico.png');
  background-repeat:no-repeat;
  padding:3px 0 0 57px;
  margin-left:8px;
  height:55px;
}*/

.text_area{
padding:5px 0px 40px 5px;
clear:both;
}
.text_area .p{
color:#333;
font-size:14px;
line-height:36px;
padding:0px 0px 10px 10px;
}

.next{
margin-top:30px !important;
}

.right_img{
float:right;
padding-left:15px;
}

.list_jump {
	text-align: right;
	padding-right: 10px;
	font-size: small;
}
/*さる園ブログ*/
.blog_caption_title{
	text-align:center;
}
.blog_caption_title img {
	padding: 5px;
	border: 1px solid #B1B1B1;
	margin-bottom: 5px;
}
/*野草園便り*/
.hanagoyomi_title {
	text-align: center;
}
.top_hanagoyomi img {
	padding: 5px;
	border: 1px solid #B1B1B1;
	margin-bottom: 5px;
}

/*second.cssに記載
/*****テーブル関係*******/
.contents_table{
   border-collapse: collapse;
   width:96%;
   margin-top:10px;
}
.th1{/*thが縦並びの場合*/
	border-bottom:#00A2C9 solid 1px;
	background-color:#F9F8F2;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	text-align:left;
	line-height:20px;
}
.td1{
	border-bottom:#00A2C9 solid 1px;
	background-color:#F9F8F2;
	font-size:14px;
	padding:10px 15px;
	text-align:left;
	line-height:22px;
}
.th2{/*thが横並びの場合*/
	background-color:#F9F8F2;
	border-bottom:#00A2C9 solid 2px;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	text-align:center;
}
.td2{
	background-color:#F9F8F2;
	border-bottom:#ececec solid 1px;
	font-size:14px;
	padding:10px 15px;
	text-align:left;
	line-height:20px;
}

.center_image{
text-align:center;
}

.eyecatch{
float:left;
margin-right:10px;
border:solid 1px #cccccc;
}