@charset "utf-8";

* {
	color:#333333;
	padding:0;
	margin: 0;
}
body{
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    background-position: top left;
    background-repeat: repeat-x;
    min-width: 900px;
    background-image : url(img/bg_3E.png);
    font-family: "メイリオ","Arial","Verdana", "ヒラギノ角ゴ Pro W3", "????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?�� ゴシ???��?��??��?��?ク", "Osaka‐等�?", arial, helvetica, sans-serif;
}
img {
	vertical-align: top;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*-------------------------------------------
li {
	list-style-type: none;
}
-------------------------------------------*/
a {
	color: #333;
}
a:hover {
	color: #99CC00;
	text-decoration: none;
}

a:hover img {
    opacity: 0.5; /* マウスオーバ�????��?��??��?��時�????��?��??��?��透�????��?��??��?��度 */
    filter: alpha(opacity=50); /* マウスオーバ�????��?��??��?��時�????��?��??��?��透�????��?��??��?��度 IE用 */
}
a:hover img#logo {
    opacity: 0.8; /* マウスオーバ�????��?��??��?��時�????��?��??��?��透�????��?��??��?��度 */
    filter: alpha(opacity=80); /* マウスオーバ�????��?��??��?��時�????��?��??��?��透�????��?��??��?��度 IE用 */
}

p.center {
    text-align: center;
}
.hidariyose{
    text-align: left;
}

.textBlock a:link { color: #009900; }
.textBlock a:visited { color: #99CC00; }
.textBlock a:hover { color: #99CC00; }
.textBlock a:active { color: #009900; }
img.arrow { vertical-align: middle; }
/*-------------------------------------------
▼スライドショー
-------------------------------------------*/
#slideshow {
   position: relative;
   width:  858px; /* 画像�????��?��??��?��横???��?��??��?��? */
   height: 175px; /* 画像�????��?��??��?��高さ */
}
#slideshow img {
   position: absolute;
   margin-right: 0;
   top: 0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}

/*-------------------------------------------
▼コン???��?��??��?��?ナ�????��?��??��?��
-------------------------------------------*/
#container{
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 0;
    background-image : url(img/containerBg_3E.png);/* ミドリ葉背景 */
    background-position: center top;
    background-repeat: no-repeat;
    zoom: 1;
    border: 1;
}

.container_imgs{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 -4px;
	justify-content: left;
	align-content: space-around;
}

.container_imgs_item{
	box-sizing: border-box;
	flex-basis: 16.6%;
	padding: 4px;
}

/*-------------------------------------------
▼ヘッダー ▼
-------------------------------------------*/
#head {
	width: 858px;
  height: 90px;
	position: relative;
}

#head img#logo {
	position: absolute;
	left: 1px;
	top: 5px;
}

/*----コピ�????��?��??��?��ライ???��?��??��?��?------*/
#head img#copy {
	position: absolute;
	right: 12px;
	top: 36px;
}

/*----home葉っぱ------*/
#head #h_list {
	position: absolute;
	right: 8px;
    top: 5px;
}
#head #h_list li {
	display: inline;
	padding-right: 13px;
	padding-left: 7px;
    background-image: url(img/homeleaf.png);
	background-repeat: no-repeat;
	background-position: right;
	font-size: 12px;

}
#head #h_list a {
	color: #000000;
}


/*-------------------------------------------
▼???��?��??��?��? プルダウン ナビゲーション▼
-------------------------------------------*/
/*----プルダウンの場所、色、影???��?��??��?��?????��?��??��?��???��?��??��?��???��?��??��?��?------*/
#navi_b {
	background-color: #008800;
	padding-left: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C6C6BF;
	background-image: url(img/nav_3E_02.png);
	/*
	position: absolute;
	bottom: 0px;
	*/
	margin-bottom: 1rem;
	display: inline-block;
}
 #nav {
	display: block;
	position: relative;
	/*
	background-image: url(img/nav_3E_02.png);
	height: 31px;
	*/
	width: 856px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A7B3B3;
}

#nav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;

	height: 31px;
	background-image: url(img/nav_3E_02.png);
}

/*----プルダウンulの???��?��??��?��?------*/
#nav ul {
	width: 141px;
	display: none;
	position: absolute;
	top: 31px;
	left: 5;
	margin: 0;
}

#nav ul ul {
	left: 143px;
	top: 0;
}

* html #nav ul {
	line-height: 0;
} /* IE6 "fix" */
#nav ul a {
	zoom: 1;
} /* IE6/7 fix */
#nav ul li {
	float: none;
}
 
#nav *:hover {
	background-color: none;
}
/*----↓白???��?��??��?��?字リンクあり------*/

#nav a {
	display: block;
    font-size: 13px;
    line-height: 28px;
    padding-top: 1px;
    color: #FFF;
    font-weight: bold;
    width: 141.5px;
    height: 31px;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A7B3B3;
}

/*----↓�????��?��??��?��?字リンクなし　使用???��?��??��?��?------*/
#nav strong {
	display: block;
	color: #FFF;
	font-size: 13px;
    line-height: 28px;
　　font-weight: bold;
    padding-top: 1px;
    width: 140px;
    height: 31px;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A7B3B3;
}

#nav a:hover {
	background-image: url(img/nav_3E_02_on.png);
    font-weight: bold;
}

#nav li.hover a {
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}
/*----↓�????��?��??��?��ススオーバ�????��?��??��?��??��?��????��?��??��?��?------*/
#nav ul a.hover {
	background-color:#00CC00;
	color: #FFFFFF;
	background-image: url(img/li_w.gif);
}
/*----↓�????��?��??��?��ススオーバ�????��?��??��?��??��?��????��?��??��?��?------*/
#nav ul a:hover {
	background-color: #009900;
	color: #FFFFFF;
	background-image: url(img/li_w.gif);
}
/*----下に出る�????��?��??��?��ルダウンulの色??��?��????��?��??��?��?------*/
#nav ul a {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	background-color: #F2F2EE;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A7B3B3;
	line-height: 20px;
	height: 20px;
	padding-top: 2px;
	padding-right: 5px;
	color: #1D2325;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CED5D5;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CED5D5;
}



/* ---------------------------------------------------------------------
▼コン???��?��??��?��?ン???��?��??��?��?▼　
--------------------------------------------------------------------- */
/* ---------------------------------------------------------------------
　▽左右振り�??け　ラ???��?��??��?��?プ　フロー???��?��??��?��?
--------------------------------------------------------------------- */
#contentsArea{
	width:858px;/* コン???��?��??��?��?ン???��?��??��?��????��?��??��?��? */
  padding-top:40px;/* ヘッダー下�????��?��??��?��空???��?��??��?��? */
}

#contentsMainArea{
	width:580px;/* メイン???��?��??��?��? */
	float:right;
	overflow:hidden;
}

#contentsSubArea{
	width:278px;/* サイド�? */
	float:left;
	overflow:hidden;
}


/* ---------------------------------------------------------------------
▼メイン ボックス　IndexBlock-▼　
--------------------------------------------------------------------- */

/*----メイン ボックス　共???��?��??��?��?----*/
.IndexBlock h1 {
    font-size: 19px;
	color: #660000;
    text-align: left;
    background-image:url(img/h1.png);
    background-repeat:no-repeat;
    padding: 0px 0px 0px 40px;
    margin: 5px 0px 12px 2px;
}
.IndexBlock h1 span{
    font-size: 15px;
    line-height:2em;
	color: #660000;
    text-align: left;
    background-image:url(img/h1s.png);
    background-repeat:no-repeat;
    padding: 0px 5px 0px 25px;
}
.IndexBlock h1 span a{
	color: #660000;
}
.IndexBlock h2 span{
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #007700;
	line-height: 26px;
	color: #007700;
	padding-top: 5px;
	padding-left: 3px;
	padding-bottom: 1px;
    margin-bottom: 15px;
    margin-right: 10px;
    text-align: left;
}
.IndexBlock h2 {
	color: #660000;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #660000;
	font-size: 15px;
	line-height: 15px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 11px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-align: left;
}
.IndexBlock h3 {
	font-size: 14px;
	color: #007700;
	text-align: left;
}

