@charset "Shift_JIS";
/***************************************************************

* dip ltd.
* coordinate.css

***************************************************************/

#content {
	padding: 50px 27px;
	position: relative;
}
#credit {
	margin: 20px 0 0;
	font-size:10px;
}
#credit dt {
	margin: 0 0 5px;
}
#credit dd {
	margin: 0 0 15px;
}
h2 {
	margin: 0 48px 40px;
	color: #333;
	letter-spacing: .4em;
}
#grid {
	position: relative;
	height: 336px;
}
#grid div {
	width: 31px;
	height: 41px;
	position: absolute;
}
#grid a {
	display: block;
	border: 1px solid #e5e5e5;
}
#grid a:hover {
	border: 1px solid #C00;
}
.grid1-1 {
	top: 10px;
	left: 0;
}
.grid1-2 {
	top: 62px;
	left: 0;
}
.grid1-3 {
	top: 114px;
	left: 0;
}
.grid1-4 {
	top: 166px;
	left: 0;
}
.grid1-5 {
	top: 218px;
	left: 0;
}
.grid1-6 {
	top: 270px;
	left: 0;
}
.grid2-1 {
	top: 0px;
	left: 41px;
}
.grid2-2 {
	top: 52px;
	left: 41px;
}
.grid2-3 {
	top: 104px;
	left: 41px;
}
.grid2-4 {
	top: 156px;
	left: 41px;
}
.grid2-5 {
	top: 208px;
	left: 41px;
}
.grid2-6 {
	top: 260px;
	left: 41px;
}

.grid3-1 {
	top: 20px;
	left: 83px;
}
.grid3-2 {
	top: 72px;
	left: 83px;
}
.grid3-3 {
	top: 124px;
	left: 83px;
}
.grid3-4 {
	top: 176px;
	left: 83px;
}
.grid3-5 {
	top: 228px;
	left: 83px;
}
.grid3-6 {
	top: 280px;
	left: 83px;
}

.grid4-1 {
	top: 10px;
	left: 125px;
}
.grid4-2 {
	top: 62px;
	left: 125px;
}
.grid4-3 {
	top: 114px;
	left: 125px;
}
.grid4-4 {
	top: 166px;
	left: 125px;
}
.grid4-5 {
	top: 218px;
	left: 125px;
}
.grid4-6 {
	top: 270px;
	left: 125px;
}

.grid5-1 {
	top: 10px;
	left: 167px;
}
.grid5-2 {
	top: 62px;
	left: 167px;
}
.grid5-3 {
	top: 114px;
	left: 167px;
}
.grid5-4 {
	top: 166px;
	left: 167px;
}
.grid5-5 {
	top: 218px;
	left: 167px;
}
.grid5-6 {
	top: 270px;
	left: 167px;
}

.grid6-1 {
	top: 20px;
	left: 209px;
}
.grid6-2 {
	top: 72px;
	left: 209px;
}
.grid6-3 {
	top: 124px;
	left: 209px;
}
.grid6-4 {
	top: 176px;
	left: 209px;
}
.grid6-5 {
	top: 228px;
	left: 209px;
}
.grid6-6 {
	top: 280px;
	left: 209px;
}
.grid7-1 {
	top: 0px;
	left: 251px;
}
.grid7-2 {
	top: 52px;
	left: 251px;
}
.grid7-3 {
	top: 104px;
	left: 251px;
}
.grid7-4 {
	top: 156px;
	left: 251px;
}
.grid7-5 {
	top: 208px;
	left: 251px;
}
.grid7-6 {
	top: 260px;
	left: 251px;
}

.grid8-1 {
	top: 10px;
	left: 293px;
}
.grid8-2 {
	top: 62px;
	left: 293px;
}
.grid8-3 {
	top: 114px;
	left: 293px;
}
.grid8-4 {
	top: 166px;
	left: 293px;
}
.grid8-5 {
	top: 218px;
	left: 293px;
}
.grid8-6 {
	top: 270px;
	left: 293px;
}

