@import url(http://fonts.googleapis.com/css?family=Antic+Didone);

body { color: #333333; }


/* リンク */
 /*a { color: #999966; } */
 /*a:hover { color: #996600; } */
 /*a { color: #67b5b7; }*/ /* aquamarine */
 /*a { color: #00afcc; }*/ /* turquoise blue */
 /*a { color: #79c06e; }*/ /* spearmint */
 /*a { color: #54917f; }*/ /* antique green */
 a { color: #028760; } /* ときわみどり */
 /*a:hover { color: #00984f; }*/ /* evergreen*/
 a:hover { color: #e3acae; } /* pink almond*/


/* パンくずリスト */
.topicPath { font-size: 12px; }

/* ページの先頭へ戻る */
.pagetop {
	font-size: 12px;
	text-align: right;
	margin-top: 30px;
}
.pagetop a {
	background-image: url("../images/ico_pagetop.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 10px;
}

/* 説明文 */
.textsmall {
	font-size: 12px;
	line-height: 1.429;
}

.text10 {
	font-size: 10px;
	line-height: 1.19;
}
.text14 {
	font-size: 14px;
	line-height: 1.667;
}

/*ページ*/
#page {
	width: 980px; /* ページ幅 */
	margin: 0 auto;
}

/* ページヘッダー */
#pageHead #siteTitle {
	font-size: 30px;
	line-height: 1.2;
	margin-bottom: 0;
	font-family: 'Antic Didone', serif;
}
#pageHead #catchcopy {
	font-size: 13px;
	line-height: 1.5;
	margin-top: 5px;
}
#pageHead a {
	text-decoration: none;
	color: #000000;
}

#pageHead .Logo ii {
	list-style: none;
	width: 155px;
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
}

/* グローバルナビ */
#pageHead .globalNavi {
	border: solid #CCCCCC;
	border-width: 1px 0;
	padding: 10px 0;
}

#pageHead .globalNavi ul {
	margin: 0;
	padding: 0;
}
#pageHead .globalNavi ul:after {
	content: "";
	clear: both;
	display: block;
}
#pageHead .globalNavi ul li {
	list-style: none;
	/* width: 196px;*/ /* ヘッダー部の項目５（ページ幅を5等分）の場合（980/5=196） */
	width: 190px; /* ヘッダー部の項目５（ページ幅を5等分）の場合（950/5=190） */
	float: left;
	border-left: solid 1px #CCCCCC;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	line-height: 1.429;
}
#pageHead .globalNavi ul li:first-child {
	border-left: none;
}

#pageHead .globalNavi ul li a {
	color: inherit;
	text-decoration: none;
	display: block;
	padding: 5px 0;
}
#pageHead .globalNavi ul li a:hover,
#pageHead .globalNavi ul li.current a {
	background-color: #b7ffdb; 
}


/*ページフッター*/
#pageFoot {
	border-top: solid 1px #CCCCCC;
	margin-top: 12px;
}

#pageFoot #copyright small {
	font-size: 10px;
	line-height: 1.5;
}

/* ページボディ */
#pageBody {
	margin-top: 30px;
}
#pageBody:after {
	content: "";
	clear: both;
	display: block;
}

#pageBody_2column_L {
	width: 470px;
	float: left;
	margin-left: 10px;
	margin-top: 30px;
}
#pageBody_2column_L:after {
	content: "";
	clear: both;
	display: block;
}

#pageBody_2column_R {
	width: 470px;
	float: right;
	margin-right: 30px;
	margin-top: 30px;
}

#pageBody_2column_R:after {
	content: "";
	clear: both;
	display: block;
}

/* リスト */
#pageBody ul li {
	font-size: 12px;
	list-style-type: decimal;
	line-height: 1.429;
	margin-bottom: 10px;
}

/* 表 */
#pageBody table {
	font-size: 12px;
	line-height: 1.429;
	width: 80%;
}


/* 見出し */
#pageBody h2 {
	font-size: 14px;
	line-height: 1.375;
	padding: 5px;
	margin-top: 50px;
	border-bottom: 1px solid #CCCCCC;
}

