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


/*------------------------------
共通部分サイドコンテンツ
-------------------------------*/
#pankuzu_area {
    font-size: 14px;
	background-color:#DCEDD2;
	width:100%;
	min-width:1200px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	height:50px;
	/*display: inline-block; _display: inline;*/
}
#pankuzu_area a{
color:#006600;
}
#pankuzu_area a:hover{
text-decoration:underline;
color:#CC3300;
}
.pankuzu_text{
	width:1200px;
	color:#006600;
	font-size: 20px;
	font-weight:bold;
	padding-top: 10px;
	padding-left:0px;
	margin:0 auto;
}
.h2_area{
  padding:5px 0 5px 0;
  font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', Osaka,sans-serif;
  font-size:32px;
  color:#333333;]
  font-weight:normal;
}

.content_block{
	clear:both;
	/*border:solid 1px #cccccc;*/
	border:solid 1px #ABD181;
	/*background-color:#ffffff;*/
	margin-bottom:0px;
	padding:10px 10px 20px 10px;
	background-color:#ABD181;

}

#left_submenu{
float:left;
width:240px;
padding:0 10px 0 10px;
}
#left_submenu li{
 background-image:url('../img/kuri.gif');
 background-repeat:none;
 padding-left:40px;
 margin-bottom:15px;
}
#left_submenu li a{
color:#333;
font-size:16px;
line-height:30px;
}
#left_submenu li a:hover{
text-decoration:underline;
}

/*-----------------------------
　　共通フッターエリア
-------------------------------*/

/*-----------------------------
　　本文エリア
-------------------------------*/
.right_block{
float:right;
width:830px;
padding-bottom:30px;
padding-left:5px;
}
.right_block_firststage{
float:right;
width:900px;
height:auto;
padding-bottom:30px;
padding-left:10px;
}


.h3_area{
  font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', Osaka,sans-serif;
  font-size:28px;
  font-weight:normal;
  color:#333333;
  clear:both;
  /*background-image:url('../img/ico_h2.png');*/
  /*background-image:url('../img/ha.png');*/
  background-image:url('../img2/saru_warai.png');
  background-repeat:no-repeat;
  padding:0 0 0 60px;
  height:35px;
}
.h3_area a{
text-decoration:none;
/*color:#FFFFFF;*/
color:#003300;
}

.h4_area{
  font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', Osaka,sans-serif;
  font-size:25px;
  font-weight:normal;
  /*color:#333333;*/
  clear:both;
  /*background-image:url('../img/ico_h2.png');*/
  background-image:url('../img/donguri.gif');
  /*background-image:url('../img/saru_warai.gif');*/
  background-repeat:no-repeat;
  padding:0 0 0 40px;
  margin-left:32px;
  /*height:55px;*/
  height:auto;
}
.h4_area a{
text-decoration:none;
/*color:#FFFFFF;*/
color:#003300;
}
.text_area{
padding:5px 0px 40px 5px;
clear:both;
}
.text_area p{
color:#333;
font-size:16px;
line-height:36px;
padding:0px 0px 10px 10px;
}

/****本文ノート罫線地****/
.text_area_line{
background-image: url("../img/p_line.png");
background-repeat: repeat-y;
margin:0px 10px 25px 0px;
clear:both;
padding:15px 5px 20px 15px;
/*background-color:#ffffff;*/
background-color:#FFFFCC;
}
.text_area_line p{
color:#333;
font-size:16px;
line-height:33px !important;
margin:5px 5px 0 5px;
padding-top:3px;
}
.text_area_line2{
background-image: url("../img/p_line.png");
background-repeat: repeat-y;
margin:0px 10px 25px 0px;
clear:both;
padding:15px 5px 20px 30px;
color:#FFFFFF;
/*background-color:#FFFFCC;*/
}
.text_area_line2 p{
color:#333;
font-size:16px;
line-height:33px !important;
margin:5px 5px 0 5px;
padding-top:3px;
}
.next{
margin-top:30px !important;
}

