@charset "UTF-8";
/*====================================
	Date of 2014.08.26
====================================*/

/* for index.html
================================================== */
/*トップページで必要な場合のみ記述*/
.indexNewsWrapper .newslist {
	margin: 0;
}
.indexNewsWrapper .newslist li {
	margin: 0;
	border-left: none;
	border-right: none;
	border-bottom: none;
	height: 175px;
}
.indexNewsWrapper .newslist li:last-child {
	border-bottom: 1px solid #231815;
}
.indexNewsWrapper .newslist li a {
	padding: 10px 15px 15px 15px;
}
.indexNewsWrapper h4 {
	font-size: 130%;
	line-height: 1.5em;
	color: #000;
	text-align: center;
}
.indexNewsWrapper .more {
    margin: 15px 0 25px 0;
}
/* 480px～ */
@media print, screen and (min-width: 480px){
.indexNewsWrapper .newslist li {
	border-left: 1px solid #231815;
	margin-bottom: 25px;
}
.indexNewsWrapper .newslist li:last-child {
	border-bottom: none;
}
.indexNewsWrapper h4 {
	margin-bottom: 10px;
	font-size: 150%;
}
}

/* 769px～ */
@media print, screen and (min-width: 769px){
.indexNewsWrapper .newslist li {
	height: 210px;
	margin-bottom: 10px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.indexNewsWrapper .newslist li:hover {
	background: #EFEEEF;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.indexNewsWrapper .more {
    margin: 0 0 40px 0;
}
}

/* for news.html
================================================== */

#newsBg {
	background: #EFEFEF;
	padding: 15px;
	min-height: 300px;
}
.newsWrapper .title {
	font-size: 120%;
	line-height: 1.5em;
	color: #333333;
	border-bottom: solid 1px #95BD7F;
	margin: 0 0 5px 0;
	padding: 0 0 3px 5px;
}
.newsWrapper .date {
	font-size: 80%;
	line-height: 1.5em;
	color: #444;
	margin: 0 0 10px 0;
}
.newsWrapper .article {
	font-size: 95%;
	line-height: 1.9em;
	color: #666666;
}
.newsWrapper .article p {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	margin: 0 0 1em 0;
}
.newsWrapper .article p:last-child {
	margin-bottom: 0;
}
.newsWrapper .imgWrapper {
	text-align: center;
	margin-bottom: 15px;
}
.newsWrapper .imgWrapper img {
	margin-bottom: 10px;
}
.newsWrapper .imgWrapper a {
	display: inline-block;
	overflow: hidden;
}

/* 769px～ */
@media print, screen and (min-width: 769px){
.newsWrapper .imgWrapper {
	float: right;
	width: 330px;
	display: inline;
	text-align: center;
	margin: 0 0 15px 20px;
}
}

/* File
================================================== */
#dataBox {
	margin: 20px 0;
	padding-top: 10px;
	border-top: dotted 1px #999999;
}
#dataBox .data img {
	display: inline-block;
	zoom: 1;
	/* Fix for IE7 */
	*display: inline;
	/* Fix for IE7 */
	vertical-align: middle;
}
#dataBox a {
	vertical-align: middle;
	text-decoration: none;
	color: #666666;
}
#dataBox a:hover {
	color: black;
	text-decoration: underline;
}


/* newslist
================================================== */

.latestNewsWrapper h4 {
	font-size: 115%;
	line-height: 1.5em;
	color: #4C4847;
	text-align: center;
}

/* 769px～ */
@media print, screen and (min-width: 769px){
.latestNewsWrapper h4 {
	text-align: left;
	margin: 0 0 10px 80px;
}
}

/* pagination
================================================== */

.pagination ul {	
	margin: 0 30px;
}
.pagination li {
	float: left;
	font-size: 80%;
	line-height: 1.5em;
	border-left: 1px solid #221814;
}
.pagination li:last-child {
	border-right: 1px solid #221814;
}
.pagination li a,
.pagination li span {
	color: #221814;
	text-decoration: none;
	display: block;
	overflow: hidden;
	padding: 1px 10px;
	margin: 0 3px;
}
.pagination li a:hover {
	color: #fff;
	background-color: #04548C;
}
.pagination li span.current {
	color: #fff;
	background-color: #04548C;
}
.pagination li:active {
	color: #fff !important;
	text-decoration: underline !important;
	background-color: #04548C !important;
}

/* 769px～ */
@media print, screen and (min-width: 769px){
.pagination ul {
    margin: 0;
	float: right;
}
}

/* for newslist
================================================== */

#newslistBg {
	background: #EFEFEF;
	padding: 15px 0;
	margin-bottom: 60px;
}
.newslistWrapper {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.newslist {
	margin: 0 30px;
}
.newslist li {
	float: left;
	width: 100%;
	height: 210px;
	overflow: hidden;
	border: 1px solid #231815;
	margin: 30px 0 0 0;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.newslist li:hover {
	background: rgba(175, 188, 194, 0.34);
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.newslist li a {
	height: 100%;
	overflow: hidden;
	display: block;
	text-decoration: none;
	padding: 10px 25px 15px 25px;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.newslist .newsTitle {
	font-size: 90%;
	line-height: 1.5em;
	font-weight: 600;
	text-decoration: none;
	color: #221814;
}
.newslist .newsTitle a:hover {
	color: black;
}
.newslist .data {
	margin: 0 0 6px 0;
}
.newslist .date {
	font-size: 70%;
	line-height: 1.5em;
	color: #666;
}
.newslist .new {
	font-size: 70%;
	line-height: 1.5em;
	color: #C30;
	font-weight: 600;
}
.newslist .letterBody {
	color: #4C4847;
	font-size: 85%;
}
.mt30 {
	margin-top: 30px;
}

/* 480px～ */
@media print, screen and (min-width: 480px){
.newslist li {
	width: 50%;
	border: 0;
	border-left: 1px solid #231815;
}
.newslist li:nth-child(even){
	border-right: 1px solid #231815;
}
}

/* 769px～ */
@media print, screen and (min-width: 769px){

.newslist {
    margin: 0;
}
.newslist li {
	width: 25%;
	border-bottom: 0;
	border-top: 0;
}
.newslist li:first-child {
	border-left: 1px solid #231815;
}
.newslist li:nth-child(even){
	border-right: 0;
}
.newslist li:nth-child(4n) {
	border-right: 1px solid #231815;
}
.newslist li:nth-child(4n+1) {
	border-left: 1px solid #231815;
}
}

/* not news
================================================== */
.notNews {
	font-weight: 600;
	text-decoration: none;
	text-align: center;
	margin-top: 20px;
}


/* btn more
================================================== */
.more {
	text-align: right;
	font-size: 105%;
	margin: 15px 30px 25px 0;
}
.more a {
	text-decoration: none;
	color: #666666;
}
.fa-arrow-right {
	color: #3F77BC;
}
.more a:hover {
	text-decoration: underline;
	color: black;
}

/* 769px～ */
@media print, screen and (min-width: 769px){
.more {
	font-size: 100%;
	margin: 15px 0 35px 0;
}
}