@charset "UTF-8";
/*
Description: 固定ページ
*/ 


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

   高隈地区コミュニティ協議会とは　02

 *--------------------------------------------------------------------------------------------------------*/
.com-page01 {
	width: 1080px;
	margin: 0 auto;
}
       /* メニュー部分  */
	.com-page01 div.page-menu {
		height: 136px;
		min-width: 100%;
		background-color: #f8f8eb;
	}
		.com-page01 div.menu00 {
			float: left;
			padding-top: 9px;
			padding-left: 92px;
		}	
		.com-page01 div.menu01, #com-bar1 div.menu01 {
			float: left;
			padding-top: 33px;
			padding-left: 48px;
		}
			.com-page01 div.menu01 a, #com-bar1 div.menu01 a {
				display:inline-block;
				height: 63px;
				width: 151px;
				background-image:url("../image/02com_head01.png");
				background-repeat: no-repeat;
			}
			.com-page01 div.menu01 a:hover, #com-bar1 div.menu01 a:hover {
				background-image:url("../image/02com_head01_hover.png");
				background-repeat: no-repeat;
			}
		.com-page01 div.menu02, #com-bar1 div.menu02 {
			float: left;
			padding-top: 33px;
			padding-left: 52px;
		}
			.com-page01 div.menu02 a, #com-bar1 div.menu02 a {
				display:inline-block;
				height: 63px;
				width: 151px;
				background-image:url("../image/02com_head02.png");
				background-repeat: no-repeat;
			}
			.com-page01 div.menu02 a:hover, #com-bar1 div.menu02 a:hover{
				background-image:url("../image/02com_head02_hover.png");
				background-repeat: no-repeat;
			}
		.com-page01 div.menu03, #com-bar1 div.menu03 {
			float: left;
			padding-top: 33px;
			padding-left: 52px;
		}
			.com-page01 div.menu03 a, #com-bar1 div.menu03 a {
				display:inline-block;
				height: 63px;
				width: 151px;
				background-image:url("../image/02com_head03.png");
				background-repeat: no-repeat;
			}
			.com-page01 div.menu03 a:hover, #com-bar1 div.menu03 a:hover {
				background-image:url("../image/02com_head03_hover.png");
				background-repeat: no-repeat;
			}

	/* 会長の想い */
	.com-page01 div.content01 {
		width: 827px;
		height: 1800px;
		padding-top: 66px;
		padding-left: 106px;
		padding-right: 146px;
		background-color: #ffffff;
		margin: 0px;
		margin-bottom: 127px;
	}
	/* 組織図 */
	.com-page01 div.content02 {
		height: 940px;
		padding-top: 75px;
		padding-left: 80px;
		padding-right: 80px;
		background-color: #ffffff;
		margin: 0px;
		margin-bottom: 50px;
	}
		.com-page01 div.content02 div {
			border: solid 1px #231815;
			padding-top: 21px;
			padding-left: 24px;
			margin: 0px;
			margin-top: 62px;
			margin-left: 123px;
			font-size: 18px;
			color: #000000;
			letter-spacing: 0.15em; /* 文字間隔 */
			width: 703px;
			height: 37px;
			font-family: 
			   "ヒラギノ明朝 ProN W6", 
			   "HiraMinProN-W6", 
			   "HG明朝E", 
			   "ＭＳ Ｐ明朝", 
			   "MS PMincho", 
			   "MS 明朝", 
			   serif; 
		}
	/* 設立の背景 */
	.com-page01 div.content03 {
		min-height: 700px;
		padding-top: 84px;
		padding-left: 100px;
		padding-right: 80px;
		background-color: #ffffff;
		margin: 0px;
	}
		.com-page01 div.content03-01 {
			float: left;
		} 
			.com-page01 div.content03-01 div{
				font-size: 13.5px;
				font-family: 
				   "ヒラギノ明朝 ProN W6", 
				   "HiraMinProN-W6", 
				   "HG明朝E", 
				   "ＭＳ Ｐ明朝", 
				   "MS PMincho", 
				   "MS 明朝", 
				   serif; 
				letter-spacing: 0.01em; /* 文字間隔 */
				line-height: 1.8em /* 行間 */
			}
		.com-page01 div.content03-02 {
			float: left;
			width: 266px;
			padding-left: 18px;

		} 
	/* 余白 */
	.com-page01 div.content04 {
		height: 150px;
	}

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

   各部会の紹介　03

 *-------------------------------------------------------------------------------------------------------*/