.IndexBlock h3 span {
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	height: 20px;
    margin: 3px 0px 5px 2px;
	text-align: left;
}
.IndexBlock h4 {
	color: #007700;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #007700;
	font-size: 16px;
	line-height: 20px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-align: left;
}

.IndexBlock h4 span {
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	line-height: 12px;
	font-weight: normal;
	text-align: left;
}

.IndexBlock h5 {
font-weight: normal;
    font-size: 12px;
    line-height: 1.8em;
    color: #006600;
    margin: 0px 7px 40px 3px;
    text-align: left;
}

.IndexBlock p {
	text-align: left;
	line-height:2em;
}

/* ---  写真--- */ 
.IndexBlock .ptRight {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 15px;
    display: inline;
    float: right;
}
.IndexBlock .ptLeft {
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 15px;
    display: inline;
    float: left;
}


/*----▼ボラン???��?��??��?��?ィア用　H2と合わせて----*/
.IndexBlock p.syou {
    font-size: 12px;
    line-height: 2.0em;
    margin: 0px 10px 40px 17px;
}
/*----メイン ボックス　タイトル　使用無し�?----*/
.midasititle {
    margin: 5px 0px 20px 2px;
    text-align: left;
}
/* --- メイン タイトル下ミドリ???��?��??��?��?字　使用無し�?--- */ 
.midasimoji {
    font-size: 12px;
    line-height: 1.8em;
    color: #006600;
    margin: 0px 7px 45px 3px;
    text-align: left;
}
/*----メイン ボックス　共???��?��??��?��? ここまで----*/



/*----ボックス　HR-----*/
hr.separator1 {
height: 1px;
border: none;
border-top: 1px #AAAAAA dotted; /* ???��?��??��?��?界�? */
margin-top: 15px;
margin-bottom: 15px;
}

/* ---------------------------------------------------------------------
▽▼home用 メイン homeボックス　3わけ
--------------------------------------------------------------------- */

/*-------------------------------------*/
/* メモノ�????��?��??��?��???��?��??��?��? */
#noteBox{
	height: 210px;
	width: 580px;
    position:relative;
    background-image:url(img/note.gif);
    background-repeat: no-repeat; 
	margin: 0px 0px 33px 0px;
}
#noteBox p.note{
    padding:50px 45px 5px 45px;
   	/*font-size: 10px;*/
		line-height: 1.8;
		display: block;
    text-align: left;
  ?��     
}
/*-------------------------------------*/
/* 浮動コン???��?��??��?��?ン???��?��??��?��?のクリア */
/*-------------------------------------*/
.clear{ display: block; clear:both; height:0;}

/*//clearFix Coponents//*/
.clear {clear:both;}
.clearfix{ display:block;} 
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }
 
.clearfix:after {
	content: url(pixel.gif);
	display: block;
	clear: both;
	height: 0;
}

/*-------------------------------------*/
/* ▼HOME ????��?��??��?��???��?��??��?��つのトピ???��?��??��?��?クス */
div.topicsBox{
        display:block;
		width: 175px;
		float: left;
		margin-left: 25px;
		margin-bottom: 5px;
	}

div.firstItem{
		margin-left: 0;
	}

div.topicsBox strong{
		margin-bottom: 15px;
		font-weight: bold;
		display: block;
		font-size: 14px;
		border-bottom: 1px #dedede solid;
	}

div.topicsBox span.box_l{
　　	font-size: 8px;
		line-height: 1.9;
		display: block;
		text-align: justify;
		margin-bottom: 8px;
	}

/*----▼HOME　声???��?��??��?��? homebox　緑枠 ----*/

.homebox{
	display:block;
	background:none;
	padding:0;
	margin:5px 3px 35px 0px;
	overflow:hidden;
	height:100%;
}

.homebox span.box{
	border-top:#CC3300 solid 1px;/* ???��?��??��?��? */
	border-bottom:#CC3300 solid 1px;
	border-right:#CC3300 solid 1px;
	border-left:#CC3300 solid 1px;
	overflow:hidden;
	width: 533px;
	display:inline-block;
	font-size:1.0em;
	line-height:2.2em;
	padding:10px 20px 10px;
	text-align: left;

}
.homebox p.inbox{
	display:block;
	font-weight: bold;
	color: #DD0000;/* ???��?��??��?��?字�????��?��??��?��色 */
	display: block;
	font-size:1.1em;
	text-align: left;
}
/*-------------------------------------*/

/* --- ▼HOME 新着???��?��??��?��?報エリア --- */
div.update2 {
width: 575px; /* 新着???��?��??��?��?報エリアの???��?��??��?��? */
margin-bottom: 50px;
}

/* --- 見�????��?��??��?��???��?��??��?��? --- */
div.update2 h3 {
margin: 0px 0px 5px 10px; /* 見�????��?��??��?��し�????��?��??��?��マ�????��?��??��?��ジン????��?��??��?��???��?��??��?��上、左、下、右????��?��??��?��? */
font-size: 13px;
text-align: left;
color: #000000;
}

/* --- 新着リス???��?��??��?��? --- */
div.update2 dl {
width: 100%; /* 新着リスト�????��?��??��?��???��?��??��?��? */
height: 300px; /* 新着リスト�????��?��??��?��高さ */
overflow: auto;
margin: 0;
background-color: #fbfbfb; /* 新着リスト�????��?��??��?��背景色 */
border-top: 1px #c0c0c0 dotted; /* 新着リスト�????��?��??��?��上�?界�? */
border-bottom: 1px #c0c0c0 dotted; /* 新着リスト�????��?��??��?��下�?界�? */
}

/* 新着エリアのdtとddを一列に表示するのにflexboxを使用  add_20210831
 （以前はfloatが使用されていたが、レイアウトが乱れるようになったため改変) */
.update_table_row {
display: flex;
flex-direction: row;
}

/* --- 日付エリア --- */
div.update2 dt {
font-size: 10px;
padding: 7px 0px 7px 3px; /* 日付エリアのパディング????��?��??��?��???��?��??��?��上右下左????��?��??��?��? */
width: 4.5rem;
display: inline-block;   /* add_20210831 */
}

/* --- コンテンツエリア --- */
div.update2 dd {
text-align: left;
font-size: 13px;
margin: 0;
padding: 7px 3px 7px 6px; /* 本???��?��??��?��?エリアのパディング????��?��??��?��???��?��??��?��上右下左????��?��??��?��? */
border-bottom: 1px #c0c0c0 dotted; /* 本???��?��??��?��?エリアの下�?界�? */
flex: 1 1 0;				/* add_20210831 */
display: inline-block;		/* add_20210831 */
}

div.update2 a{
color: #006600;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* ---　▼HOME ボ�????��?��??��?��ダー　TPPリンクエリア 使用無???��?��??��?��?--- */

div#newTopics{
	float: left;
    margin-left: 0;
    margin-bottom: 45px;
}

	div#newTopics strong{
		font-weight: bold;
		font-size: 13px;
		margin-bottom: 14px;
		text-align: left;
		display: block;
	   border-bottom: 1px #008800 solid;
	}

	div#newTopics dl{
		width: 575px;
	}

	div#newTopics dl dt,
	div#newTopics dl dd{
		padding: 12px 0;
		border-bottom: 1px solid #ddd;
	}

	div#newTopics dl dt{
		float:left;
		width:100px;
		clear:both;
		background: url(../img/bg_boder.gif) repeat 0 0 ;
	}

	div#newTopics dl dd{
		text-align: left;
		width:420px;
		margin-left:100px;
		padding-left:30px;
	}
