@charset "UTF-8";

/* 全てのWebページ-20240104-*/

/* -すべてのWebページに適用される-20240104-*/
html {
	font-family: sans-serif;
}
html * {
	box-sizing: border-box;
}

body {
	margin: 0 0 0 0;
	background-color: #a7fcf2;

}
.wrapper {
	margin: 0 auto 0 auto;
	max-width: 980px;
}

h2 {
	color:#3f5170;
	font-size: 22px;
	border-top: 3px dotted #3f5170;
	border-bottom: 3px dotted #3f5170;
	margin: 20 0 20 0;
	padding: 5 5 5 5;

}
p{
	line-height: 1.6;
}
a:link {
	color: #d25833;
}
a:visited {
	color: #afeeee;
}
a:hover {
	color:#e3937a;
}
a:active {
	color: #ff6a3b;
}

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

/* -リンクに適用される-20210504-*/
div.div_class {
	border: 1px solid #000000;
	background-color: #eeece9;
	max-width: 980px;
	margin-bottom: 30px;
	
}

/* -画像に適用される　20210615*/
.keyvisual{
	text-align:center;
	padding: 3px;
	border: 1px solid #000000;
	
}
.keyvisual .mainVisualText {
	position: absolute;
	
	bottom: 50px;
	
	background-color: rgba(0,0,0,0.4)
	width: 400px;
	padding: 15px 25px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.keyvisual .mainVisualText h1 {
	font-size: 26px;
	line-height: 1.231;
	margin: 0;
}
.keyvisual .mainVisualText p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 0;
}

/* -すべてのWebページに適用される-ヘッダー-20210503-*/
.logo {
	color:#3c454d;
	font-size: 55px;
	margin: 20 0 20 0; 
	padding: 5 5 5 5;
	text-align: center;
}
.nav li {
	display: inline;
	font-size: 18px;
	list-style-type: none;
	margin: 20 0 20 0; 
	padding: 3px;
	background-color: #000fff;
	text-align: center;
}
.nav a:link {
	color: #dde2ea;
	text-decoration: none;
}
.nav a:visited {
	color: #afeeee;
	text-decoration: none;
}
.nav a:hover {
	color:#7b8dac;
	text-decoration: none;
}
.nav a:active {
	color: #5a9bc0;
	text-decoration: none;
}
/* -すべてのWebページに適用される-ページの先頭に戻る--20210503-*/
.pagetop {
	color:#3f5170;
	font-size: 14px;
	margin-top: 30px;
	text-align:right;
}

/* -すべてのWebページに適用される-フッター-20210503-*/
.footer {
	color:#3f5170;
	font-size: 16px;
	border-top: 3px dotted #3f5170;
	margin: 0 auto;
	text-align:center;
}	


/* 表紙ページに適用される-2021503-*/


/* -pageBodyに適用される-20210503-*/ 

#pageBody {
	width: 980px;
	margin: 0 auto;
	
}
#pageBody:after {
	content: "";
	clear: both;
	display: block;	
}


/* --スライドショーに適用される-20210503-*/ 
#pageBodyMain {
	width: 720px;
	float: left;
	
}

#pageBodyMain .mainVisual {
	position: relative;
}

#pageBodyMain .mainVisual img{
	vertical-align: bottom;

}

#pageBodyMain .mainVisual .mainVisualText {
	position: absolute;
	left: 50px;
	bottom: 50px;
	color: #FFF;
	background-color: rgba(0,0,0,0.4)
	width: 400px;
	padding: 15px 25px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#pageBodyMain .mainVisual .mainVisualText h1 {
	font-size: 26px;
	line-height: 1.231;
	margin: 0;
}
#pageBodyMain .mainVisual .mainVisualText p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 0;
}

#pageBodyMain .mainVisual ul{
	margin: 0;
	padding: 0;
	list-style-type: non;
	background-color: #eeece9;
}
#pageBodyMain .mainVisual ul li{
	position: center;
	background-color: #eeece9;
}

/* --お知らせ・更新履歴に適用される-20210503-*/ 
#pageBodySub {
	width: 240px;
	float: right;
	text-align:left;
	
}
#pageBodySub h1{
	color:#3f5170;
	font-size: 22px;
	line-height: 1.375;
	padding: 10px;
	margin: 10px;
	border-top: 3px dotted #3f5170;
	border-bottom: 3px dotted #3f5170;	
}
#pageBodySub .newsList ul{
	list-style: none;
}
#pageBodySub .newsList ul li{
	font-size: 14px;
	line-height: 1.5;
	margin: 10px 5px;	
}
#pageBodySub .newsList ul li time{
	font-weight: bold;
	display: block;	
	margin: 0;
}

/* -すべてのWebページに適用される-スマホ向けCSS-20210504*/
@media (max-width: 767px){
	/* -すべてのWebページに適用される-20210504*/
	.wrapper {
		margin: 0 8px;
		}
	.logo {
		margin: 30px 0;
		font-size: 20px;
		
		} 
	.nav li {
		color:#3f5170;
		margin-right: 5px;
		display: block;
		}
	.clear {
		clear: both;
		}
	
	#pageBody {
		width: auto;
		}
	#pageBodyMain {
		margin: 0 auto;
		flex: 1 1 auto;
		}
	#pageBodySub {
		margin: 0 auto;
		flex: 1 1 auto;
		}

}