@charset "UTF-8";
#title {  background-image: url("images/title-bg.jpg");}

.anchornav { }
.anchornav ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.anchornav li { display: inline-block; font-size: 16px; padding:5px 20px;}
		.anchornav li a { color:#FFF; text-decoration: none;}
			.anchornav li a::before { content:"〉";}
			.anchornav li a:hover { color:#CCC; text-decoration: underline;}

.inner { max-width:960px;}


.info { padding: 20px 0 40px 0; text-align: left; width: 100%; margin: 0 auto;}
	.info p { padding:10px 0; font-size:16px;}
	.info table { width: 100%; max-width: 760px; margin: 0 auto;}
		.info td a { color:#FFF;}
			.info td a:hover { color:#CCC;}


.download ul { padding:.250px 0; margin:0; list-style:none;}
	.download li { display:block; padding: 5px 0 5px 30px; font-size:14px; }
		.download li a {color:#333; text-decoration:underline;}
		.download li a:hover { color:#999; text-decoration:none;}
		.download li:before { display: block; width: 30px; height:28px; content:""; margin-left:-30px; float:left; background-position: left; background-repeat: no-repeat;background-size: contain;}
		li.pdf:before { background-image:url(../images/fileicons/pdf.png); }
		li.doc:before { background-image:url(../images/fileicons/doc.png);}
		li.xls:before { background-image:url(../images/fileicons/xls.png);}
		li.txt:before { background-image:url(../images/fileicons/txt.png);}
		li.jpg:before { background-image:url(../images/fileicons/jpg.png);}
		li.ppt:before { background-image:url(../images/fileicons/ppt.png);}


.map { padding: 20px 0 40px 0; width: 100%; margin: 0 auto;}
	.map iframe { width:100%; height: 480px; margin: 10px auto;}
	.map p { padding:10px 0; font-size:16px; text-align: left;}

@media all and (min-width:320px) {
	/* 320px+ settings */
	.info th { display: block; padding: 20px 0 5px 0; font-size: 16px; text-align: left; border-bottom:1px solid #CCC;}
	.info td { display: block; padding: 5px 0 20px 0; font-size: 16px; text-align: left;}
}

@media all and (min-width:640px) {
	/* 640px+ settings */
	.info th, .info td { display: table-cell; text-align: left; padding: 20px 20px; font-size: 16px; border-bottom:1px solid #CCC; vertical-align: top;}
	.info th { width: 140px;}
}

@media all and (min-width:960px) {
	/* 960px+ settings */
}

@media all and (min-width:1200px) {
	/* 1200px+ settings */
}