@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	background-image: url(images/bg1.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	margin-bottom: 5px;
	padding-right: 15px;
	padding-left: 10px;
}
a img {border: none;}
a:link {
	color: #42413C;
	text-decoration: none;
}
a:visited {
	color: #6E6C64;
	text-decoration: none;
}
a:hover, a:active, a:focus {text-decoration: underline;}

h1 {
	position: relative;
	font-size: 17px;
	font-weight: normal;
	border: solid 1px #4c97ce;
	background: linear-gradient(180deg,#bcddee,#eff7fc,#d0e7f5);
}
h1 span {
  display: block;
  padding: 0.5rem 1rem;
}
.container #Insert_logo{max-width:754px;width:100%;}
.headline {
	font-size: 10px;
	color: #666;
}
.content {padding: 8px 0;}
.content h4 {
	border-left: 4px #C00 solid;
	font-weight: bold;
	color: #C00;
}
/*nav*/
nav ul {
	display: flex;
	list-style: none;
}
nav li {
	flex: auto;
	border-left: 1px solid #ccc;
}
nav li:last-child {	border-right: 1px solid #ccc;}
nav a {
	text-decoration: none;
	color: #000;
	display: block;
	text-align: center;
	font-weight: bold;
}
nav a:link {	color: #000;}
nav a:visited {	color: #000;}
nav a:hover {	color: #239977;}

/* ~~ フッター ~~ */
.footer {
	border-top: #297FC5 solid 1px;
	padding: 10px 0;
}
.footer a {	color: #297FC5;}
.footmenu {
	text-align: center;
	color: #297FC5;
}
.cpr {	text-align: center;}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.bantokutei {
	width: 208px;
	float: left;
}
.topd2 {
	margin: 5px 15px 0 15px;
	line-height: 160%;
}
.gekanews0 {	padding: 5px 0 0 207px;}
.gekanews0 p {	line-height: 160%;}
.newslist {	background-color: #FFF;}
.newslist p {
	background-image: url(images/bullet6r.gif);
	background-repeat: no-repeat;
	background-position: 1px;
	padding: 0 0 0 20px;
	line-height: 190%;
}
.tokutei {float: none;}
.tokutei td {	border-bottom: dotted #666 1px;}
.timet {	text-align: center;}
.timet {
	border: 2px solid #FFF;
	border-collapse: collapse;
	margin-bottom: 1em;
}
.timet td {
	padding: 5px;
	width: 65px;
}
.timet th {	padding: 15px 5px;}
.timet td, th {	border: solid 1px #C2C2C2;}
.timet .maru {	font-size: 16px;}
/* ぱんくずリスト
----------------------*/
#topicpath {
	height: 20px;
	color: #666666;
	text-align: right;
	padding-top: 4px;
	padding-bottom: 4px;
}
#topicpath a {
	color: #9999CC;
	text-decoration: none;
}
/* おしらせ
----------------------*/
ul.flx3 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;

	width: 100%;
	margin: 0;
	padding: 5px;
	list-style: none;
}
ul.flx3 li {
	margin: 0;
	padding: 10px;
}
ul.flx3 li:nth-of-type(2) {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	font-weight: bold;
	font-size: 120%;
	text-align: center;padding-right: 4em;
}
ul.flx3 li:nth-of-type(1) {
	font-size: 0.9em;
	color: #999;
	-webkit-flex-basis: 20px;
  flex-basis: 20px;
}
.naka{text-align: center;font-size: 18px; line-height: 1.8;}

/* 白丸リスト(kinou.html)
----------------------*/
.siromaru{
	list-style-type: circle;
	padding-left: 4em;
	margin: 1em 4em 0 1em;
	line-height: 1.6;
}
.siromaru li {
	list-style-type: none;
	padding-left: 1em;
	text-indent: -.5em;
	margin-bottom: 1em;
}
.siromaru li::before {
	position: relative;
	top: 0;
	left: -12px;
	display: inline-block;
	content: '◯';
}

/* MEDIA QUERY
----------------------*/
@media screen and (max-width:754px) {
	body {color: #000;}
	.container {width: 100%;}
	.content p {
		padding: 5px 2px;
		font-size: 90%;
	}
	nav{margin-top: 10px;}
	nav a {font-size: 80%;padding: 8px;}
	.content h3 {
		font-size: 14px;
		padding: 0.25em 0.5em;
		color: #494949;
		border-left: solid 5px #357ac1;
		border-bottom: solid 1px #d9e6f7;
	}
	.timet {margin-left: 0;}
	.headline{display: none;}
	.osirase {padding: 5px 10px 5px 10px; line-height: 1.7;}
	.img1{margin:10px 10px 0 19px;max-width: 70px; }
	#topicpath {
		width: 100%;
		font-size: 12px;
		margin: 5px;
	}
.content h4 {
	margin: 0 ;
}
.tokutei {
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 80%;
}
.tdw{width: 150px;}
}

@media screen and (min-width:754px) {
	body {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
		font-size: 88% ;
		line-height: 1.4;
		color: #000;
	}
	.container {
		width: 754px;
		margin: 0 auto;
	}
	.content p {
		padding: 5px 40px 5px 40px;
		font-size: 100%;
	}
	.content h1 {padding: 0 0 0 10px;}
	nav a {font-size: 110%;padding: 10px 15px;}
	nav .pri {display: inline-block;}
	.content h3 {
		background-image: url(images/h3_bg.jpg);
		background-repeat: no-repeat;
		height: 35px;
		margin-left: 10px;
		padding: 10px 0 0 25px;
		border-left: none;
		border-bottom: none;
	}
	.timet {margin-left: 3em;}
	.headline {
		height: 21px;
		display:block;
		padding-left: 0;
		white-space: nowrap;
		line-height: 1em;
		padding-top: 4px;
	}
.osirase{font-size: 16px!important;padding-left: 15px;padding-right: 0; line-height: 1.8;}
.img1{margin:10px 40px 0 19px;min-width:169px; }
.content h4 {
	margin: 0 0 0 30px;
}
.tokutei {
	width: 650px;
	margin: 0 0 10px 50px;
}
.tdw{width: 300px;}
}
@media screen and (max-width: 500px){
	.content p{font-size: 100%;}
	ul.flx3 {
	padding: 5px 0;
		-webkit-flex-direction: column-reverse;
}
ul.flx3 li {
	padding: 0;
}
ul.flx3 li:nth-of-type(2) {
	font-size: 110%;
	text-align: center;padding-right: 0;
}
ul.flx3 li:nth-of-type(1) {}
	
.naka{text-align: left; font-size :initial;}
.nakaT{font-size: 18px;}
	
.siromaru{
	margin: 0;
	padding-left: 1em;
}

}

/*end @medeia*/