.text_area_line p a{
color:#00A2C9;
text-decoration:underline;
}
.text_area_line p a:hover{
text-decoration:none;
}


.right_img{
	float:right;
	padding:2px;
	margin-left:25px;
	margin-right:20px;
	margin-bottom:20px;
	border: 1px solid #999999;
}
.left_img{
	float:left;
	padding-right:0px;
	padding:2px;
	margin-right:20px;
	margin-left:15px;
	margin-bottom:20px;
	border: 1px solid #999999;
}

.center_image{
text-align:center;
margin-bottom:10px;
}

/*「ページトップへ」ここから*/
.to_top {
	text-align: right;
	padding-top: 10px;
}
.to_top a {
	color: #00A2C9;
}
.to_top a:hover {
	text-decoration: underline;
	color: #00A2C9;
}
.to_top_w {
	font-size:18px;
	font-weight:bold;
	text-align: right;
	padding-top: 10px;
	color:#FFFFFF;
}
.to_top_w a {
	color:#FFFFFF;
}
.to_top_w a:hover {
	text-decoration: underline;
	color: #00A2C9;
}

/*-----------------------------
　　情報
-------------------------------*/
.pref-map{
	width:600px;
	margin:0 auto 40px auto;
}

.spot-img{
	float:right;
	margin: 0 5px 15px 15px;
	border:solid 1px #ccc;
}

.spot-detail{
	background-color:#dcedd2;
	padding:10px;
	clear:both;
}

.spot-url{
}

.spot-contact{
}

/*****テーブル関係*******/
.contents_table{
   border-collapse: collapse;
   width:96%;
   margin-top:10px;
}
.contents_table_w400{
   border-collapse: collapse;
   width:400px;
   margin-top:10px;
}
.contents_table_w500{
   border-collapse: collapse;
   width:500px;
   margin-top:10px;
}
.contents_table_w600{
   border-collapse: collapse;
   width:600px;
   margin-top:10px;
}
.th1{/*thが縦並びの場合*/
	border-bottom:#47885e solid 1px;
	color:#333333;
	font-size:18px;
	font-weight:bold;
	padding:10px;
	text-align:left;
	line-height:20px;
	background-color:#ffffff;
}
.th1-1{/*thが縦並びの場合*/
	/*border-bottom:#47885e solid 1px;*/
	border-bottom:#FF6600 solid 1px;
	color:#333333;
	font-size:18px;
	font-weight:bold;
	padding:10px;
	text-align:left;
	line-height:20px;
	background-color:#ffffff;
}
.td1{
	border-bottom:#47885e solid 1px;
	background-color:#F9F8F2;
	font-size:18px;
	padding:10px 15px;
	text-align:left;
	line-height:22px;
	background-color:#ffffff;
}
.td1-1{
	border-bottom:#FF6600 solid 1px;
	background-color:#F9F8F2;
	font-size:18px;
	padding:10px 15px;
	text-align:left;
	line-height:22px;
	background-color:#ffffff;
}
.th2{/*thが横並びの場合*/
	border-bottom:#00A2C9 solid 2px;
	color:#333333;
	font-size:18px;
	font-weight:bold;
	padding:10px;
	text-align:center;
	background-color:#ffffff;
}
.td2{
	background-color:#ffffff;
	border-bottom:#ececec solid 1px;
	font-size:18px;
	padding:10px 15px;
	text-align:left;
	line-height:20px;
}
.center_table{
   border-collapse: collapse;
   width:96%;
   margin-top:10px;
   margin-left:auto;
   margin-right:auto;
}
.imagetable {
	font-size: 11px;
	text-align:center;
}

/********************************
コンテンツ関連
********************************/
.content_block_course{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    clear: both;
    margin-bottom: 40px;
    padding:20px 20px 40px 20px ;
}
.course_block{
  width:auto;
  margin:0px 20px 30px 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

#course_navi{
padding:10px;
line-height:28px;
background-color:#DCEDD2;
/*border:solid 2px #ccc;*/
margin:0 0 20px 0;
}

