@charset "utf-8";
/* CSS Document */

/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* 基本設定 ----------*----------*----------*----------*----------*----------*----------*----------*------------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/


/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ボディー */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
body{
	background: url(../img/bg.jpg) no-repeat , #D8E5F5 ;
	background-position: center top;
	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MA Pゴシック", "MS PGothic", sans-serif ;
	height: auto ;
	
	color: #333333 ;
	font-feature-settings: "pkna" ; /* 文字詰め 自動カーニング */
	font-size: 14px ;
	line-height: 1.8 ;

	overflow: scroll; /* 常にスクロールバーを表示 */

	-webkit-text-size-adjust: 100% ; /* スマホで文字の大きさを変えない設定 */
}





/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ラッパー */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.wrapper{
	background: none ; /* 背景のみ透過 白色90% rgba(255,255,255,0.4) */
	display: flex ;
	margin: 0 auto;
	width: 1080px ;
	min-height: 1132px ;

	/* サイドバーの背景をコンテンツの高さ100%に表示する設定 */
    overflow: hidden ;

	position: relative ;
}





/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ヘッダー */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
header{
	background: transparent;
	width: 100% ;
	text-align: center ;
}

.header_txt_box{
	text-align: center ;

	position: absolute ;
	top: 0px ;
	right: 0px ;
}





/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* メイン画像 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.main_image{
	display: inline-block ;
	margin-top: 0 ;
	width: 840px;
	height: auto;
}

.fade-layer{
	position : absolute;
	left : 0px;
	top : 0px;
	z-index : -1;
	opacity : 0;
}

.main_image_box {
	display: block ;
	position: absolute ;
	top: 0px ;
	right: 0px ;
}


.main_image_box2 {
	display: block ;
	position: absolute ;
	top: 0px ;
	right: 0px ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* What's New */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.w_n {
	position: absolute;
	top: 955px;
	left: 0;
	background: #86642C ;
	border: 4px solid #86642C ;
	clear: both ;
	display: inline-block ;
	min-height: 180px ;
	text-align: left ;
	width: 840px ;
}

/* What's new バー */
.w_n_bar {
	background: #86642C ;
	padding: 0 12px;
	width: calc(840px - 8px) ;
	height: 30px;
	line-height: 30px;

	color: #fff ;
	font-size: 22px ;
	font-weight: bold ;
}

/* What's new 更新情報スペース */
dl.w_n_box{
	background: #fff;
    overflow-y: auto ;    /* 縦スクロール */
    padding-top: 8px ;
    padding-bottom: 8px ;
    font-weight: normal;
    color: #333;
	width: calc(840px - 8px) ;
	min-height: 138px ;
}
	dl.w_n_box dt{
		float: left ;
		padding: 0px 20px 10px 15px ;
	}
	dl.w_n_box dd{
		padding: 0px 8px 10px 15px;
	}





/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* メインコンテンツ */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.main{
	background: #FFF ;
	position: relative ; /* What's New 親要素としての設定 */
	width: 840px ;
	min-height: 1132px ;
}


.main_content{
	position: relative;
	/* background: #FFF ; */
	/* min-height: 700px ; */
	padding: 16px 24px 30px ;
}