#pageBody h3 {
	font-size: 14px;
	line-height: 1.375;
	padding: 5px;
	margin-top: 50px;
	border-bottom: 1px solid #cccccc;
	border-left: solid 8px #66cc99;
	/*color: #0000cd;*/
	/*background-color: #ccffcc*/
}

#pageBody h4 {
	font-size: 13px;
	line-height: 1.375;
	padding: 5px;
	margin-top: 50px;
	color: #55cc88;
	/*background-color: #ccffcc*/
}

/* 写真の上にマウスカーソルをおいた時に文字を表示 (https://blog.raizzenet.com/mouse-hover-caption-effects-in-css/#i-sample4) */
#pageBody_2column_L .hover-parent {
	width: 460px;
	height: 285px;
	overflow: hidden;
	margin: -10px -10px -10px 20px;
	position: relative;
}
#pageBody_2column_L .hover-parent .caption {
	font-size: 250%;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	padding-top: 20%;
} 
#pageBody_2column_L .hover-parent .mask {
	width: 60%;
	height: 60%;
	position: absolute;
	top: 20%;
	left: 20%;
	opacity: 0;
	background-color: rgba(0,0,0,0.2);
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
} 

#pageBody_2column_L .hover-parent:hover .mask {
	opacity: 1;
} 

#pageBody_2column_L a {
	text-decoration: none;
	color: #ffffff;
}


#pageBody_2column_R .hover-parent {
	width: 460px;
	height: 285px;
	overflow: hidden;
	margin: -10px -10px -10px 20px;
	position: relative;
}
#pageBody_2column_R .hover-parent .caption {
	font-size: 250%;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	padding-top: 20%;
} 
#pageBody_2column_R .hover-parent .mask {
	width: 60%;
	height: 60%;
	position: absolute;
	top: 20%;
	left: 20%;
	opacity: 0;
	background-color: rgba(0,0,0,0.2);
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
} 

#pageBody_2column_R .hover-parent:hover .mask {
	opacity: 1;
} 

#pageBody_2column_R a {
	text-decoration: none;
	color: #ffffff;
}




#pageBody .mcolumn_2 {
	column-rule:3px solid #000000;
	column-count: 2;
	column-width: 460px;
	column-gap: 1px;
	column-fill: all;
} 



/* 列揃え */
.col_r {
	text-align: right;
}
.col_l {
	text-align: left;
}
.col_c {
	text-align: center;
}

.col_j {
	text-align: justify;
	text-justify: inter-ideograph; 
}

#pageBodyMain {
	width: 850px;
	float: left;
}

#pageBodySub {
	width: 230px;
	float: right;
}

/* イメージ*/
.img-left {float: left}
.img-right {float: right}



/* 並べた図 （小 3つ）*/
#pageBody .multicolumn_3smallFigs article {
	float: left;
	width: 280px;
	margin-left: -50px;
	text-align: center;
}


/* 並べた図 （小 4つ）*/
#pageBody .multicolumn_4smallFigs article {
	float: left;
	width: 260px;
	margin-left: -50px;
	text-align: center;
}



/* 図の下端より上に配置 */
#pageBody .overlayTop {
	margin-top: -50px;
}


/* 図の下端より上（図に重なる）に配置するキャプション */
#pageBody .overlayText_a {
	margin-top: -50px;
	margin-right: 0px;
}


/* おしらせ */
#pageBody .news {
	margin-top: 650px;
}
#pageBody .news h1 {
	font-size: 18px;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0;
	padding-left: 10px;
}
#pageBody .news table {
	width: 100%;
}
#pageBody .news table tr th,
#pageBody .news table tr td {
	font-size: 12px;
	line-height: 1.429;
	padding: 10px;
	border-bottom: 1px dotted #CCCCCC;
	vertical-align: top;
}
#pageBody .news table tr th {
	padding-right: 10px;
}

.TextVerticalTop { /* https://www.ipentec.com/document/css-vertical-text-align */
  display: table-cell;
  vertical-align: top;
}