@charset "UTF-8";
@import url(../common.css);
@import url(block.css);
@import url(theme.css);
@import url(unit.css);
@import url(content.css);

/* ナビゲーション */
nav {
	display: inline-block;
	position: relative;
	width: 100%;
	overflow: hidden;
	font-weight: bold;
	text-align: center;
	}

nav ul {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0;
	}

nav ul li {
	position: relative;
	display: inline-block;
	text-align: center;
	border-right: 1px solid #777;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	}

nav ul li a {
	position: relative;
	display: inline-block;
	text-decoration: none !important;
	color: #fff !important;
	}

nav ul li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
	}

nav ul li a img {
	position: relative;
	display: inline-block;
	width: 85%;
	}

.grid1 ul li {
	width: 100%;
	font-size: 1.2em;
	line-height: 2em;
	float: none;
	padding: 0.5em 0;
	}

.grid2 ul li {
	width: 50%;
	font-size: 1.2em;
	line-height: 2em;
	float: left;
	padding: 0.5em 0 0.3em;
	}

.grid3 ul li {
	width: 33.333%;
	float: left;
	font-size: 1.2em;
	line-height: 2em;
	padding: 0.5em 0 0.3em;
	}

.grid4 ul li {
	width: 25%;
	float: left;
	font-size: 1.2em;
	line-height: 2em;
	padding: 0.5em 0 0.3em;
	}

.grid5 ul li {
	width: 20%;
	float: left;
	font-size: 1.2em;
	line-height: 2em;
	padding: 0.5em 0;
	}

.grid6 ul li {
	width: 16.6666%;
	float: left;
	font-size: 1.2em;
	line-height: 2em;
	padding: 0.5em 0 0.6em;
	}

.grid7 ul li {
	width: 14.2857%;
	float: left;
	font-size: 1em;
	line-height: 2em;
	padding: 0.5em 0 0.8em;
	}

.grid8 ul li {
	width: 12.5%;
	float: left;
	font-size: 1em;
	line-height: 2em;
	padding: 0.5em 0 0.85em;
	}

.grid8 ul li:nth-child(n+9),
.grid7 ul li:nth-child(n+8),
.grid6 ul li:nth-child(n+7),
.grid5 ul li:nth-child(n+6),
.grid4 ul li:nth-child(n+5),
.grid3 ul li:nth-child(n+4),
.grid2 ul li:nth-child(n+3),
.grid1 ul li:nth-child(n+2) {
	display: none;
	}

.grid8 ul li:nth-of-type(8n+1),
.grid7 ul li:nth-of-type(7n+1),
.grid6 ul li:nth-of-type(6n+1),
.grid5 ul li:nth-of-type(5n+1),
.grid4 ul li:nth-of-type(4n+1),
.grid3 ul li:nth-of-type(3n+1),
.grid2 ul li:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
	}

.grid8 ul li:nth-child(8),
.grid7 ul li:nth-child(7),
.grid6 ul li:nth-child(6),
.grid5 ul li:nth-child(5),
.grid4 ul li:nth-child(4),
.grid3 ul li:nth-child(3),
.grid2 ul li:nth-child(2),
.grid1 ul li {
	border-right: none;
	}

.grid8 ul li:last-child,
.grid7 ul li:last-child,
.grid6 ul li:last-child,
.grid5 ul li:last-child,
.grid4 ul li:last-child,
.grid3 ul li:last-child,
.grid2 ul li:last-child,
.grid1 ul li {
	border-right: none;
	}