.com-page02 {
	width: 1080px;
	margin: 0 auto;
}
       /* メニュー部分  */
	.com-page02 div.page-menu {
		height: 136px;
		min-width: 100%;  /* どこまでも緑にする */
		background-color: #f8f8eb;
	}
		.com-page02 div.menu00 {
			float: left;
			padding-top: 20px;
			padding-left: 15px;
		}	
             /* メニューにマウスオーバーで画像差し替えをするためにbackground指定 */
		.com-page02 div.menu01, #com-bar2 div.menu01 {
			float: left;
			padding-top: 48px;
			padding-left: 20px;
		}
			.com-page02 div.menu01 a, #com-bar2 div.menu01 a {
				display:inline-block;
				height: 38px;
				width: 138px;
				background-image:url("../image/03com_head01.png");
				background-repeat: no-repeat;
			}
			.com-page02 div.menu01 a:hover, #com-bar2 div.menu01 a:hover {
				background-image:url("../image/03com_head01_hover.png");
				background-repeat: no-repeat;
			}
		.com-page02 div.menu02, #com-bar2 div.menu02 {
			float: left;
			padding-top: 48px;
			padding-left: 10px;
		}
			.com-page02 div.menu02 a, #com-bar2 div.menu02 a {
				display:inline-block;
				height: 38px;
				width: 138px;
				background-image:url("../image/03com_head02.png");
				background-repeat: no-repeat;
			}
			.com-page02 div.menu02 a:hover, #com-bar2 div.menu02 a:hover {
				background-image:url("../image/03com_head02_hover.png");
				background-repeat: no-repeat;
			}
		.com-page02 div.menu03, #com-bar2 div.menu03 {
			float: left;
			padding-top: 48px;
			padding-left: 10px;
		}
			.com-page02 div.menu03 a, #com-bar2 div.menu03 a {
				display:inline-block;
				height: 38px;
				width: 138px;
				background-image:url("../image/03com_head03.png");
				background-repeat: no-repeat;
			}
			.com-page02 div.menu03 a:hover, #com-bar2 div.menu03 a:hover {
				background-image:url("../image/03com_head03_hover.png");
				background-repeat: no-repeat;
			}
		.com-page02 div.menu04, #com-bar2 div.menu04 {
			float: left;
			padding-top: 48px;
			padding-left: 10px;
		}
			.com-page02 div.menu04 a, #com-bar2 div.menu04 a {
				display:inline-block;
				height: 38px;
				width: 138px;
				background-image:url("../image/03com_head04.png");
				background-repeat: no-repeat;
			}
			.com-page02 div.menu04 a:hover, #com-bar2 div.menu04 a:hover {
				background-image:url("../image/03com_head04_hover.png");
				background-repeat: no-repeat;
			}
		.com-page02 div.menu05, #com-bar2 div.menu05 {
			float: left;
			padding-top: 48px;
			padding-left: 10px;
		}
			.com-page02 div.menu05 a, #com-bar2 div.menu05 a {
				display:inline-block;
				height: 38px;
				width: 138px;
				background-image:url("../image/03com_head05.png");
				background-repeat: no-repeat;
			}
			.com-page02 div.menu05 a:hover, #com-bar2 div.menu05 a:hover {
				background-image:url("../image/03com_head05_hover.png");
				background-repeat: no-repeat;
			}
	/* まちづくり部会 */
	.com-page02 div.content01 {
		width: 1022px;
		height: 1380px;
		padding-top: 36px;
		padding-left: 58px;
		background-color: #ffffff;
		margin: 0px;
		margin-bottom: 0px;
	}
		/* 具体的な取り組み　float←側の枠 */
		.com-page02 div.content01-01 {
			float: left;
			margin: 0px;
			margin-left: 30px;
			margin-top: -5px;  /* pが入るから少し上に */
		}
			/* 緑太枠のところ １ */
			.com-page02 div.content01-01-1 {
				width: 441px;
				height: 406px;
				margin: 0px;
				margin-bottom: 28px;
				background-image: url("../image/03com_content01_1.png");
				background-repeat: no-repeat;
				background-position: 75% 95%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content01-01-1 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content01-01-1 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 14.5px;
					font-weight: 400;
					letter-spacing: 0.14em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
			/* 緑太枠のところ ２ */
			.com-page02 div.content01-01-2 {
				width: 441px;
				height: 295px;
				margin: 0px;
				margin-bottom: 27px;
				background-image: url("../image/03com_content01_2.png");
				background-repeat: no-repeat;
				background-position: 45% 83%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content01-01-2 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content01-01-2 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 14.5px;
					font-weight: 400;
					letter-spacing: 0.14em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
			/* 緑太枠のところ ３ */
			.com-page02 div.content01-01-3 {
				width: 441px;
				height: 184px;
				margin: 0px;
				margin-bottom: 28px;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content01-01-3 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content01-01-3 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 14.5px;
					font-weight: 400;
					letter-spacing: 0.14em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
		/* 具体的な取り組み　float→側の枠 */
		.com-page02 div.content01-02 {
			float: left;
			margin: 0px;
			margin-left: 21px;
			margin-top: -5px;  /* pが入るから少し上に */
		}
			/* 緑太枠のところ ４ */
			.com-page02 div.content01-02-4 {
				width: 441px;
				height: 457px;
				margin: 0px;
				margin-bottom: 28px;
				background-image: url("../image/03com_content01_4.png");
				background-repeat: no-repeat;
				background-position: 55% 95%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content01-02-4 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content01-02-4 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 13.5px;
					font-weight: 400;
					letter-spacing: 0.1em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
			/* 緑太枠のところ ５ */
			.com-page02 div.content01-02-5 {
				width: 441px;
				height: 457px;
				margin: 0px;
				margin-bottom: 28px;
				background-image: url("../image/03com_content01_5.png");
				background-repeat: no-repeat;
				background-position: 55% 75%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content01-02-5 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content01-02-5 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 15px;
					font-weight: 400;
					letter-spacing: 0.1em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 

	/* 事業部会 */
	.com-page02 div.content02 {
		width: 1022px;
		height: 1380px;
		padding-top: 36px;
		padding-left: 58px;
		background-color: #ffffff;
		margin: 0px;
		margin-bottom: 0px;
	}
		/* 具体的な取り組み　float←側の枠 */
		.com-page02 div.content02-01 {
			float: left;
			margin: 0px;
			margin-left: 30px;
			margin-top: -5px;  /* pが入るから少し上に */
		}
			/* 緑太枠のところ １ */
			.com-page02 div.content02-01-1 {
				width: 441px;
				height: 294px;
				margin: 0px;
				margin-bottom: 28px;
				background-image: url("../image/03com_content02_1.png");
				background-repeat: no-repeat;
				background-position: 55% 99%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content02-01-1 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content02-01-1 p {
					margin: 0px;
					margin-top: 14px;
					margin-left: 54px;
					font-size: 13px;
					font-weight: 400;
					letter-spacing: 0.1em; /* 文字間隔 */
					line-height: 1.6em; /* 行間 */
				} 
			/* 緑太枠のところ 2 */
			.com-page02 div.content02-01-2 {
				width: 441px;
				height: 294px;
				margin: 0px;
				margin-bottom: 28px;
				background-image: url("../image/03com_content02_2.png");
				background-repeat: no-repeat;
				background-position: 35% 99%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content02-01-2 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content02-01-2 p {
					margin: 0px;
					margin-top: 10px;
					margin-left: 54px;
					font-size: 13px;
					font-weight: 400;
					letter-spacing: 0.1em; /* 文字間隔 */
					line-height: 1.6em; /* 行間 */
				}
			/* 緑太枠のところ 3 */
			.com-page02 div.content02-01-3 {
				width: 441px;
				height: 294px;
				margin: 0px;
				margin-bottom: 28px;
				background-image: url("../image/03com_content02_3.png");
				background-repeat: no-repeat;
				background-position: 45% 90%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content02-01-3 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content02-01-3 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 13px;
					font-weight: 400;
					letter-spacing: 0.1em; /* 文字間隔 */
					line-height: 1.6em; /* 行間 */
				} 
		/* 具体的な取り組み　float→側の枠 */
		.com-page02 div.content02-02 {
			float: left;
			margin: 0px;
			margin-left: 21px;
			margin-top: -5px;  /* pが入るから少し上に */
		}
			/* 緑太枠のところ ４ */
			.com-page02 div.content02-02-4 {
				width: 441px;
				height: 456px;
				margin: 0px;
				margin-bottom: 29px;
				background-image: url("../image/03com_content02_4.png");
				background-repeat: no-repeat;
				background-position: 55% 95%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content02-02-4 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content02-02-4 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 14px;
					font-weight: 400;
					letter-spacing: 0.1em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
			/* 緑太枠のところ 5 */
			.com-page02 div.content02-02-5 {
				width: 441px;
				height: 456px;
				margin: 0px;
				margin-bottom: 28px;
				background-image: url("../image/03com_content02_5.png");
				background-repeat: no-repeat;
				background-position: 55% 95%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content02-02-5 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content02-02-5 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 14px;
					font-weight: 400;
					letter-spacing: 0.1em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 

	/* 福祉部会 */
	.com-page02 div.content03 {
		width: 1022px;
		height: 1400px;
		padding-top: 36px;
		padding-left: 58px;
		background-color: #ffffff;
		margin: 0px;
		margin-bottom: 0px;
	}
		/* 具体的な取り組み　float←側の枠 */
		.com-page02 div.content03-01 {
			float: left;
			margin: 0px;
			margin-left: 30px;
			margin-top: -5px;  /* pが入るから少し上に */
		}
			/* 緑太枠のところ １ */
			.com-page02 div.content03-01-1 {
				width: 441px;
				height: 456px;
				margin: 0px;
				margin-bottom: 32px;
				background-image: url("../image/03com_content03_1.png");
				background-repeat: no-repeat;
				background-position: 55% 80%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content03-01-1 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content03-01-1 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 14.5px;
					font-weight: 400;
					letter-spacing: 0.14em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
			/* 緑太枠のところ ２ */
			.com-page02 div.content03-01-2 {
				width: 441px;
				height: 456px;
				margin: 0px;
				margin-bottom: 27px;
				background-image: url("../image/03com_content03_2.png");
				background-repeat: no-repeat;
				background-position: 45% 83%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content03-01-2 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content03-01-2 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 14.5px;
					font-weight: 400;
					letter-spacing: 0.14em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
		/* 具体的な取り組み　float→側の枠 */
		.com-page02 div.content03-02 {
			float: left;
			margin: 0px;
			margin-left: 21px;
			margin-top: -5px;  /* pが入るから少し上に */
		}
			/* 緑太枠のところ 3 */
			.com-page02 div.content03-02-3 {
				width: 441px;
				height: 497px;
				margin: 0px;
				margin-bottom: 22px;
				background-image: url("../image/03com_content03_3.png");
				background-repeat: no-repeat;
				background-position: 55% 80%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content03-02-3 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content03-02-3 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 13.5px;
					font-weight: 400;
					letter-spacing: 0.1em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
			/* 緑太枠のところ 4 */
			.com-page02 div.content03-02-4 {
				width: 441px;
				height: 424px;
				margin: 0px;
				margin-bottom: 28px;
				background-image: url("../image/03com_content03_4.png");
				background-repeat: no-repeat;
				background-position: 55% 85%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content03-02-4 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content03-02-4 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 13.5px;
					font-weight: 400;
					letter-spacing: 0.1em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
    #menu4.yohaku{ display:none;}
	/* 安心・安全部会 */
	.com-page02 div.content04 {
		width: 1022px;
		height: 1050px;
		padding-top: 0px;
		padding-left: 58px;
		background-color: #ffffff;
		margin: 0px;
		margin-bottom: 0px;
		margin-top: -50px;
	}
		/* 具体的な取り組み　float←側の枠 */
		.com-page02 div.content04-01 {
			float: left;
			margin: 0px;
			margin-left: 30px;
			margin-top: -5px;  /* pが入るから少し上に */
		}
			/* 緑太枠のところ １ */
			.com-page02 div.content04-01-1 {
				width: 441px;
				height: 458px;
				margin: 0px;
				margin-bottom: 28px;
				background-image: url("../image/03com_content04_1.png");
				background-repeat: no-repeat;
				background-position: 55% 85%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content04-01-1 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content04-01-1 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 14.5px;
					font-weight: 400;
					letter-spacing: 0.14em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
			/* 緑太枠のところ ２ */
			.com-page02 div.content04-01-2 {
				width: 441px;
				height: 458px;
				margin: 0px;
				margin-bottom: 27px;
				background-image: url("../image/03com_content04_2.png");
				background-repeat: no-repeat;
				background-position: 45% 93%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content04-01-2 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content04-01-2 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 14.5px;
					font-weight: 400;
					letter-spacing: 0.14em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
		/* 具体的な取り組み　float→側の枠 */
		.com-page02 div.content04-02 {
			float: left;
			margin: 0px;
			margin-left: 21px;
			margin-top: -5px;  /* pが入るから少し上に */
		}
			/* 緑太枠のところ 3 */
			.com-page02 div.content04-02-3 {
				width: 441px;
				height: 458px;
				margin: 0px;
				margin-bottom: 28px;
				background-image: url("../image/03com_content04_3.png");
				background-repeat: no-repeat;
				background-position: 55% 85%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content04-02-3 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content04-02-3 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 13.5px;
					font-weight: 400;
					letter-spacing: 0.1em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
			/* 緑太枠のところ 4 */
			.com-page02 div.content04-02-4 {
				width: 441px;
				height: 458px;
				margin: 0px;
				margin-bottom: 28px;
				background-image: url("../image/03com_content04_4.png");
				background-repeat: no-repeat;
				background-position: 55% 85%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content04-02-4 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content04-02-4 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 13.5px;
					font-weight: 400;
					letter-spacing: 0.1em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
  /* スポーツ部会 */
	.com-page02 div.content05 {
		width: 1022px;
		height: 1400px;
		padding-top: 36px;
		padding-left: 58px;
		background-color: #ffffff;
		margin: 0px;
		margin-bottom: 0px;
	}
		/* 具体的な取り組み　float←側の枠 */
		.com-page02 div.content05-01 {
			float: left;
			margin: 0px;
			margin-left: 30px;
			margin-top: -5px;  /* pが入るから少し上に */
		}
			/* 緑太枠のところ １ */
			.com-page02 div.content05-01-1 {
				width: 441px;
				height: 458px;
				margin: 0px;
				margin-bottom: 28px;
				background-image: url("../image/03com_content05_1.png");
				background-repeat: no-repeat;
				background-position: 55% 83%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content05-01-1 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content05-01-1 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 14.5px;
					font-weight: 400;
					letter-spacing: 0.14em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
			/* 緑太枠のところ ２ */
			.com-page02 div.content05-01-2 {
				width: 441px;
				height: 458px;
				margin: 0px;
				margin-bottom: 27px;
				background-image: url("../image/03com_content05_2.png");
				background-repeat: no-repeat;
				background-position: 60% 78%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content05-01-2 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content05-01-2 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 14.5px;
					font-weight: 400;
					letter-spacing: 0.14em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
		/* 具体的な取り組み　float→側の枠 */
		.com-page02 div.content05-02 {
			float: left;
			margin: 0px;
			margin-left: 21px;
			margin-top: -5px;  /* pが入るから少し上に */
		}
			/* 緑太枠のところ 3 */
			.com-page02 div.content05-02-3 {
				width: 441px;
				height: 458px;
				margin: 0px;
				margin-bottom: 28px;
				background-image: url("../image/03com_content05_3.png");
				background-repeat: no-repeat;
				background-position: 55% 80%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content05-02-3 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content05-02-3 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 13.5px;
					font-weight: 400;
					letter-spacing: 0.1em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 
			/* 緑太枠のところ 4 */
			.com-page02 div.content05-02-4 {
				width: 441px;
				height: 458px;
				margin: 0px;
				margin-bottom: 28px;
				background-image: url("../image/03com_content05_4.png");
				background-repeat: no-repeat;
				background-position: 55% 80%;
				border: solid 2px #5f9e3c;
			       border-radius: 20px;         /* CSS3草案 角っこを丸に*/  
			       -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
 			       -moz-border-radius: 20px;    /* Firefox用 */
			}
				.com-page02 div.content05-02-4 h3 {
					color: #5f9e3c;
					margin: 0px;
					margin-top: 30px;
					margin-left: 32px;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0.13em; /* 文字間隔 */
				}
				.com-page02 div.content05-02-4 p {
					margin: 0px;
					margin-top: 16px;
					margin-left: 54px;
					font-size: 13.5px;
					font-weight: 400;
					letter-spacing: 0.1em; /* 文字間隔 */
					line-height: 1.8em; /* 行間 */
				} 


/* 各部会の間の余白 */
.com-page02 .yohaku, .com-page01 .yohaku {
	height: 49px;
}

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

   郷土芸能　名所・旧跡　04

 *--------------------------------------------------------------------------------------------------------*/
div.place04-1 {
	padding-top: 20px;
	text-align: center;
	height: 102px;
}

div.place04-2 {
	height: 198px;
	text-align: center;
	padding-top: 20px;
}

div.place04-3 {

}
	div.place04-3 .placemap {
	 	margin: 0 auto;
		margin-bottom:7px;
		width:1152px;
		height: 1486px;
		padding:0px;
		border:0px;	
       	position:relative;  /* 位置決めの土台 */
	}
	.placemap .haikei { /* インスタの全部につけるのは　#高隈コミュ協 */
		position: static;
	} /* カントリークラブ鹿屋コース　http://www.jsgolf.jp/kanoya/ */
	.placemap .parts01 {
		position: absolute;
		left: 720px;
		top: 249px;
	} /* たかくま旬菜館　https://instagram.com/explore/tags/たかくま旬菜館/ */
	.placemap .parts02 {
		position: absolute;
		left: 901px;
		top: 67px;
	} /* 中津神社　https://instagram.com/explore/tags/高隈_中津神社/  */
	.placemap .parts03 {
		position: absolute;
		left: 882px;
		top: 318px;
	} /* 耕田　https://instagram.com/explore/tags/高隈_耕田/ */
	.placemap .parts04 {
		position: absolute;
		left: 914px;
		top: 583px;
	} /* 谷田滝　https://instagram.com/explore/tags/高隈_谷田滝/ */
	.placemap .parts05 {
		position: absolute;
		left: 974px;
		top: 783px;
	} /* 笠野原資料館（笠野原開発資料館）　https://instagram.com/explore/tags/笠野原資料館　素材なし */
         /* なんかリナシティの案内ＵＲＬはある */
	.placemap .parts06 {
		position: absolute;
		/*  空港への文字入れにより場所移動　2016/03/26
		left: 892px;
		top: 1024px;*/
		left: 948px;
		top: 1018px;
	} /* カピックセンター　http://kapic.jp/ */
	.placemap .parts07 {
		position: absolute;
		left: 385px;
		top: 25px;
	} /* 鹿屋市民族館　http://www5.synapse.ne.jp/minzokukan/ */
	.placemap .parts08 {
		position: absolute;
		left: 68px;
		top: 310px;
	} /* 大隅湖　https://instagram.com/explore/tags/高隈_大隅湖/ */
	.placemap .parts09 {
		position: absolute;
		/*  空港への文字入れにより場所移動　2016/03/26
		left: 612px;
		top: 83px; */
		left: 675px;
		top: 58px;

	} /* 山里レストラン　天　素材なし */
	.placemap .parts10 {
		position: absolute;
		left: 126px;
		top: 503px;
	} /* 福乃里　素材なし ぐるなびとかのページはある*/
	.placemap .parts11 {
		position: absolute;
		left: 303px;
		top: 624px;
	} /* かぼちゃのたね　https://www.facebook.com/karaagenist1 */
	.placemap .parts12 {
		position: absolute;
		left: 78px;
		top: 804px;
	} /* 水明荘　https://instagram.com/explore/tags/高隈_水明荘/ */
	.placemap .parts13 {
		position: absolute;
		left: 297px;
		top: 843px;
	} /* 観音淵　https://instagram.com/explore/tags/高隈_観音淵/ */
	.placemap .parts14 {
		position: absolute;
		left: 122px;
		top: 1001px;
	}
	 /* いしぐら　https://instagram.com/explore/tags/高隈_いしぐら/ */
	.placemap .parts15 {
		position: absolute;
		left: 209px;
		top: 1201px;
	} /* かぎひき祭り  https://instagram.com/explore/tags/高隈_中津神社/  */
	.placemap .partskagihiki {
		position: absolute;
		left: 698px;
		top: 483px;
	}


/* 郷土マップのホバー時イベント トランスフォームはぶるぶるだったら要らない */
.placemap .parts01 img,
.placemap .parts04 img,
.placemap .parts06 img,
.placemap .parts09 img,
.placemap .parts11 img,
.placemap .parts14 img{
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: -moz-transform 0.7s;
       -o-transition: -o-transform 0.7s;
       -ms-transition: -ms-transform 0.7s;
} 
/* 右回り一回転 */
.placemap .parts01 img:hover,
.placemap .parts06 img:hover,
.placemap .parts11 img:hover {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}
/* 斜め右ぐるっと立体1回転 但しIEはrotate3dに対応してないので横に立体1回転 */
.placemap .parts04 img:hover,
.placemap .parts09 img:hover,
.placemap .parts14 img:hover {
	transform: rotate3d(270,360,0,360deg);
	-webkit-transform: rotate3d(270,360,0,360deg);
	-moz-transform: rotate3d(270,360,0,360deg);
	-o-transform: rotate3d(270,360,0,360deg);
	-ms-transform: rotate3d(270,360,0,360deg);
	-ms-transform: rotateY(360deg);  /* IEがrotate3d効かないぽいので横回転 */
} 

/* ぶるぶるする */
.placemap .parts03 img:hover,
.placemap .parts08 img:hover,
.placemap .parts13 img:hover {
    animation: shake 0.7s linear infinite;
    -webkit-animation: shake 0.7s linear infinite;
}
/* ぶるぶる詳細設定 */
@keyframes shake {
    0% { transform: translate(3px, 2px) rotate(0deg); }
    10% { transform: translate(-2px, -3px) rotate(-1deg); }
    20% { transform: translate(-4px, 0px) rotate(1deg); }
    30% { transform: translate(0px, 3px) rotate(0deg); }
    40% { transform: translate(2px, -2px) rotate(1deg); }
    50% { transform: translate(-2px, 3px) rotate(-1deg); }
    60% { transform: translate(-4px, 2px) rotate(0deg); }
    70% { transform: translate(3px, 2px) rotate(-1deg); }
    80% { transform: translate(-2px, -2px) rotate(1deg); }
    90% { transform: translate(2px, 4px) rotate(0deg); }
    100% { transform: translate(2px, -3px) rotate(-1deg); }
}

/* 左回り一回転
.placemap .parts09 img:hover,
.placemap .parts14 img:hover {
	transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
} */
/* 斜め右ぐるっと立体1回転 但しIEはrotate3dに対応してないので横に立体1回転 
.placemap .parts10 img:hover{
	transform: rotate3d(-270,360,0,360deg);
	-webkit-transform: rotate3d(-270,360,0,360deg);
	-moz-transform: rotate3d(-270,360,0,360deg);
	-o-transform: rotate3d(-270,360,0,360deg);
	-ms-transform: rotate3d(-270,360,0,360deg);
	-ms-transform: rotateY(-360deg); 
} */


/* きらーん キラーン とする
   parts各種はabsoluteで位置指定を使っている為
   aタグにrelative貼るよ
*/
.placemap .parts02 a,
.placemap .parts07 a,
.placemap .parts12 a{
	display: inline-block; /* relativeはるからインラインブロックにしてー */
	border-radius: 10%;    /* 外枠の角を丸めよう */
}
.placemap .parts02 a,
.placemap .parts07 a,
.placemap .parts12 a{
	position:relative;
	overflow: hidden;  /* キラーン部分は本体より左寄りで隠して配置しておくよ。本体よりも大きいよ */
}
.placemap .parts02 a::before,
.placemap .parts07 a::before,
.placemap .parts12 a::before{
	position:absolute;
	left: -95%;
	top: 0px;
	z-index: 2;
	display: block;
	content: '';
	width: 60%;
	height: 220px;
	                                 /* 位置 　開始色         */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);	
}
.placemap .parts02 a:hover::before,
.placemap .parts07 a:hover::before,
.placemap .parts12 a:hover::before{
	-webkit-animation: shine 1.35s;
	animation: shine 1.35s;
}
@-webkit-keyframes shine {
	100% { left: 125%; }
}
@keyframes shine {
	100% { left: 125%; }
}

/* ぶわっとする 
   parts各種はabsoluteで位置指定を使っている為
   aタグにrelative貼るよ
*/
.placemap .parts05 a,
.placemap .parts10 a,
.placemap .parts15 a,
.placemap .partskagihiki a{
  display: inline-block; /* relativeはるからインラインブロックにしてー */
	position: relative;
}
.placemap .parts05 a::before,
.placemap .parts10 a::before,
.placemap .parts15 a::before,
.placemap .partskagihiki a::before{
	position: absolute;
	top: 54%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2); /* 色は白で */
	border-radius: 100%;
	/* translateで50%移動してtopで位置指定して */
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.placemap .parts05 a:hover::before,
.placemap .parts10 a:hover::before,
.placemap .parts15 a:hover::before,
.placemap .partskagihiki a:hover::before{
	-webkit-animation: circle .85s;
	animation: circle .85s;
}
@-webkit-keyframes circle {
	0%   { opacity: 1; }
	40%  { opacity: 1; }
	100% {
		width: 155%;
		height: 105%;
		opacity: 0;
	}
}
@keyframes circle {
	0%   { opacity: 1; }
	40%  { opacity: 1; }
	100% {
		width: 155%;
		height: 105%;
		opacity: 0;
	}
}

.handmade-map{
  text-align: center;
  margin-top: 50px;
  padding-bottom: 40px;
  
}
  .handmade-map img{
    width: 1080px;
  }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*

  大枠

 *++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#pagetitle-frame {
       background-color: #f8f8eb;  /* うすx3 緑 */
	min-width:100%;    /* 横をどこまでも緑にする */
	width:1260px;
}
#pagetitle-frame {
	/*width:auto;  横スクロで背景が切れるときの対策 */
}

#pagetitle-frame1 {
       background-color: #f8f8eb;  /* うすx3 緑 */
	min-width:100%;    /* 横をどこまでも緑にする */
	width:1260px;
}
#pagetitle-frame1 {
	/*width:auto;  横スクロで背景が切れるときの対策 */
}

#pagetitle-frame2 {
       background-color: #aec55f;  /* 濃い緑 */
	min-width:100%;    /* 横をどこまでも緑にする */
	width:1260px;
	margin-top: 2px;
}
#pagetitle-frame2 {
	/*width:auto;  横スクロで背景が切れるときの対策 */
}
#page-frame {
	margin-top: -12px;
       background-color: #F1F6DD;  /* うすうす緑 */
	min-width:100%;    /* 横をどこまでも緑にする */
	width:1260px;
}
#page-frame {
	/*width:auto;  横スクロで背景が切れるときの対策 */
}

/* スクロしたら出てくるCOMスリムトップバー */
#com-bar1 {
	display: none;
	text-align: center;
	background-color: #f8f8eb;
	min-width: 100%;
	width: 1080px;
	padding-left: 165px;
	height: 63px;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 1;
}
#com-bar2 {
	display: none;
	text-align: center;
	background-color: #f8f8eb;
	min-width: 100%;
	width: 1080px;
	padding-left: 11.35%;
	padding-left: 9%;
	height: 38px;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 1;
}

	#com-bar1 div.menu01,
	#com-bar1 div.menu02,
	#com-bar1 div.menu03,
	#com-bar2 div.menu01,
	#com-bar2 div.menu02,
	#com-bar2 div.menu03,
	#com-bar2 div.menu04,
	#com-bar2 div.menu05 {
		padding-top: 0px;
	}

#header-menu{
	margin-bottom: 4px;
}