@charset "UTF-8";
/*====================================

	Date of 2014.08.26
====================================*/

/* for index.html
================================================== */
/*トップページで必要な場合のみ記述*/



/* for news.html
================================================== */
#newsWrapper {
	margin: 0 0 50px 0;
}

#newsWrapper .mBottom {
	margin: 0 0 10px 0;
}
#newsWrapper .title {
	font-size: 120%;
	line-height: 1.5em;
	font-weight:600;
	color: #333333;
	border-bottom: solid 2px #006AD8;
	margin: 0 0 5px 0;
	padding: 0 0 3px 5px;
}
#newsWrapper .date {
	font-size: 80%;
	line-height: 1.5em;
	color: #333;
	padding-left:5px;
	margin: 0 0 10px 0;
}
#newsWrapper .newsArticleWrapper {
	padding-left: 5px;
}
#newsWrapper .imgWrapper {
	display: inline;
	text-align: center;
	margin: 0 0 15px 15px;
}
#newsWrapper .imgWrapper img {
	width:100%;
	margin-bottom: 10px;
}
#newsWrapper .imgWrapper a {
	display: block;
	overflow: hidden;
}

/* File
================================================== */
#dataBox {
	margin: 20px 0;
	padding: 20px 0 0 20px;
	border-top: dotted 1px #999999;
}
#dataBox .data {
	font-size: 80%;
	line-height: 1.5em;
}
#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:#006AD8;
	text-decoration: underline;
}

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


/* pagination
================================================== */
.pagination {
	text-align: right;
	margin: 40px 0;
}
.pagination li {
	float: left;
	font-size: 80%;
	line-height: 1.5em;
	margin: 0 0 0 3px;
}
.pagination li:first-child {
	margin-left: 3px;
}
.pagination li a {
	color: #fff;
	text-decoration: none;
	display: block;
	overflow: hidden;
	padding: 5px 10px;
	background:#6DB6FF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.pagination li a:hover {
	color: #fff;
	background: #006AD8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.pagination li a.active {
	color: #fff !important;
	text-decoration: underline !important;
	background-color: #333333 !important;
}

/* for newslist
================================================== */
#newslistWrapper ul li {
	border-bottom: dashed 1px #666;
	margin: 0 0 18px 0;
	padding: 0 0 10px 10px;
}
#newslistWrapper .newsTitle a {
	text-decoration: none;
	color: #333;
}
#newslistWrapper .newsTitle a:hover {
	text-decoration: underline;
	color:#006AD8;
}
#newslistWrapper .data {
	margin: 0 0 6px 0;
}
#newslistWrapper .data img{
	margin-right:10px;
}
#newslistWrapper .date {
	font-size: 85%;
	line-height: 1.5em;
	color: #333;
}
.categoryInfo {
	color: white;
	font-size: 80%;
	line-height: 1.5em;
	padding: 4px 8px 2px;
	position: relative;
	background: #038AEF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.categoryEvent {
	color: white;
	font-size: 80%;
	line-height: 1.5em;
	padding: 4px 8px 2px;
	position: relative;
	background:#10519D;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#newslistWrapper .new {
	font-size: 70%;
	line-height: 1.5em;
	color: #C30;
	font-weight: 600;
}

/* not news
================================================== */
.notNews {
	font-weight: 600;
	text-decoration: none;
	color: #333;
	margin: 0 0 8px 0;
}

/* btn more
================================================== */
.more {
	text-align: right;
}
.more a {
	text-decoration: none;
	color: #333;
}
.more a:hover {
	color:#006AD8;
}
.more a:after{
	color:#006AD8;
	content: "\f138";
    font-family: FontAwesome;
	margin-left:5px;
}