#Side{
	h2{
		display: none;
	}

	.banners{
		list-style-type: none;
		margin: 0 0 2.0rem;
		padding: 0;

		li{
			margin-bottom: 0.5rem;
			border: solid 1px #ccc;
		}
		a{
			display: block;
			width: 252px;
			height: 63px;
			overflow: hidden;
		}
		a img{
			min-width: 200%;
		}
		a img:hover{
			margin-left: -252px;
		}

	}

	h3{
		font-family: serif;
		font-size: var(--font-ms);
		letter-spacing: 0.3rem;

		border-width: 9px 1px 1px 1px;
		border-style: solid;
		border-color: #938988 #ccc #ccc;

		padding: 0.5rem 1.0rem;

		box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	}
	.nav{
		font-size: var(--font-s);
		list-style-type: none;
		display: flex;
		flex-wrap: wrap;
		margin: 0;

		border-width: 0 1px 0 1px;
		border-style: solid;
		border-color: #ccc;

		padding: 0.8rem 0.5rem;

		li{
			background-image: url(/theme/image/ctr_circle.png);
			background-repeat: no-repeat;
			background-position: 5px center;
			padding-left: 1rem;
			padding-right: 0.5rem;
		}
	}
	.nav + .nav{
		padding: 0.0rem 0.5rem 0.8rem;
	}
	.nav.btm{
		margin-bottom: 2.0rem;
		border-width: 0 1px 1px 1px;
	}
}