/* NR */
#NR-wrapper {
	background: #fafafa;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}

#NR-wrapper-in {
	margin-bottom: 0;
}

.NR-tpath {
	margin-top: 30px;
}

/* module */
.main-title {
	background: #ffd400;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;
	margin: 0 0 10px;
	padding: 5px;
	text-align: center;
}

.mod-card {
	background: #fff;
	border: 1px solid #ccc;
	line-height: 1.45;
	margin: 0 0 10px;
	padding-bottom: 3.55em;
	position: relative;
}
.mod-card .card-thumb a {
	background: #f5f6f7;
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
	height: 280px;
	width: 100%;
}
.mod-card .card-thumb a img {
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: auto;
	width: 100%;
	top: 0\9; /* IE 7,8 */
}
.mod-card .card-thumb a img:not(:target) {
	top: 50%; /* IE9, 10 */
}

.mod-card .card-thumb a:hover {
	text-decoration: none;
}
.mod-card .card-thumb a:hover img {
	opacity: 0.8;
}
.mod-card .card-thumb a:hover .card-label {
	cursor: pointer; /* IE7 */
}
.mod-card .card-label {
	background: #4b4b4b;
	background: rgba(0,0,0,0.35);
	box-sizing: border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.35;
	padding: 0.5em;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: left;
}
.mod-card .card-title {
	margin: 0.75em 8px 4px;
	font-size: 15px;
}
.mod-card .card-title,
.mod-card .card-title a {
	color: #333;
	font-weight: bold;
}
.mod-card .card-title a:hover {
	color: #999;
	text-decoration: none;
}
.mod-card .card-lead {
	font-size: 14px;
	margin: 4px 8px;
}
.mod-card .card-more {
	background: #ffd400;
	display: inline-block;
	color: #333;
	padding: 0.25em 1em;
	position: absolute;
	bottom: 14px;
	right: 8px;
}

.card-tile {
	width: 693px;/* IE 7,8 */
}
.card-tile .mod-card {
	float: left;
	margin-right: 10px;
	width: 219px;
}
.card-tile .mod-card:nth-child(3n) {
	margin-right: 0;
	width: 220px;
}
.card-tile .mod-card:nth-child(3n+1) {
	clear: both;
}
.card-tile .mod-card .card-thumb a {
	text-align: center;
	height: 146px;
}
.card-tile .mod-card .card-thumb a img {
	position: static;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
	height: 100%;
	width: auto;
}
.card-tile .mod-card .card-label {
	display: none;
	font-size: 11px;
}
.card-tile .mod-card a:hover .card-label{
	display: block;
}
.card-tile .mod-card .card-content {
	margin: 0.75em 0 0.3em;
	height: 8.75em;
	overflow: hidden;
}
.card-tile .mod-card .card-title {
	margin: 0 8px 0.3em;
}
.card-tile .mod-card .card-lead {
	margin: 0 8px;
}
.card-tile .mod-card .card-title,
.card-tile .mod-card .card-lead {
	font-size: 13px;
}

.mod-card.aside {
	padding-bottom: 0;
}
.mod-card.aside .card-title {
	font-size: 13px;
}

.mod-list {
	margin: 8px;
}
.mod-list .list-item a {
	background: #f6f7f5;
	border-spacing: 8px 0;
	box-sizing: border-box;
	color: #423f3d;
	display: table;
	margin-top: 8px;
	padding: 0.6em 0;
	height: 3.8em;
	width: 100%;
}
.mod-list .list-item a:hover {
	text-decoration: none;
	opacity: 0.8;
}
.mod-list .list-item:first-child a {
	margin-top: 0;
}
.mod-list .list-thumb,
.mod-list .list-title {
	display: table-cell;
	vertical-align: middle;
}
.mod-list .list-thumb {
	background: #fcfcfc;
	text-align: center;
	height: 60px;
	width: 80px;
}
.mod-card .list-thumb span {
	display: inline-block;
	width: 80px;
}
.mod-list .list-thumb img {
	max-height: 60px;
	max-width: 80px;
	height: auto;
	width: auto;
}
.mod-list .list-title {
	line-height: 1.4;
}
.mod-list .list-title span {
	display: block;
	color: #999;
}
.card-lead + .mod-list {
	margin-top: 5px;
}
/* mod-list for IE 7 */
*:first-child + html .mod-list .list-item a,
*:first-child + html .mod-list .list-thumb,
*:first-child + html .mod-list .list-title {
	display: block;
}
*:first-child + html .mod-list .list-item a {
	height: 1%;
	padding: 8px;
	width: auto;
}
*:first-child + html .mod-list .list-thumb {
	float: left;
	margin-right: 10px;
	layout-grid-line: 100%;
}

/* is-page */
.mod-card.is-page {
	padding-bottom: 0;
}
.mod-card.is-page .card-label{
	font-size: 14px;
	line-height: 1.45;
	padding: 0.85em;
}
.mod-card.is-page .card-title {
	margin: 0.75em 13px 4px;
}
.mod-card.is-page .card-thumb a {
	height: 300px;
}
.mod-card.is-page .card-thumb + .card-title {
	margin-top: 1.35em;
}

.mod-card.is-page .mod-list {
	margin: 10px 13px 13px;
}
.mod-card.is-page .mod-list .list-item a {
	border-spacing: 10px 0;
	font-size: 14px;
	margin-top: 13px;
}
.mod-card.is-page .mod-list .list-item:first-child a {
	margin-top: 11px;
}
.mod-card.is-page .mod-list .list-title {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.45;
}
.mod-card.is-page .mod-list .list-thumb {
	height: 112px;
}
.mod-card.is-page .mod-list .list-thumb,
.mod-card.is-page .mod-list .list-thumb span {
	width: 150px;
}
.mod-card.is-page .mod-list .list-thumb img {
	max-height: 112px;
	max-width: 150px;
}

*:first-child + html .mod-card.is-page .card-label {
	padding: 12px;
	width: 658px;
}

/* mod-paging */
.mod-paging {
	margin: 35px 0;
	text-align: center;
}
.mod-paging li {
	border: 1px solid #ccc;
	display: inline-block;
	margin: 0 5px;
	min-width: 32px;
}
.mod-paging .mod-prev a,
.mod-paging .mod-next a {
	padding-left: 10px;
	padding-right: 10px;
}
.mod-paging a {
	background: #fff;
	color: #423f3d;
	display: block;
	font-size: 14px;
	padding: 9px 0 8px;
}
.mod-paging a:hover {
	text-decoration: underline;
}
.mod-paging .mod-now a {
	background: #ffd400;
	color: #333;
}
/* paging for IE 7 */
*:first-child + html .mod-paging li {
	display: inline;
	width: 32px;
}
*:first-child + html .mod-paging li.mod-prev,
*:first-child + html .mod-paging li.mod-next {
	width: 90px;
}

/* error */
.to_user_mes, .error{
	text-align:center;
	padding:2em 1em;
}