@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}
img {
	border-width: 0px;
	display: block;
}
table, table th, table td {
	border-style: solid;
	border-collapse: collapse;
	empty-cells: show;
	border-width: 0px;
	color: #666666;
	font: normal 12px/15px "ＭＳ Ｐゴシック",Osaka,sans-serif;
	letter-spacing: 1px;
}
body {
	color: #666666;
	background-color: #FFFFFF;
	font: normal 12px/14px "ＭＳ Ｐゴシック",Osaka,sans-serif;
	letter-spacing: 1px;
	margin: 0px auto;
	padding: 15px 0px;
}

#wrap {
	width: 780px;
}
#map {
	width: 240px;
	height: 240px;
}

.out {
	text-indent: -700em;
}
.icon {
	margin-left: 3px;
	float: right;
}
.clear {
	display: block;
	clear: both;
}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.b { font-weight: bold; }

.c {}
.c01 { color: #333333; }
.c02 { color: #666666; }
.c03 { color: #CCCCCC; }
.c04 { color: #FFFFFF; }
.c05 { color: #660000; }
.c06 { color: #CC0000; }
.c07 { color: #FF0000; }
.c08 { color: #FF3388; }
.c09 { color: #FF66CC; }
.c10 { color: #FF99FF; }
.c11 { color: #FF6600; }
.c12 { color: #FFBB00; }
.c13 { color: #FFFF66; }
.c14 { color: #FFFFCC; }
.c15 { color: #000099; }
.c16 { color: #0055CC; }
.c17 { color: #0066FF; }
.c18 { color: #33CCFF; }
.c19 { color: #66EEFF; }
.c20 { color: #CCFFFF; }
.c21 { color: #006600; }
.c22 { color: #00CC00; }
.c23 { color: #66FF66; }
.c24 { color: #CCFFCC; }
.c25 { color: #660099; }
.c26 { color: #9900CC; }
.c27 { color: #CC66FF; }
.c28 { color: #FFCCFF; }
.c29 { color: #443311; }
.c30 { color: #664433; }
.c31 { color: #885533; }
.c32 { color: #EECC99; }

.grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列に設定 */
    grid-template-rows: auto; /* 行の高さは自動 */
    gap: 10px; /* グリッドアイテム間の隙間 */
}