/*----ここまで　メイン Home -----*/

/* ---------------------------------------------------------------------
　▼応援メ???��?��??��?��?セージ用　写真左　右説???��?��??��?��?2段 メイン ボックス2
--------------------------------------------------------------------- */
 /* ---------------------------------------------------------------------
　▼TPP、▼農水用　本???��?��??��?��?を読む リンク用　 メイン ボックス2
--------------------------------------------------------------------- */  
.IndexBlock .post2 {
    clear: both;
    border-top: 1px solid #DDD;
    margin: 0px 5px 0px 0px;
	padding:30px 5px;
}

.IndexBlock .post2 .photoleft {
    float: left;
    margin-left: 1px;
    margin-right: 20px;
   } 

	 .IndexBlock .post2 .photoleft img{
		object-fit: cover;
	 }

	 /*----本???��?��??��?��?を読む　イラス???��?��??��?��? -----*/
 .IndexBlock .post2 .photoright {
    float: right;
    margin: 0px 15px 20px 0px;
   }   

.post2 h3 a{
    font-size: 0.9em;
    font-weight: bold;
    text-align: left;
    color: #660000;
    margin: 0px 0px 0px 0px;
}

.post2 .textB2 {
	margin: 10px 0;
	overflow: hidden;
	height: 100%;
	text-align: left;
}

.post2 .textB2 p {
	font-size: 1em;
	line-height: 2em;
}
.post2 .textB2 a {
    color: #000066;/* リンクカラー */
    font-weight: bold;
}

/* -------上線あり　キャプショングレー　▼TPP　-------- */
.IndexBlock .post2 .keywordBlock {
    margin-top: 15px;
    padding: 10px 20px;
}

/* ---　キャプショングレー　▼TPP　???��?��??��?��?イ???��?��??��?��?ターFBなど・・　------- */
.keywordBlock {
    background: none repeat scroll 0% 0% #f5f5f5;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 10px 20px;
    overflow: hidden;
    font-size: 0.9em;
    line-height: 1.5em;
    height: 100%;
    text-align: left;
}    
/*----メイン ボックス2　応援メ???��?��??��?��?セージ用　写真左　右説???��?��??��?��?2段 ここまで-----*/

    
/* ---------------------------------------------------------------------
　メイン ボックス　???��?��??��?��?あり　▼TPP ▼農水用　
--------------------------------------------------------------------- */    


/*----post メイン ボックス　グレー???��?��??��?��?　▼-----*/
.IndexBlock .post {
	border: 1px solid #ddd;
	margin: 1px 5px 50px 0px;
	padding:10px 30px 20px;
}
/*----↓メインボックス 名前　イメージ▼メ???��?��??��?��?セージ------*/
.post .titleBlock {
	margin-bottom: 10px;
	clear: both;
	overflow: hidden;
	height: 100%;
}
.post .titleBlock h3{
    font-size: 1em;
    font-weight: bold;
    text-align: left;
}
.post .titleBlock p {
	color: #005500;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	margin-top: 15px;
	margin-left: 5px;	
	float: left;
}
.post .titleBlock span {
	float: right;
}
.post .titleBlock span img {
	vertical-align: middle;
	margin-left: 5px;
}
/*----↓メインボックス ▼TPP ▼歩み　見�????��?��??��?��し　写真　メ???��?��??��?��?セージ------*/
.post .entryBlock table {
	width: 510px;
	height: 135px;
	border-collapse: collapse;
	border-spacing: 0;

}
.post .entryBlock table td {
	vertical-align: middle;
}
.post .entryBlock table td.entry {
	width: 300px;
	background: url('img/bg_entry.gif') repeat-x left top;
}
.post .entryBlock table td.space {
	width: 30px;
}


/*----↓�????��?��??��?��真　横180　縦135　------*/
.post .entryBlock table td.photo {
	margin-right: 0px;
	width: 180px;
}
.post .entryBlock table td.entry h3 {
  text-align: left;
  font-family: Osaka, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 2em;
	display: block;
	color: #000000;
	padding: 0px 0px 0px 0px;
    margin: 0px 30px 0px 30px;
}

/* ---------------------------------------------------------------------
　▼「Ｔ????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��???��?��??��?��? ▼「水農地域」メインボックス	???��?��??��?��????��?��??��?��?　更新多更新多更新???��?��??��?��?
--------------------------------------------------------------------- */
.post .textBlock {
	margin: 30px 0;
	clear: both;
	overflow: hidden;
	height: 100%;
}

.post .textBlock p {
	font-size: 1.1em;
	line-height: 2.1em;
	text-align: left;
}
/*----▼アクション　???��?��??��?��?字緑見�????��?��??��?��???��?��??��?��?-----*/
.post .textBlock strong {
       font-size: 1.1em;
       font-weight: bold;                 /* ???��?��??��?��?字�????��?��??��?��太???��?��??��?��? */
       color: #008800;                    /* ???��?��??��?��?字色 */
       text-align: left;
       display: block;
       margin: 20px 0px 3px 0px;
}

/*----▼「Ｔ????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��」�????��?��??��?��真　キャプションつき　右よせ-----*/
div.imageboxR {
   background-color: #EFEFEF;  /* 背景色 */
   width: 190px; /* 横???��?��??��?��? */
   float: right; /* 左に配置 */
   margin: 5px; /* 周囲の余白 */
   text-align: center;
}
/*----▼「Ｔ????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��」�????��?��??��?��真　キャプションつき　左よせ-----*/
div.imageboxC {
   background-color: #EFEFEF;  /* 背景色 */
   float: left; /* 左に配置 */
   margin: 5px; /* 周囲の余白 */
}
.clearLeft {
clear: left;
}

div.imageboxL {
   background-color: #EFEFEF;  /* 背景色 */
   float: left; /* 左に配置 */
   width: 190px; /* 横???��?��??��?��? */
   margin: 5px; /* 周囲の余白 */
}
p.gazou {
   text-align: center;
   margin: 5px;
}
div.imageboxL p.gcaption {
   font-size: 0.9em;
   line-height: 1.4em;
   text-align: center;
   margin: 5px;
}
div.imageboxR p.gcaption {
   font-size: 0.9em;
   line-height: 1.4em;
   text-align: center;
   margin: 5px;
}
div.imageboxC p.gcaption {
   font-size: 0.9em;
   line-height: 1.4em;
   text-align: center;
   margin: 5px;
}

/*----▼「Ｔ????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��」�????��?��??��?��??��?��?-----*/
.post .textBlock .photo {
	width: 180px;
	font-size: 1em;
	line-height: 1.6em;
	margin-left: 20px;
	margin-right: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	display : inline;
	float: right;
}

.post .textBlock .photo_left {
	width: 180px;
	font-size: 1em;
	line-height: 1.6em;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	display : inline;
	float: left;
}

/* add 20210830 
　　図表と訳（箇条書き）をまとめて枠囲みで表示するために作成  */
div.zuhyou_and_yaku__align_left{
	text-align: left;
	border: 2px dotted lightgray;
	padding: 1rem;
}

ul.zuhyou_and_yaku__align_left{
	list-style-type: disc;
}

li.zuhyou_and_yaku__align_left{
	margin: 0.25rem 0.25rem 0.25rem 2rem;
}