.grid9-1 {
	top: 10px;
	left: 335px;
}
.grid9-2 {
	top: 62px;
	left: 335px;
}
.grid9-3 {
	top: 114px;
	left: 335px;
}
.grid9-4 {
	top: 166px;
	left: 335px;
}
.grid9-5 {
	top: 218px;
	left: 335px;
}
.grid9-6 {
	top: 270px;
	left: 335px;
}

.grid10-1 {
	top: 0px;
	left: 377px;
}
.grid10-2 {
	top: 52px;
	left: 377px;
}
.grid10-3 {
	top: 104px;
	left: 377px;
}
.grid10-4 {
	top: 156px;
	left: 377px;
}
.grid10-5 {
	top: 208px;
	left: 377px;
}
.grid10-6 {
	top: 260px;
	left: 377px;
}

.grid11-1 {
	top: 10px;
	left: 419px;
}
.grid11-2 {
	top: 62px;
	left: 419px;
}
.grid11-3 {
	top: 114px;
	left: 419px;
}
.grid11-4 {
	top: 166px;
	left: 419px;
}
.grid11-5 {
	top: 218px;
	left: 419px;
}
.grid11-6 {
	top: 270px;
	left: 419px;
}

.grid12-1 {
	top: 20px;
	left: 461px;
}
.grid12-2 {
	top: 72px;
	left: 461px;
}
.grid12-3 {
	top: 124px;
	left: 461px;
}
.grid12-4 {
	top: 176px;
	left: 461px;
}
.grid12-5 {
	top: 228px;
	left: 461px;
}
.grid12-6 {
	top: 280px;
	left: 461px;
}

.grid13-1 {
	top: 20px;
	left: 503px;
}
.grid13-2 {
	top: 72px;
	left: 503px;
}
.grid13-3 {
	top: 124px;
	left: 503px;
}
.grid13-4 {
	top: 176px;
	left: 503px;
}
.grid13-5 {
	top: 228px;
	left: 503px;
}
.grid13-6 {
	top: 280px;
	left: 503px;
}
.grid14-1 {
	top: 10px;
	left: 545px;
}
.grid14-2 {
	top: 62px;
	left: 545px;
}
.grid14-3 {
	top: 114px;
	left: 545px;
}
.grid14-4 {
	top: 166px;
	left: 545px;
}
.grid14-5 {
	top: 218px;
	left: 545px;
}
.grid14-6 {
	top: 270px;
	left: 545px;
}

.grid15-1 {
	top: 10px;
	left: 587px;
}
.grid15-2 {
	top: 62px;
	left: 587px;
}
.grid15-3 {
	top: 114px;
	left: 587px;
}
.grid15-4 {
	top: 166px;
	left: 587px;
}
.grid15-5 {
	top: 218px;
	left: 587px;
}
.grid15-6 {
	top: 270px;
	left: 587px;
}

.grid16-1 {
	top: 0px;
	left: 629px;
}
.grid16-2 {
	top: 52px;
	left: 629px;
}
.grid16-3 {
	top: 104px;
	left: 629px;
}
.grid16-4 {
	top: 156px;
	left: 629px;
}
.grid16-5 {
	top: 208px;
	left: 629px;
}
.grid16-6 {
	top: 260px;
	left: 629px;
}

.grid17-1 {
	top: 10px;
	left: 671px;
}
.grid17-2 {
	top: 62px;
	left: 671px;
}
.grid17-3 {
	top: 114px;
	left: 671px;
}
.grid17-4 {
	top: 166px;
	left: 671px;
}
.grid17-5 {
	top: 218px;
	left: 671px;
}
.grid17-6 {
	top: 270px;
	left: 671px;
}

.grid18-1 {
	top: 30px;
	left: 713px;
}
.grid18-2 {
	top: 82px;
	left: 713px;
}
.grid18-3 {
	top: 134px;
	left: 713px;
}
.grid18-4 {
	top: 186px;
	left: 713px;
}
.grid18-5 {
	top: 238px;
	left: 713px;
}
.grid18-6 {
	top: 290px;
	left: 713px;
}