/* CSS Document */
a:hover {color:#b31409 ;text-decoration:NONE} 
body {font-family:serif;MS Mincho;Hiragino Mincho ProN; line-height:150%;
}
img {
  max-width: 100%;
}
 .df {
  display: -webkit-flex;
  display: flex;
 -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  }
  /* ----- flex???? ----- */
.flex{
max-width: 750px;
display: -webkit-box; /* old Android */
display: -webkit-flex; /* Safari etc. */
display: -ms-flexbox; /* IE10        */
display: flex;

 /* ???????? */
  -webkit-flex-flow      : row wrap;     /* Safari etc. */
  -ms-flex-flow          : row wrap;     /* IE          */
  flex-flow              : row wrap;     /* = flex-direction:row;flex-wrap:wrap; */
 flex-direction: row;
 flex-wrap: wrap;
  /* ????? */
  -webkit-justify-content: center;       /* Safari etc. */
  -ms-justify-content    : center;       /* IE10        */
justify-content : center;
}
/* ----- flex???? ----- */
.flex > *{
max-width: 330px;
 font-size: 100%;
 line-height:140%;
text-align: left;
}
/*
.flex,
.flex > *{
  border: 3px solid #aaa;
}
*/
  /* ----- flex???? ----- */
.flex2{
max-width: 750px;
display: -webkit-box; /* old Android */
display: -webkit-flex; /* Safari etc. */
display: -ms-flexbox; /* IE10        */
display: flex;

 /* ???????? */
  -webkit-flex-flow      : row wrap;     /* Safari etc. */
  -ms-flex-flow          : row wrap;     /* IE          */
  flex-flow              : row wrap;     /* = flex-direction:row;flex-wrap:wrap; */
 flex-direction: row;
 flex-wrap: wrap;
  /* ????? */
  -webkit-justify-content: center;       /* Safari etc. */
  -ms-justify-content    : center;       /* IE10        */
justify-content : center;
}
/* ----- flex???? ----- */
.flex > *{
max-width: 330px;
 font-size: 100%;
 line-height:140%;
text-align: left;
}
/*
.flex,
.flex > *{
  border: 3px solid #aaa;
}
*/
div.hidari1 {
	max-width:400px;
	float:left;
}
div.migi1 {
	max-width:400px;
	float:left;;
}
div.shita1 {
	clear:both;
	max-width:400px;
}
.style_moji {
  max-width: 380px;
  font-size:100%;line-height:150%;
}  
/* 画面左右に余白 */
#page-wrap {
	margin: 10px 50px 50px 50px;
}


.style1 {color: #175ff1;
}
.style2 {color: #dd0d4f;
}
.style4 {color: #084dd8f;
}
.style5 {
  max-width: 90%;
  font-size:100%;line-height:150%;
}
.style6 {color: #dd0d4f;
}  
.style7 {font-size:90%;line-height:150%;
}
.style8 {font-size:100%;line-height:150%;
}
.yohaku100{
margin-right:100px;
} 
/* ニュース更新*/
#koushin_top{
position:absolute;
;width:450px;
height:150px;
font-size:90%;
line-height:160%;
overflow:auto;}
#page-wrap {
	margin: 10px 50px 50px 50px;
}

#container{
	max-width:1000px;
	margin:0 3%;
margin:0 auto;
}
#container2{
	max-width:350px;
	margin:0 3%;
	margin:0 auto;
}
#container3{
	max-width:700px;
	margin:0 3%;
	font-size:100%;
line-height:160%;
}
#container4{
max-width:95%;
	margin:0 3%;
	margin:0 auto;
	  font-size:100%;line-height:150%;
}
table.table01 thead th {
	background:#3EB1C6;
	color:#FFFFFF;
	padding:10px 15px;
	border-right:#FFF solid none;
	border-bottom:#FFF solid none;
}
table.table01 thead th:last-child {
	border-right:#3EB1C6 solid none;
}
table.table01 tbody th {
	background:#3EB1C6;
	color:#FFF;
	padding:10px 15px;
	border-bottom:#FFF solid none;
	vertical-align:top;
}
table.table01 tbody tr:last-child th {
	border-bottom:#3EB1C6 solid none;
}
table.table01 tbody td {
background:#3EB1C6;
	background:#FFF;
	padding:10px 15px;
	border-bottom:#FFF solid none;
	vertical-align:top;
}
 table.table01 tbody tr:last-child th {
	border-bottom:#3EB1C6 solid none;
}
table.table01 tbody td {
	background:#FFF;
	padding:10px 15px;
	border-left:#3EB1C6 solid none;
	border-bottom:#3EB1C6 solid none;
	vertical-align:top;
}

@media screen and (max-width: 640px)  {
table.table01 thead {
	display:none;
}
table.table01 tbody th {
	display:block;
}
table.table01 tbody td {
	display:block;
}
table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:normal;
}
table.table01 tbody td p {
	padding-left:6em;
}
}