/* ---------------------------------------------------------------------
　▼「講師派遣」メインボックス	???��?��??��?��????��?��??��?��?
--------------------------------------------------------------------- */
/*----↓メインボックス ▼講師派遣　見�????��?��??��?��し　写真　メ???��?��??��?��?セージ------*/
/*
.post .entryBlock2 table {
	width: 510px;
	height: 150px;
	border-collapse: collapse;
	border-spacing: 0;
}
.post .entryBlock2 table td {
	vertical-align: middle;
}

.post .entryBlock2 table td.entry {
	width: 245px;
	background: url('img/bg_entry2.gif') repeat-x left top;
}
.post .entryBlock2 table td.space {
	width: 35px;
}

/*----↓�????��?��??��?��真　横230　縦150　------*/
/*
.post .entryBlock2 table td.photo {
	margin-right: 0px;
	width: 230px;
}
.post .entryBlock2 table td.entry h3 {
　　font-family: Osaka, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.8em;
	display: block;
	color: #FFFFFF;
	padding: 0px 5px 38px 70px;
    margin: 0px 20px 0px 0px;
}
*/

.entryBlock2 .koushi_photo_flexbox {
	display:flex;
	justify-content: flex-start space-between;
	flex-wrap: wrap;
}

.entryBlock2 .koushi_photo_flexbox .entry{
	width: 245px;
	background: url('img/bg_entry2.gif') repeat-x left top;
	margin-right: 20px;
}

.entryBlock2 .koushi_photo_flexbox h3{
  font-size: 1.1em;
  line-height: 1.8em;
  display: block;
  color: #FFFFFF;
  padding: 20px 5px 38px 60px;
  margin: 0px 20px 0px 0px;
}

/*----▼これまでの歩み　???��?��??��?��????��?��??��?��?　写真　-----*/
.post .history {
	margin: 30px 0;
	clear: both;
	overflow: hidden;
	height: 100%;
}

.post .history p {
	font-size: 1.0em;
	line-height: 2.1em;
	position: relative;
	text-align: left;
	bottom: -0.2em;
	vertical-align: baseline;
}
/*----▼これまでの歩み　写真-----*/
.post .history .photo {
	width: 180px;
	font-size: 1em;
	line-height: 1.6em;
	margin-left: 20px;
	margin-bottom: 15px;
	display : inline;
	float: right;
}

.post .history .photo_left {
	width: 180px;
	font-size: 1em;
	line-height: 1.6em;
	margin-right: 20px;
	margin-bottom: 15px;
	display : inline;
	float: left;
}

/*----↓文???��?��??��?��?中　写真　未使用-----*/
.post .textBlock .photo .caption {
	margin-top: 5px;
}
.post .textBlock .photo img{
	vertical-align:bottom;
}
.post .textBlock .photo .alignRight {
	text-align: right;

}
/* ---------------------------------------------------------------------
	プロフィール　太???��?��??��?��????��?��??��?��?
--------------------------------------------------------------------- */

.post .infoBlock {
	background: url('img/bg_dotted.gif') repeat-x left top;
	padding: 25px 0 10px;
}
.post .infoBlock strong {
	font-weight: bold;
}
.post .infoBlock p {	
	text-align: left;
	font-size: 0.9em;
	line-height: 1.9em;
	color: #000000;
	font-weight: bold;
}
/*----↓�????��?��??��?��ロフィール　未使用-----*/
#contentsMainArea .iconBlock {
	background-color: #ded3b1;
}



/* ---------------------------------------------------------------------
　メイン ボックス　　　????��?��??��?��???��?��??��?��???��?��??��?��??��?��用　ここまで
--------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
　メイン　ノ�????��?��??��?��ト風　▼「グローバリズ???��?��??��?��?入門???��?��??��?��? 用　
--------------------------------------------------------------------- */    
/* 外枠 */
div.notedesign {
   border: 1px solid green;   /* 外枠 */
   margin: 0px 5px 25px 0px;           /* 外�????��?��??��?��の余白 */
   padding: 10px;             /* ???��?��??��?��?側の余白 */
   background-color: #FFFFEE; /* 背景色 */
}
/* ノ�????��?��??��?��ト�??部 */
div.notedesign p {
   background-image: url("action/img/greendot.gif"); /* 罫???��?��??��?��? */
   line-height: 25px; /* 行�????��?��??��?��高さ */
   margin: 0px 10px;       /* 外�????��?��??��?��の余白 */
   text-align: left;
}
/* ノ�????��?��??��?��トタイトル */
div.notedesign p.notetitle {
  background: none;
   margin: 0px 0px 5px 0px;           /* 外�????��?��??��?��の余白 */
   padding: 3px 0px;                  /* ???��?��??��?��?側の余白 */
   border-bottom: 3px double #008000; /* 下�? */
   font-size: 1.4em;
   font-weight: bold;                 /* ???��?��??��?��?字�????��?��??��?��太???��?��??��?��? */
   color: #008000;                    /* ???��?��??��?��?字色 */
   text-align: left;
}
/* --- ▼グロ入門 赤リンク???��?��??��?��????��?��??��?��?--- */ 
.IndexBlock .notedesign .akamoji{
    color: #DD0000;
}
/* ---▼グロ入門  写真 --- */ 
div.photoKokuban img{
    margin: 30px 10px 10px 10px;
    display: inline;
   float: left;
}
/* ---▼活動�????��?��??��?��???��?��??��?��?  ????��?��??��?��?5のアイコン --- */
div.photoKokuban2 img{
    margin: 0px 10px 10px 10px;
    display: inline;
   float: right;
}
/* ---------------------------------------------------------------------
　メイン　???��?��??��?��?なし▼「AMにつ???��?��??��?��?て」▼「イベント」▼「活動�????��?��??��?��告�? 用　
--------------------------------------------------------------------- */    
/* --- ???��?��??��?��?なしテキス???��?��??��?��? 写真--- */ 
.IndexBlock .post3 {
    border-bottom: medium none;
    margin: 0px 10px 30px 2px;
    padding: 0px;
    clear: both;
	overflow: hidden;
	height: 100%;
}

/* --- ???��?��??��?��?な???��?��??��?��? たいと???��?��??��?��?--- */
h4.akinasi {
	color: #007700;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #007700;
	font-size: 16px;
	line-height: 15px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-align: left;
}


/* --- ???��?��??��?��?な???��?��??��?��? 年月▼イベン???��?��??��?��?--- */ 

.IndexBlock .post3 .ev dt {
    width: 80px;
    font-size: 1.1em;
    line-height: 1.5em;
    float: left;
}
.IndexBlock .post3 .ev dd {
    font-size: 1.1em;
    line-height: 1.66em;
    margin-left: 100px;
    margin-bottom: 1em;
    text-align: left;
}



/* --- ???��?��??��?��?あり 年月▼イベント過去--- */ 
/*----post5 メイン　グレー線あり▼-----*/
.IndexBlock .post5 {
	border-bottom: 1px solid #ddd;
	margin: 1px 5px 20px 0px;
	padding:1px 10px 5px;

}
.IndexBlock .ev2 dt {
    width: 75px;
    margin-left: 0px;
    font-size: 1.0em;
    line-height: 1.2em;
    float: left;
    text-align: right;
}
.IndexBlock .ev2 dd {
    font-size: 1.0em;
    line-height: 1.2em;
    margin-left: 100px;
    margin-bottom: 1em;
    text-align: left;
}
.IndexBlock .bgreen {
	color: #007700;/* イベ過去、年 */
	font-size: 1.4em;
	font-weight: bold;
	margin-left: 15px;
	margin-top: 0px;
    margin-bottom: 22px;
    text-align: left;
}
.IndexBlock .bgreen a {
	color: #007700;
}
/* --- ???��?��??��?��?あり 年月▼あゆみ--- */ 
.IndexBlock .year dt {
	color: #660000;
	font-weight: bold;
    width: 45px;
    font-size: 1em;
    line-height: 1.6em;
    float: left;
}
.IndexBlock .year dd {
    font-size: 1em;
    line-height: 1.6em;
    margin-left: 65px;
    margin-right: 0px;
    margin-bottom: 1em;
    text-align: left;
}