/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ヘッダー */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
h1{
	background: linear-gradient(to right, #C59324, #86622B) ;
	display: inline-block ;
	width: 100% ;

	color: #fff ;
	font-size: 34px ;
	text-align: center ;
	padding-left: 23px;

	letter-spacing: 0.25em;
}


h2{
	background: #F2EED2;
	display: inline-block ;
	padding-left: 15px ;
	width: 100% ;
	color: #86622B ;
	font-size: 22px ;
	font-weight: bold ;
}

.h2_l{
	border-left: 5px solid #568000 ;
	background: linear-gradient(to right, #DCEAF7, #EAE4ED, #CFE6D6) ;
	display: block ;
	padding-left: 15px ;
	width: 100% ;
	height: 80px;
	color: #568000 ;
	font-size: 22px ;
	font-weight: bold ;
}






/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* CONTENT */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.content{
	display: block ;
	margin: 15px 25px 40px 25px ;
}

.content2{
	display: block ;
	margin: 15px 0px 40px 0px ;
}


/* CONTENT 会長挨拶 */
.content_greeting {
	display: block ;
	margin: 0px 20px 35px 20px ;
	line-height: 1.9;
	text-align: justify ;
}
.content_greeting2 {
	display: block ;
	text-align: right ;
	width: 700px ;
}





/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* 事務局 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.info_space {
	background: #006E33 ;

	clear: both ;
	margin: 0 auto ;
	padding-top: 30px ;
	padding-bottom: 30px ;

	color: #fff ;
	font-size: 14px ;
	line-height: 1.6 ;

	/* スマホ対応 */
	min-width: 1080px ; /* スマホ表示用 端が切れない設定 */
	vertical-align: middle ;
	margin-left: -15px;
}

.info_space a:link { /* アクセスしたことのないリンク */
	color: #fff ;
	text-decoration: underline ;
}
.info_space a:hover { /* マウスが上に乗っている状態*/
	color: #fbff11 ;
	text-decoration: none ;
}
.info_space a:visited { /* アクセスしたことのあるリンク */
	color: #fff ;
	text-decoration: underline ;
}


.info_space_flex {
	background: #006E33 ;
	display: flex ;
	justify-content: center ;

	clear: both ;
	margin: 0 auto ;
	padding-top: 30px ;
	padding-bottom: 30px ;

	color: #fff ;
	font-size: 14px ;
	line-height: 1.6 ;

	/* スマホ対応 */
	min-width: 1080px ; /* スマホ表示用 端が切れない設定 */
	vertical-align: middle ;
	margin-left: -15px;
}

.info_space_flex a:link { /* アクセスしたことのないリンク */
	color: #fff ;
	text-decoration: underline ;
}
.info_space_flex a:hover { /* マウスが上に乗っている状態*/
	color: #fbff11 ;
	text-decoration: none ;
}
.info_space_flex a:visited { /* アクセスしたことのあるリンク */
	color: #fff ;
	text-decoration: underline ;
}





/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* フッター */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
footer{
	background: #004224 ;
	clear: both ;
	height: 26px ;
	min-width: 980px ; /* スマホ表示用 端が切れない設定 */
	width: 100% ;
	
	/* 文字設定 */
	color: #FFF ;
	font-size: 10px ;
	text-align: center ;
	padding-top: 4px ;

	/* フッタ位置固定 */
	/* position: absolute;
	bottom: 0;
	left: 0;
	height: 30px; */
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* トップへ戻るボタン */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.page_top {
	background: linear-gradient(to right, #C59324, #86622B) ;
	border-radius: 100vh ;
	display: block ;
	height: 60px ;
	width: 60px ;

	font-size: 25px;
	color: #fff ;
	line-height: 60px ;
	text-decoration: none ;
	text-align: center ;

	position: fixed ;
	right: 40px ;
	bottom: 40px ;

	-webkit-transition: all 0.3s ;
	-moz-transition: all 0.3s ;
	transition: all 0.3s ;
}
	.page_top:hover {
		background: #C59324;
		color: #ffffff ;
	}





/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* リンク設定 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.linkB:link { /* アクセスしたことのないリンク */
	color: #0071BC ;
	text-decoration: underline ;
}
.linkB:hover { /* マウスが上に乗っている状態 */
	color: #e69d00 ;
	text-decoration: none ;
}
.linkB:visited { /* アクセスしたことのあるリンク */
	color: #0071BC ;
	text-decoration: underline ;
}
	.linkB:visited:hover { /* アクセスしたことのあるリンクのホバー */
		color: #e69d00 ;
		text-decoration: none ;
	}


.link_wn:link { /* アクセスしたことのないリンク */
	color: #FFF ;
	text-decoration: underline ;
}
.link_wn:hover { /* マウスが上に乗っている状態 */
	color: #ff8a15 ;
	text-decoration: none ;
}
.link_wn:visited { /* アクセスしたことのあるリンク */
	color: #FFF ; 
	text-decoration: underline ;
}
	.link_wn:visited:hover { /* アクセスしたことのあるリンクのホバー */
		color: #FFF ; 
		text-decoration: underline ;
	}






/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ナビ 企業バナー */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.bnr_uoeh_u {
	display: block ;
	height: auto ;
	width: 250px ;
	margin-top: 30px ;
}
	.bnr_uoeh_u:hover {
		opacity: 0.7 ;
	}





/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* テーブル デフォルト設定 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.tbl_def{
	border: solid 1px #BF6557 ;
	margin-top: 5px ;
	margin-bottom: 10px ;
}
	.tbl_def th, .tbl_def td{
		border-right: solid 1px #BF6557 ;
		border-bottom: solid 1px #BF6557 ;
		padding: 6px 10px ;
        vertical-align: middle ;
	}

	.tbl_def th{
		background: #ffe9e5 ;
        color: #BF6557 ;
		width: 20% ;
	}



/* 横幅設定 */
.w35 {
	width: 35% ;
}
.w45 {
	width: 45% ;
}
.w50 {
	width: 50% ;
}
.w60 {
	width: 60% ;
}
.w70 {
	width: 70% ;
}
.w80 {
width: 80% ;
}
.w100 {
	width: 100% ;
}







/* ----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* テーブル 個別設定 */
/* ----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.tbl_XXX tr td:nth-of-type(1){  /* 1列目全セルの文字揃え */
	text-align: left ;
}
.tbl_XXX tr td:nth-of-type(2){ /* 2列目全セルの幅 */
	width: 15% ;
}
.tbl_XXX tr td:nth-of-type(3){ /* 3列目全セルの幅 */
	width: 15% ;
}

.tbl_XXX tr:nth-child(1) th { /* 1行目のth スタイル */
	background: #004E8A ;
	border-right: solid 1px #FFF ;
	color: #FFF ;
}
.tbl_XXX tr:nth-child(2) th { /* 2行目のth スタイル */
	background: #004E8A ;
	border-right: solid 1px #FFF ;
	color: #FFF ;
}
.tbl_XXX tr:nth-child(1) th:nth-child(4) { /* 1行目で4番目のth スタイル */
	border-bottom: solid 1px #FFF ;
}