@charset "utf-8";

@media (max-width: 800px) {

	h2 {
		margin: 30px auto 0;
		font-size: 1.4em;
		letter-spacing: 0.4em;
		text-align: center;
		border: 1px solid #000;
		width: 60%;
		padding: 8px 0;
	}

	table {
		text-align: left;
		width: 96%;
		margin: 40px auto 0;
	}

	table th {
		padding: 20px 10px;
		width: 20%;
		background: #E6002D;
		border-bottom: 2px solid #FFF;
		color: #FFF;
	}

	table td {
		width: 80%;
		padding: 20px 20px;
		border-bottom: 2px solid #E6002D;
	}

	.map {
		text-align: center;
		margin: 40px auto 0;
		height: 400px;
		width: 96%;
	}

}

@media (min-width: 801px) {
	
	div.left {
		height: 1280px;
		overflow: auto;
		background-image: url(../images/bg.jpg)!important;
		background-attachment: fixed;
		background-size: 50%;
	}
	
	div.right {
		padding-left: 10px;
	}
	
	h2 {
		margin: 60px auto 0;
		font-size: 1.4em;
		letter-spacing: 0.4em;
		text-align: center;
		border: 1px solid #000;
		width: 40%;
		padding: 8px 0;
	}

	.main table {
		text-align: left;
		margin-top: 40px;
		width: 100%;
	}

	.main table th {
		padding: 10px 10px;
		/*background: #EFF7E8;*/
		border-bottom: 1px solid #CCC;
	}

	.main table td {
		padding: 10px 20px;
		border-bottom: 1px solid #CCC;
	}

	.map {
		text-align: left;
		margin-top: 40px;
		width: 96%;
		height: 400px;
	}

}