/* --- ???��?��??��?��?な???��?��??��?��? 写真　活動�????��?��??��?��告アイコン--- */ 
.IndexBlock .post3 .photoRight {
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline;
    float: right;
}
.IndexBlock .post3 .photoLeft {
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline;
    float: left;
}
 /*----報告を読む　報告　▼活動�????��?��??��?��???��?��??��?��? -----*/
 .IndexBlock .post3 .photoright {
    display : block;
    text-align: right;
    margin: 0px 140px 35px 0px;
   }   
/* --- ???��?��??��?��?な???��?��??��?��? 写真????��?��??��?��???��?��??��?��??��?��?????��?��??��?��???��?��??��?��▼イベント告知--- */ 
.IndexBlock .post3 .eventphoto {
    text-align: center;
    border: 1px solid #DDD;
    margin:5px 2px 15px 15px;
    padding: 19px;
    display: inline;
    background-color: #F4F4F4;
    float: right;
}
/* --- ???��?��??��?��?な???��?��??��?��? 写真????��?��??��?��???��?��??��?��??��?��?????��?��??��?��???��?��??��?��キャプション　▼イベント告知--- */ 
.IndexBlock .post3 .eventphoto div.caption {
    color: #093;
    font-size: 1.0em;
    line-height: 1.6em;
    font-weight: bold;
    margin: 10px 0px 15px;
}
/* --- ???��?��??��?��?な???��?��??��?��? 写真????��?��??��?��???��?��??��?��??��?��?????��?��??��?��???��?��??��?��▼イベント告知　ここまで--- */ 

.IndexBlock .post3 p {
    font-size: 1.0em;
    line-height: 2.0em;
    text-align: left;
}
/* --- ???��?��??��?��?な???��?��??��?��? ???��?��??��?��?あり　センター???��?��??��?��????��?��??��?��?--- */ 
.IndexBlock .center {
    text-align: center;
}
/* --- ???��?��??��?��?なし　右???��?��??��?��????��?��??��?��?--- */ 
.IndexBlock .post3 .rightyose {
    text-align: right;
    margin-right: 35px;
    margin-bottom: 35px;
}
/* --- ???��?��??��?��?な???��?��??��?��? ???��?��??��?��?あり　グレイ???��?��??��?��?--- */ 
.bggray {
    margin: 25px 30px 25px 30px;
    padding: 5px 15px 5px 5px;
    border: 2px solid #000;
}
/* --- ???��?��??��?��?なし　ol　???��?��??��?��?番--- */ 
ol.number{
    margin-left: 50px;
    list-style-type:decimal;
    text-align: left;
    font-size: 1.0em;
    line-height: 1.6em;
}
ol.number li{
    list-style-type:decimal;
    margin-bottom: 1em;
}

/* --- ???��?��??��?��?入???��?��??��?��? ▼グローバリズ???��?��??��?��?入門　▼AMネット�????��?��??��?��活動�????��?��??��?��告　下部--- */ 
 .IndexBlock .Frame {
    border: 1px solid #DDD;
    padding: 20px 25px 15px 15px;
    margin: 1px 5px 30px 0px;
}

.IndexBlock .Frame dt {
    color: #007700;
    font-size: 1.1em;
    line-height: 1.4em;
    font-weight: bold;
    margin-bottom: 2em;
    padding-left: 20px;
    text-align: left;
}
.IndexBlock .Frame dd {
    font-size: 1.0em;
    line-height: 2.2em;
    padding-left: 20px;
    margin-bottom: 25px;

    text-align: left;
}
.Frame dt p.sitaaki {
    margin-bottom: 3px;
}

.IndexBlock .Frame dd.center {
    text-align: center;
}

/* --- ???��?��??��?��?入???��?��??��?��? 左写真 --- */ 
.IndexBlock .Frame .photoLeft {
    width: 150px;
    margin-right: 20px;
    margin-bottom: 15px;
    display: inline;
    float: left;
}

/* --- ???��?��??��?��?入???��?��??��?��? 右 写真 --- */ 
.IndexBlock .Frame .photoRight {
  
    margin-left: 10px;
    margin-bottom: 15px;
    display: inline;
    float: right;
}


/* --- ▼お問???��?��??��?��?合わせ　???��?��??��?��?ーブル▼ --- */
table.company {
    width: 500px;
    margin:0px 3px 60px 0px;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}
 
table.company th,
table.company td {
    padding: 10px;
}
 
table.company th {
    background: #660000;
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}
 
table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #660000;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #660000 10px solid;
        margin-top: -10px;
    }
}
 
table.company td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
}
/*----▼お問???��?��??��?��?合わせ　box　???��?��??��?��? ----*/

.contactbox{
	display:block;
	background:none;
	padding:0;
	margin:0px 3px 35px 0px;
	overflow:hidden;
	height:100%;
}

.contactbox span.cbox{
	border-top:#660000 solid 1px;/* 茶???��?��??��?��? */
	border-bottom:#660000 solid 1px;
	border-right:#660000 solid 1px;
	border-left:#660000 solid 1px;
	overflow:hidden;
	width: 430px;
	display:inline-block;
	font-size:1.0em;
	line-height:1.7em;
	padding:15px 30px;
	margin-top: 0px;
	margin-bottom: 35px;
	text-align: left;
}
.contactbox p.cinbox{
	display:block;
	font-weight: bold;
	color: #660000;/* ???��?��??��?��?字�????��?��??��?��色 */
	font-size:1.1em;
	line-height:2.1em;
	text-align: center;
}
.contactbox p.cinbox a{
	color: #0033CC;/* ???��?��??��?��?字�????��?��??��?��色 */
	font-size:1.2em;
	line-height:2.1em;
}

span.cbox img{
    margin-left: 10px;
    display: inline;
    float: right;
}


/* --- ▼役員　???��?��??��?��?ーブル --- */
table.yakuin {
	border-top: 1px solid #ccc;
	width: 370px;
	margin-bottom: 50px;
}
table.yakuin th,
table.yakuin td{
	padding: 12px 0;
	border-bottom: 1px solid #ccc;
}
table.yakuin th{
	width: 100px;
	padding-right: 16px;
	background: #efefef;
	padding-left: 10px;
}
table.yakuin td{
	border-left: 1px solid #ccc;
	text-align: left;
	padding-left: 50px;
}
/* ---  pdf写真????��?��??��?��???��?��??��?��??��?��?????��?��??��?��???��?��??��?��▼役員　▼????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��につ???��?��??��?��?て--- */ 
.IndexBlock .pdfphoto {
    width: 200px;
    border: 1px solid #DDD;
    margin:5px 0px 50px 15px;
    padding:10px 70px 10px 70px;
    background-color: #f9f9f9;
}

/* ---------------------------------------------------------------------
　リスト　▼派遣します　
--------------------------------------------------------------------- */
	
/* --- リストエリア --- */
ul.list {
margin: 10px 0px 10px 30px;
padding: 0;
list-style-type: none;
font-size: 12px;
text-align: left;
}

/* --- リスト�??目 --- */
ul.list li {
padding: 0 0 3px 12px; /* ???��?��??��?��?目のパディング????��?��??��?��???��?��??��?��上右下左????��?��??��?��? */
background: url(about/img/square.gif) no-repeat 3px 0.4em; /* マ�????��?��??��?��カー画???��?��??��?��? */
line-height: 120%;
}

