@charset "utf-8";

/*________________________________________________

	name:			inews.css
	create Date:	2017-04-26
	lastmodified:	****-**-**
________________________________________________*/

/*--------------------------------------------------------------
#NewsList
--------------------------------------------------------------*/
#NewsList {
	display: block;
	clear: both;
	width: auto;
	margin: 0 0 20px 0;
	padding: 0;
}
#NewsList .title {
	display: block;
	clear: both;
	width: auto;
	margin: 0 0 10px 0;
	padding: 0;
}
/* clearfix */
#NewsList .title { zoom:1; }
#NewsList .title:after {
	content: ""; 
	display: block; 
	clear: both;}
#NewsList .title img {
	display: inline;
	float: left;
	width: auto;
	margin: 0 auto 0 0;
	padding: 0;
	vertical-align: middle;
}
#NewsList .title a {
	display: inline;
	float: right;
	width: auto;
	margin: 0 0 0 auto;
	padding: 0;
	vertical-align: middle;
}
#NewsList ul {
	display: block;
	clear: both;
	width: auto;
	margin: 0;
	padding: 0;
}
#NewsList li {
	display: block;
	clear: both;
	width: auto;
	margin: 0;
	padding: 10px;
	background: #ffffff;
	text-align: left;
}
#NewsList li a {
	color: #3f1f00;
	text-decoration: none;
}
#NewsList li a:hover {
	color: #3f1f00;
	text-decoration: underline;
}
/* clearfix */
#NewsList li { zoom:1; }
#NewsList li:after {
	content: ""; 
	display: block; 
	clear: both;}
#NewsList li:nth-child(odd) {
	background: #f0f6d9;
}
#NewsList .date {
	display: block;
	clear: both;
	width: auto;
	margin: 0 0 5px 0;
	padding: 0;
}
#NewsList .date span {
	display: inline-block;
	width: 80px;
	height: auto;
	margin: 0 10px 0 0;
	padding: 2px 0;
	background: #bdcf3f;
	color: #3f1f00;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
}

/* --------------------------------------------------.article*/
/* clearfix */
.article .photo2Col,
.article .photo3Col, .spc .photoArea {
  overflow: hidden;
  *zoom: 1;
}
.article .photo2Col:after,
.article .photo3Col:after, .spc .photoArea:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
.article {
	display: block;
	clear: both;
}
/* clearfix */
.article { zoom:1; }
.article:after {
	content: "";
	display: block;
	clear: both;}
.article .date {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: right;
}
.article .date span {
	display: inline-block;
	width: auto;
	height: 1.5em;
	margin: 5px 10px 5px 0;
	padding: 0 5px;
	background: #cccccc;
	vertical-align: middle;
	font-size: 90%;
	line-height: 1.5em;
	text-align: center;
}
.article p {
  margin-bottom: 1.5em;
}
/* clearfix */
.article p { zoom:1; }
.article p:after {
	content: ""; 
	display: block; 
	clear: both;}
.article .section {
	clear: both;
	margin-bottom: 1em;
}
.article em {
	color: #F00;
}
.article .photo1Col, 
.article .photo2Col,
.article .photo3Col {
	display: block;
	clear: both;
	width: auto;
	margin: 10px auto;
	text-align: center;
}
.article .photo1Col .photo {
	margin: 0 auto;
}
.article .photo1Col .photo img {
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border: none;
}
.article .photo2Col .photo {
	display: inline-block;
	text-align: center;
	margin-left: 2px;
	margin-right: 2px;
	vertical-align: top;
}
.article .photo3Col .photo {
	display: inline-block;
	text-align: center;
	margin-left: 2px;
	margin-right: 2px;
	vertical-align: top;
	max-width: 310px;
}
.article .photo2Col .photo img {
	width: auto;
	max-width: 470px;
	border: none;
}
.article .photo3Col .photo img {
	width: auto;
	max-width: 310px;
	border: none;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
}
.article .photoL {
	float: left;
	text-align: left;
	margin-right: 20px;
	margin-bottom: 15px;
	clear: both;
}
.article .photoR {
	float: right;
	text-align: right;
	margin-left: 20px;
	margin-bottom: 15px;
	clear: both;
}
.article .photo img {
	max-width: 680px;
}
.article .photo span {
	display: block;
	line-height: 1.2;
	padding-top: .5em;
	color: #6e3b1d;
}
.article dl {
	margin-bottom: 1em;
}
.article dt {
	padding: .5em 0;
	font-size: 1.2em;
	font-weight: bold;
}
.article ol {
	list-style: inside decimal;
}
.article ol li {
	display: list-item inline;
	list-style: decimal inside;
	margin-bottom: 5px;
	padding-left: 1.5em;
	text-indent: -1.5em;
	line-height: 1.5;
}
.article ul li {
	display: list-item inline;
	list-style: disc inside;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.article .photoArea {
	margin: 1em 0;
}
.article .photoArea img {
	width: 332px;
	margin-left: 3px;
	margin-bottom: 3px;
}
.listA table {
	width: 100% !important;
}
.article  table {
	border-collapse: collapse;
}
.article  th,
.article  td {
/*	padding: 5px;*/
	border-collapse: collapse;
}