#course_navi a{
font-size:14px;
color:#333;
background-image:url('../img/ico_course_list.png');
padding-left:10px;
margin-left:8px;
}
#course_navi a:hover{
text-decoration:underline;
}
.course_illust{
margin:20px 0 15px 20px;
}
.h3_area{
	position: relative;
	margin-bottom:0;
	z-index:10;
}
.course_block p{
font-size:16px;
line-height:24px;
padding-bottom:10px;
clear:both;
}
.coures_next{
width:300px;
float:left;
margin:0px 0px 20px 30px; 
}
.coures_pre{
width:300px;
float:right;
margin:0px 150px 20px 0px; 
}


.coures_next a,
.coures_pre a{
/*color: #00A2C9;*/
color:#444;
text-decoration: underline;
}
.coures_next a:hover,
.coures_pre a:hover{
text-decoration:none;
}

/*--------------------------
コース一覧・サイトマップ用
---------------------------*/
.sub {
    margin-bottom: 15px;
    padding-left: 23px;
}
.gensen {
    background-image: url("../img/ico_submenu_li.png");
    margin-bottom: 15px;
    padding-left: 25px;
}
.sub a, .gensen  a{
	color: #333333;
    font-size: 16px;
    line-height: 24px;
    text-decoration:underline;
}
.sub a:hover, .gensen  a:hover{
text-decoration:none;
}
.sub img{
padding:8px 8px 0px 0px;
}
.course_block{
	padding-bottom:0px;
}

/*--------------------------
さる園ページ用
---------------------------*/

.img_f {
	width: 695px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
}
.monkey_img_right {
	float:right;
	padding: 2px;
	border: 1px solid #999999;
	margin-right: 20px;
	margin-left: 5px;
	margin-bottom: 10px;
}
.monkey_img_right_wakunashi {
	float:right;
	padding: 2px;
	/*border: 1px solid #999999;*/
	margin-right: 20px;
	margin-left: 5px;
	margin-bottom: 10px;
}
/*----------------------------
お知らせ一覧・花だより一覧ページ用
-----------------------------*/
/* --- 新着情報エリア --- */
.news_detail_index {
font-size: 100%;
}
/* --- 新着リスト --- */
.news_detail_index ul {
width: 100%; /* 新着リストの幅 */
margin: 0;
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
}
/* --- 本文エリア --- */
.news_detail_index li {
margin: 0;
padding: 7px 3px 6px 10px; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%;
}
#contents a:hover {
	text-decoration: underline;
}
/*年月選択フォーム*/
.dyn-button_table {
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 15px;
	border-spacing: 20px 0;
}
.blank_cell {/*○件前へ、○件先へと同じ幅を指定する*/
	width: 77px;
}
.dyn-center_form {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.news_detail_index {
	text-align: center;
}
.flower_list {
	display: inline-block;
	margin: 10px;
	text-align: center;
}
.flower_thumb {
	width: 312px;/*サムネイルの横幅＋padding＋border分を指定*/
	background-color: #FFFFFF;
}
.flower_thumb img {
	padding: 5px;
	border: 1px solid #c0c0c0;
	margin: 0;
}
.flower_thumb a:hover img {
	opacity: 0.8;
}
.flower_title {
	width: 312px;/*サムネイルの横幅＋padding＋border分を指定*/
	padding-top: 5px;
	line-height: 20px;
}
.section {
	background-color: #FFFFCC;
}
.section p {
	padding: 10px;
}
/*さる園の家系図*/
.roots_img {
	text-align: center;
}
.roots_img img {
	max-width: 750px;
	height: auto;
}
.font_small {
	font-size: small;
	line-height: 16px;
	padding-left: 35px;
	padding-bottom: 10px;
}
/*野草園*/
.center_table td {
	text-align: center;
	padding-bottom:10px;
}
.decoration_none {
	visibility: hidden;
}