/* ---------------------------------------------------------------------
　リスト　▼ボラン???��?��??��?��?ィア　
--------------------------------------------------------------------- */
/* --- リストエリア --- */
ul.list2 {
margin: 20px 0px 5px 30px;
padding: 0;
list-style-type: none;
text-align: left;
}
/* --- リスト�??目 --- */
ul.list2 li {
font-weight: normal;
color: #000000;/* ???��?��??��?��?字�????��?��??��?��色 */
font-size:1em;
line-height:2.1em;
padding: 0 0 7px 18px; /* ???��?��??��?��?目のパディング????��?��??��?��???��?��??��?��上右下左????��?��??��?��? */
background: url(about/img/square.gif) no-repeat 3px 0.4em; /* マ�????��?��??��?��カー画???��?��??��?��? */
line-height: 120%;
}

/* ---------------------------------------------------------------------
　リスト　▼活動�????��?��??��?��???��?��??��?��?
--------------------------------------------------------------------- */
/* --- リストエリア --- */
ul.list3 {
margin: 20px 0px 5px 30px;
padding: 0;
list-style-type: square;
text-align: left;
}
/* --- リスト�??目 --- */
ul.list3 li {
font-weight: normal;
color: #333333;/* ???��?��??��?��?字�????��?��??��?��色 */
/* font-size:1.1em; */
line-height:2.1em;
padding: 0 0 7px 0px; /* ???��?��??��?��?目のパディング????��?��??��?��???��?��??��?��上右下左????��?��??��?��? */
line-height: 120%;
}

/* --- ???��?��??��?��?なし　ol　???��?��??��?��?番--- */ 
ol.report{
    margin-left: 50px;
    list-style-type:decimal;
    text-align: left;
    font-size: 1.1em;
    line-height: 1.6em;
}
ol.report li{
    list-style-type:decimal;
    margin-bottom: 1em;
}

ol.report2{
    margin-left: 60px;
    list-style-type: lower-roman;
    text-align: left;
    font-size: 1.0em;
    line-height: 1.6em;
}
ol.report2 li{
    list-style-type:decimal;
    margin-bottom: 1em;
}
/* ---------------------------------------------------------------------
　▼入会案�??　???��?��??��?��?ーブル　
--------------------------------------------------------------------- */
.example table {
border: 1px #000000 solid;
border-collapse: collapse;
}
.example td {
border: 1px #dddddd solid;
padding: 10px 10px;
text-align: left;
}



/* ---------------------------------------------------------------------
　▼サ???��?��??��?��? ナビゲーション　　左　▼
--------------------------------------------------------------------- */
/* --- ナビゲーションバ�????��?��??��?�� --- */


#NaviArea {
	margin:0px 32px 0px 3px;
    text-align: left;
　/* 最上部の???��?��??��?��?界�? */
}
/*----↓サブ　タイトル-----*/

#NaviArea h3{
	border-bottom:#ddd solid 1px;
}

#NaviArea h4{
	border-bottom:#ddd solid 1px;
	font-size: 1.0em;
	line-height: 1.9em;
	color: #000770;
}
/*----↓サブ　メニュー-----*/
#NaviArea .articlesmenu ul{
}

#NaviArea ul.articlesmenu li.sen{
	margin:0px 0px 0px 30px;	
	font-size: 0.9em;
	background: url('img/bg_dotted.gif') repeat-x left bottom;
}

#NaviArea ul.articlesmenu li.sennon{
	margin:0px 0px 0px 30px;	
	font-size: 0.9em;
	color: #000000;
}


/* --- タイトルでリンクな???��?��??��?��? --- */
#NaviArea h3.articles{

    padding:10px 0px 10px 7px;
	font-size: 1.0em;
	line-height: 1.9em;
	color: #009900;
	background-color: #f5f5f5;
}


/* --- ボ�????��?��??��?��ダーが上に欲しい --- */
#NaviArea .articles_ue{
	border-top:#ddd solid 1px;
	font-size: 1.0em;
	line-height: 1.9em;
	color: #009900;
}
/* --- タイトルでリンクな???��?��??��?��? で???��?��??��?��?--- */
#NaviArea h3.articles_ue{
    padding:10px 0px 10px 7px;/* ???��?��??��?��?目のパディング????��?��??��?��???��?��??��?��上右下左????��?��??��?��? */
	font-size: 1.0em;
	line-height: 1.9em;
	color: #009900;
	background-color: #f5f5f5;
	border-top:#ddd solid 1px;
}

/* --- リンク --- */
#NaviArea h4.articles a {
padding:10px 0px 10px 30px;	
display: block;
position: relative; /* IE6用 */
text-decoration: none; /* ???��?��??��?��?キスト�????��?��??��?��下線（なし�? */
	font-size: 1.0em;
}
#NaviArea h4.articles_ue a {
padding:10px 0px 10px 30px;	
display: block;
position: relative; /* IE6用 */
text-decoration: none; /* ???��?��??��?��?キスト�????��?��??��?��下線（なし�? */
	font-size: 1.0em;
}

#NaviArea ul.articlesmenu li.sen a {
	padding:10px 0px 10px 25px;
	display: block;
    position: relative; /* IE6用 */
    text-decoration: none; /* ???��?��??��?��?キスト�????��?��??��?��下線（なし�? */	
}

#NaviArea ul.articlesmenu li.sennon a {
	padding:10px 0px 10px 25px;
	display: block;
    position: relative; /* IE6用 */
    text-decoration: none; /* ???��?��??��?��?キスト�????��?��??��?��下線（なし�? */	
}


/* --- ポイント時の設???��?��??��?��? --- */
#NaviArea h4.articles a:hover {	
background-color: #f5f5f5; /* ポイン�?899景色 */
text-decoration: underline; /* ???��?��??��?��?キスト�????��?��??��?��下線（あり�? */
}
#NaviArea h4.articles_ue a:hover {	
background-color: #f5f5f5; /* ポイント時の背景色 */
text-decoration: underline; /* ???��?��??��?��?キスト�????��?��??��?��下線（あり�? */
}

#NaviArea ul.articlesmenu li.sen a:hover {	
background-color: #f5f5f5; /* ポイント時の背景色 */
text-decoration: underline; /* ???��?��??��?��?キスト�????��?��??��?��下線（あり�? */
}

#NaviArea ul.articlesmenu li.sennon a:hover {	
background-color: #f5f5f5; /* ポイント時の背景色 */
text-decoration: underline; /* ???��?��??��?��?キスト�????��?��??��?��下線（あり�? */
}
/* トップバナ�????��?��??��?��　パディング */
#NaviArea p.sen {
   padding:12px 0px 12px 5px;
   border-bottom:#ddd solid 1px;　/* 最下部の???��?��??��?��?界�? */
}
#NaviArea p.nonsen {
   padding:12px 0px 12px 5px;
}

/* バナー */
#NaviArea p.banner {
   padding:80px 0px 0px 5px;
}
#NaviArea p.banner2 {
   padding:15px 0px 0px 5px;
}

/*▼サイド　吹き�????��?��??��?��???��?��??��?��? */
/*
#sideFukidasi{
    position:relative;
		margin:300px 30px 10px 10px;
		background: url('img/fukidasi/fumo33a.png');
		width:200px;
		height:180px;
}
*/
#sideFukidasi{
	position:relative;
	margin:10px 30px 10px 10px;
	background: url('img/fukidasi/fumo33a.png');
	width:200px;
	height:180px;
}

#sideFukidasi p{
    position:absolute;
    top:62px;
    left:55px;
    width:100px;
    font-size: 1.0em;
	line-height: 1.6em;
	font-weight: bold;
}



/* ---------------------------------------------------------------------
　サイド　ここまで
--------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
▼ペ�????��?��??��?��ジ???��?��??��?��?り替???��?��??��?��?123456メニュー
--------------------------------------------------------------------- */

