  @charset "utf-8";

@import "base.css";
@import "common.css";
@import "style.css";
@import "gnav.css";
@import "gnav_sp.css";
@import "subPage.css";

/* news
---------------------------------------------------*/
body.News#index #content .float {
	margin-bottom: 60px;
}

body.News#index .newsArea article.postList {
	width: 932px;
}

body.News#index .newsArea dl dd {
	width: 810px;
}

body.News#index .newsArea article.archive {
	width: 298px;
	margin-left: 30px;
}

body.News#index .newsArea article.archive h2:after {
	content: none;
}

body.News#index .newsArea article.archive ul {
	padding: 0 10px;
}

body.News#index .newsArea article.archive ul li {
	font-size: 87.5%; /*14px*/
	background: url("/img/common/icn_arrow01.png") no-repeat left center;
	padding-left: 10px;
	margin-top: 25px;
	line-height: 1.5;
}

@media only screen and (max-width:767px) {
	body.News#index .mainImg,
	body.News#index #content .float {
		margin-bottom: 40px;
	}

	body.News#index .newsArea article.postList {
		width: 100%;
	}

	body.News#index .newsArea dl dd {
		width: 76%;
	}

	body.News#index .newsArea article.archive {
		width: 100%;
		margin-left: 0;
	}

	body.News#index .newsArea article.archive ul li {
		font-size: 68.75%; /*11px*/
		margin-top: 10px;
	}
}

/* pager
---------------------------------------------------*/
.entryWrapper {
	min-height: 251px;
}

.pager {
	clear:both;
	text-align:center;
	padding: 11px 0;
	margin-top: 40px;
	height: 17px;
}

.pager span {
	margin: 0 5px;
	cursor: pointer;
}

.pager span {
	padding: 6px 13px;
	line-height: 1;
	color: #006cb9;
	font-weight: bold;
	background-color: #fff;
	border: 1px solid #006cb9;
}

.pager span:hover {
	color: #fff;
	background-color: #006cb9;
	opacity: 1;
}

.pager span.current {
	padding: 6px 13px;
	color: #fff;
	font-weight: bold;
	background-color: #006cb9;
	border: 1px solid #006cb9;
}

.pager span.prev.invalid:hover,
.pager span.next.invalid:hover,
.pager span.current:hover {
	cursor: default;
}

.pager span.prev,
.pager span.next {
	padding: 6px 13px;
	line-height: 1;
	color: #006cb9;
	font-weight: bold;
	background-color: #fff;
	border: none;
}

.pager span.prev {
	padding-right: 8px;
	background: url("/img/news/icn_pager_prev.png") no-repeat left center;
}

.pager span.next {
	padding-left: 8px;
	background: url("/img/news/icn_pager_next.png") no-repeat right center;
}

.pager span.prev.invalid,
.pager span.next.invalid {
	padding: 6px 13px;
	color:#ddd;
	font-weight: bold;
}

.pager span.prev.invalid {
	background: url("/img/news/icn_pager_prev_invalid.png") no-repeat left center;
}

.pager span.next.invalid {
	background: url("/img/news/icn_pager_next_invalid.png") no-repeat right center;
}

@media only screen and (max-width:767px) {
	.entryWrapper {
		min-height: inherit;
	}

	.pager {
		margin-top: 25px;
		font-size: 68.75%; /*11px*/
		height: 11px;
	}

	.pager span {
		margin: 0 3px;
	}

	.pager span.prev {
		padding-right: 6px;
	}

	.pager span.next {
		padding-left: 6px;
	}
}