/* --- ペ�????��?��??��?��ジングエリア --- */
div.paging {
margin: 10px 0px;
padding: 0px 0px 10px;
}

/* --- メニューエリア --- */
div.paging ul.nl {
margin: 0;
padding: 4px 0; /* メニューのパディング????��?��??��?��???��?��??��?��上下、左右????��?��??��?��? */
list-style-type: none;
text-align: center; /* メニューのセンタリング */
font-size: 80%; /* メニューの???��?��??��?��?字サイズ */
}
/* --- メニュー???��?��??��?��?目 --- */
div.paging ul.nl li {
display: inline;
margin-right: -1px; /* ???��?��??��?��?目の右マ�????��?��??��?��ジン */
}

/* --- リンク --- */
div.paging ul.nl li a {
display: inline-block;
padding: 4px 8px; /* リンクエリアのパディング????��?��??��?��???��?��??��?��上下、左右????��?��??��?��? */
background-color: #ffffff; /* リンクエリアの背景色 */
border: 1px #c0c0c0 solid; /* リンクエリアの???��?��??��?��?界�? */
text-decoration: none; /* ???��?��??��?��?キスト�????��?��??��?��下線（なし�? */
}
/* --- ポイント時の設???��?��??��?��? --- */
div.paging ul.nl li a:hover {
background-color: #f5f5f5; /* ポイント時の背景色 */
border: 1px #999999 solid; /* ポイント時の???��?��??��?��?界�? */
text-decoration: underline; /* ???��?��??��?��?キスト�????��?��??��?��下線（あり�? */
}

/* --- アク???��?��??��?��?ィブな???��?��??��?��?目 --- */
div.paging ul.nl li strong {
display: inline-block;
padding: 4px 8px; /* ???��?��??��?��?目のパディング????��?��??��?��???��?��??��?��上下、左右????��?��??��?��? */
background-color: #f5f5f5; /* ???��?��??��?��?目の背景色 */
border: 1px #c0c0c0 solid; /* ???��?��??��?��?目の???��?��??��?��?界�? */
color: #cc0000; /* ???��?��??��?��?目の???��?��??��?��?字色 */
}

/* --- リンクしな???��?��??��?��????��?��??��?��?目????��?��??��?��???��?��??��?��前へ・次へ????��?��??��?��? --- */
div.paging ul.nl li span {
display: inline-block;
padding: 4px 8px; /* ???��?��??��?��?目のパディング????��?��??��?��???��?��??��?��上下、左右????��?��??��?��? */
background-color: #ffffff; /* ???��?��??��?��?目の背景色 */
border: 1px #c0c0c0 solid; /* ???��?��??��?��?目の???��?��??��?��?界�? */
color: #808080; /* ???��?��??��?��?目の???��?��??��?��?字色 */
}

/* ---------------------------------------------------------------------
▼ペ�????��?��??��?��ジ???��?��??��?��?り替えメニュー ここまで▼
--------------------------------------------------------------------- */



/*-------------------------------------------
▼フッター
-------------------------------------------*/

#foot {
  margin-left: auto;
  margin-right: auto;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DCE2E2;
	clear: both;
	background-image:url(img/maruta.gif);
	background-repeat:no-repeat;
  background-position: bottom 0px right 0px;
  background-attachment:fixed;
  width: 857px;
}

/*--????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��とメール---*/
#foot p {
	font-size: 11px;
	color: #000000;
	padding: 15px 20px 0px 20px;
}

/*--フッターリンク---*/

#foot li {
	font-size: 12px;
	display: inline;
	padding-right: 8px;
	padding-left: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A0A8AF;
}

/*--コピ�????��?��??��?��ライ???��?��??��?��?---*/
address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #79888E;
	text-align: right;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-right: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DCE2E2;
}
/*-------------------------------------------
フッター　ここまで
-------------------------------------------*/

/*
???��?��??��?��?ーブル
-------------------------------------------------------------------*/
table {
	border-collapse: collapse;
}
table td {
	border-collapse: collapse;
}
#content table {
	width: 580px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#content table td {
	padding: 5px;
	border: 1px solid #EAE8DF;
	font-size: 13px;
}
#content table th {
	background-color: #EFEDE7;
	padding: 7px;
	font-size: 13px;
}
#content form table th {
	width: 127px;
}

#content table td.td_head {
	background-color: #A2AAAA;
	text-align: right;
	padding: 8px;
	white-space: nowrap;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 4px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9C9BE;
	border-right-color: #D7D7CE;
	border-bottom-color: #C9C9BE;
	border-left-color: #C9C9BE;
	font-size: 13px;
	background-image: url(img/td_head.gif);
	background-repeat: repeat-x;
}

#content table td.td_odd {
	background-color: #F7F7F4;
	text-align: left;
	padding: 8px;
	border: 1px solid #D6D6CD;
	font-size: 13px;
	background-image: url(img/td_odd.gif);
	background-repeat: repeat-x;
	line-height: 20px;
}

.td_head .eng {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #DEE4E4;
}

/* ?��L?��?��?��^?��C?��g?��?��?��A?��摜�̔z?��u?��?��?��?��*/
.flex_cardlink{
	max-width: 567px;
	/*width:95%;*/
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: auto;
}

.flex_cardlink .entry{
	/* width: 300px; */
	width: auto;
	border-top: #ddd solid 1px;
	border-bottom: #ddd solid 1px;
	margin: 0px 20px 10px 0px;
  display: flex;
}

.flex_cardlink .entry h3{
	font-size: 1.2em;
	line-height: 2em;
	display: block;
	color: #000000;
	padding: 10px 0px 10px 0px;
	margin: auto;
}

.flex_cardlink img{
	margin-top: 10px auto 0px;
 }

 .texts_flex{
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: left;
	 line-height: 1.6em;
	 font-size: 12px;
	 margin-top: 15px;
 }

 .texts_flex_item{
	 margin: 5px 20px 5px 0px;
 }

 .footer_flex{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.img_container{
	display: flex;
	width: 550px;
}
.img_container img{
	width: 100%;
	object-fit: fill;
}

 @media all and (min-width:900px){
	#smallshow{
		display: inline;
		display: none;
	}

	div.topicsBox{
		margin-left: 0px;
		margin-right: 17px;
	}

	div.topicsBox:last-child{
		margin-right: 0px;
	}

}

@media all and (max-width:899px) {
	body, #head{
		width: 100%;
		max-width: 100%;
		height: auto;
		min-width: 580px;
	}

	#contentsArea{
		width: 100%;
		padding: auto;
	}

	#head{
		height: 90px;
	}

	#contentsMainArea{
		width: 100%;
		float: none;
		overflow: visible;
	}

	#contentsSubArea{
		width: 100%;
		float: none;
		overflow: visible;
		margin-top: 1rem;
	}


	#head #h_list li{
		font-size: 16px;
	}

  #head img#copy{
		top: 36px;
	}

  #navi_b{
		background-color: transparent;
		background-image: none;
		border: 0;
		max-width: 95%;
		width: 100%;
	}
	.navi_b_indexpage{
		max-width: 567px;		
	}
	
	#nav{
		width: 100%;
		/*display: inline-block;*/
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		border: 0;
	}

	#nav a{
		font-size: 16px;
		line-height: 2em;
	}
	
	#nav li{
		height: auto;
		margin-bottom: 2px;
	}

  #nav ul li a{
		height: auto;
		width: 165px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	ul#nav a{
		border-right-width: 2px;
		border-right-color: #FFF;
	}

	#slideshow {
		display: inline;
		display: none;
	}

	#smallshow{
		width: 100%;
		margin: auto;
	}

	#smallshow img{
		margin-top: 0.5rem;
		max-width: 567px;
		width: 90%;
		height: auto;
		object-fit: cover;
	}

	#NaviArea{
		width: 90%;
	}

	#NaviArea p.sen, #NaviArea p.nonsen{
		text-align: center;
	}

	#NaviArea p.banner{
		padding-top: 40px;
	}

	#NaviArea p.banner2{
		padding-bottom: 15px;
	}

	#NaviArea h3.articles_ue{
		font-size: 1.2em;
	}

	#NaviArea h3.articles{
		font-size: 1.2em;
	}

	#NaviArea h4.articles_ue a{
		font-size: 1.2em;
	}

	#NaviArea h4.articles a{
		font-size: 1.2em;		
	}

	#NaviArea ul.articlesmenu li.sen{
		font-size: 14px;
	}

	#NaviArea ul.articlesmenu li.sennon{
		font-size: 14px;
	}

	#noteBox p.note{
		font-size: 12px;
	}

	div.topicsBox{
		padding-left: 0px;
		padding-right: 14px;
		margin-left: 0px;
	}

	div.clearfix{
		display: flex;
		flex-direction: row;
		width: 95%;
	}

	div.homebox span.box{
		width: 85%;
		max-width: 560px;
		height: auto;
		padding-left: 40px;
	}

 .honbun_yohaku{
	 width: 90%;
 }

 .IndexBlock h2{
	 font-size: 16px;
	 line-height: 1.5em;
 }

 .IndexBlock h3{
	font-size: 18px;
	line-height: 1.5em;
}

.IndexBlock h4{
	margin-top: 30px;
	font-size:18px;
}

 .IndexBlock h5{
	font-size: 16px;
	line-height: 1.5em;
} 

 .IndexBlock p{
	font-size: 16px;
} 

 .IndexBlock p.syou{
	font-size: 16px;
} 

 .IndexBlock .year dt{
	width: 50px;
	font-size: 16px;
}

.IndexBlock .year dd{
	font-size: 16px;
}

 .IndexBlock .post{
	padding-top: 15px;
}
 
 .IndexBlock .post3 p{
	 font-size: 16px;
 }

 .IndexBlock .ev2{
	font-size:16px;
 }

 .IndexBlock .ev2 dt{
	 width: 105px;
 }

 .IndexBlock .ev2 dd{
	margin-left: 125px;
 }

 .IndexBlock .Frame dt{
	font-size: 16px;
 }

 .IndexBlock .Frame dd{
	font-size: 16px;
}

 .post .titleBlock p{
	 font-size: 1.1em;
 }

 .post .infoBlock p{
	 font-size: 16px;
 }

 .post2 .textB2 p{
	font-size: 16px;
 }

 .post .infoBlock p{
	 font-size: 14px;
	 font-weight: normal;
 }

 .post .history p{
	 font-size: 16px;
 }

 .post .textBlock p{
	 font-size: 16px;
 }

 .keywordBlock{
	font-size: 1em;
}

 .list{
	font-size: 14px;
}

.timeline-Header-byline{
	font-size: 14px;	
}

#foot {
	width: auto;
}
 #foot p{
	font-size: 14px;
 }

 .flex_cardlink .entry	.entry_title h3{
	margin-top: 10px;
	font-size: 16px;
 }

 .flex_cardlink .entry	.entry_title p{
	margin-bottom: 10px;
 }


 ul.list{
	 font-size: 16px;
 }
 
 ul.list li{
	 padding-bottom: 5px;
 }

 ul.list2 li{
	 font-size: 16px;
 }

 ol.number{
	 font-size: 16px;
 }

 div.paging ul.nl{
	 font-size: 16px;
 }

 div.notedesign p{
	 line-height: 2em;
	 background-image: none;
 }

 .texts_flex{
	font-size: 16px;
 }

 table.yakuin{
	 font-size: 16px;
		width: 450px;
	}

 table.company{
	 width: auto;
	 font-size: 16px;
	}

 table.company td{
	 line-height: 1.4em;
 }
 
 .example table{
	 font-size: 16px;
 }

 table.company th::after{
	 content: none;
 }

 p.banner img{
	margin-bottom: 15px;
 }

 .contactbox span.cbox{
	width: auto;
	font-size: 16px;
}

 .contactbox p.cinbox{
	 font-size: 16px;
 }

 #foot li{
	 font-size: 14px;
 }

 address{
	 font-size: 12px;
 }
}

@media all and (max-width:580px) {
	body, #head, #contentsArea, #contentsMainArea{
		width: 100%;
		min-width: 320px;
	}

	body{
		font-size: 100%;
	}

	#navi_b{
		padding-left: 20px;
	}

	#nav a{
		font-size: 16px;
		line-height: 2em;
	}

	#nav li{
		height: auto;
		margin-bottom: 2px;
	}

  #nav ul li a{
		height: auto;
		width: 165px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#noteBox{
		width: 80%;
		height: auto;
		background-image: none;
		background:oldlace;
		border-radius: .3em;
		padding: 1em;
		box-shadow: 0 0 0 .2em lightgray;
		outline: .2em solid lightgray;
	}

	#noteBox p.note{
		padding: 10px 10px 0 10px;
		font-size: 16px;
	}

  #noteBox span.spacing{
		display: inline-block;
		margin-bottom: 0.5rem;
	}

	#noteBox span.underline{
		border-bottom: dotted;
		border-color: lightgray;
		border-width: 2px; 
	}

	div.firstItem{
		margin-left: 25px;
	}

	div.update2{
		width: 90%;
		margin-top: 20px;
	}

	div.update2 h3{
		font-size: 16px;
	}

	div.update2 dt{
		font-size: 13px;
	}

	div.update2 dd{
		font-size: 16px;
	}

	ul.h_list{
		display: inline;
		display: none;
	
	}

	div.clearfix{
		margin-left:20px;
	}

	div.topicsBox strong{
		font-size: 16px;
	}

	div.homebox span.box{
		/*min-width: 320px;*/
		padding-left: 20px;
	}

	.koushi_photo_flexbox{
		display: flex;
		justify-content: left space-between;
		flex-wrap: wrap;
	}

	.entryBlock2 .koushi_photo_flexbox h3{
		line-height: 1.2em;
		padding-left: 40px;
	}

	.flex_cardlink .entry{
		width: auto;
	}

	.flex_cardlink .entry .entry_title{
		width: auto;
		margin: 10px auto;
	}

	.flex_cardlink img{
		margin-left: 0px;
	}
 
	#sideFukidasi p{
		font-size: 0.8em;
	}

	.set_tables_width{
		display: flex;
		flex-direction: column;
		width: auto;
	}

	#foot ul{
		line-height: 2em;
	}
}

/* 画像が画面右端から�?れるのを防止?���??�?tableで配置して�?た�?所を修正?�?*/
@media all and (max-width:550px) {
	.post .entryBlock table{
		width: auto;
	}

	.post .entryBlock table td.photo{
		display: inline;
		display: none;
	}
	.post2 .textB2{
		overflow: visible;
	}

	.post .textBlock img{
		width: 95%;
		max-width: 95%;
		height: auto;
	}

	.post .textBlock img.arrow{
		width: 10px;
		height: 10px;
	}

	table.yakuin{
		width: auto;
	 }

	table.yakuin th{
		padding: 12px;
	}

	table.yakuin td{
	 padding: 12px 20px;
	}
	 
	.example table{
	 width: auto;
	}

	.chirashi　img{
		width:100%;
		max-width: 100%;
		height: auto;
	}
}

@media all and (max-width:420px) {
	#head{
		height: 134px;
	}

	#head img#copy{
		top: 80px;
	}

	div.flex_cardlink div.topicsBox{
		margin-left: 40px;
		margin-bottom: 10px;
	}

	img.chirashi{
		width:100%;
		max-width: 100%;
		height: auto;
	}

}