@charset "utf-8";

div#mainImage { padding: 0 0 20px 0; background: url(../../images/index/mainBack.png) center 50px no-repeat; text-align: center; }
div#about h2 { margin: 0; padding: 0; }
@media screen and (max-width: 767px) {
div#mainImage h2 img{ width: 100%; }
}

div#about h3 { margin: 0 auto 24px auto; padding: 0 0 0 22px; width: 838px; height: 52px; background: url(../../images/common/h3.gif) repeat-y; color: #53381e; font-size: 150%; line-height: 52px; }

@media screen and (max-width: 767px) {
	div#about h3 { margin: 0 auto 24px; padding: 0 0 0 22px; width: 90%; height: 52px; background: url(../../images/common/h3.gif) repeat-y; color: #53381e; font-size: 1.2em; line-height: 52px; }
}
div#about h4 { margin: 0 auto 20px auto; padding: 0 0 5px 2px; width: 818px; background: url(../images/line.gif) bottom no-repeat; color: #55381e; font-size: 120%; display: block; }

@media screen and (max-width: 767px) {
	div#about h4 { margin: 0 auto 20px auto; padding: 0 0 5px 2px; width: 100%; font-size: 1.2rem; display: block; }

}
div#alpha { margin: 0 0 40px 0; }
div#alpha strong { margin: 0 auto 7px auto; padding: 0 12px; width: 796px; background: url(../images/strong.png) 0 center repeat-y; color: #55381e; font-size: 110%; display: block; }

@media screen and (max-width: 767px) {
	div#alpha strong { margin: 0 auto 7px auto; padding: 0 12px; width: 90%; background: url(../images/strong.png) 0 center repeat-y; color: #55381e; font-size: 1em; display: block; }
	
}
div#alpha table { margin: 0 auto 20px auto; width: 820px; border-top: solid 2px #e1d3bb; border-bottom: solid 2px #e1d3bb; border-collapse: collapse; }
div#alpha table th { padding: 15px 20px; width: 160px; border-bottom: dotted 1px #999; background: #fcfaf7; text-align: left; white-space: nowrap; }
div#alpha table td { padding: 10px 30px; border-bottom: dotted 1px #999; }
div#alpha ul { margin: 0 auto 20px auto; padding: 0; width: 835px; list-style: none; }
div#alpha ul li { width: 167px; text-align: center; float: left; }
div#alpha ul li img { vertical-align: top; }
div#beta { margin: 0 0 40px 0; }
div#beta dl { margin: 0 auto; padding: 0; width: 820px; }
div#beta dl dt { margin: 0; padding: 0 20px 0 0; width: 400px; float: left; }
div#beta dl dt strong { margin: 0 0 10px 0; padding: 2px 0 2px 12px; background: url(../images/strong.png) 0 center repeat-y; line-height: 1; display: block; }
div#beta dl dt p { margin: 0 0 20px 0; padding: 0; }
div#beta dl dd { margin: 0; padding: 0; width: 400px; float: left; }
div#beta dl dd div#accessMap { width: 400px; height: 400px; }
div#gamma {}
div#gamma ul { margin: 0 auto; padding: 0; width: 840px; list-style: none; }
div#gamma ul li { padding: 0 10px; width: 190px; float: left; }
div#gamma ul li strong { margin: 0 0 7px 0; padding: 0 0 5px 2px; background: url(../images/line.gif) bottom no-repeat; color: #55381e; font-size: 110%; display: block; }
div#gamma ul li img { margin: 0 0 7px 0; vertical-align: top; width: 100%; }
div#gamma ul li p { margin: 0; padding: 0 2px; height: 80px; }

@media screen and (max-width: 767px) {
	div#alpha table { margin: 0 auto 20px auto; width: 95%; border-top: solid 2px #e1d3bb; border-bottom: solid 2px #e1d3bb; border-collapse: collapse; }
div#alpha table th { padding: 15px 20px; width: 20%; border-bottom: dotted 1px #999; background: #fcfaf7; text-align: left; white-space: nowrap; }
div#alpha table td { padding: 10px 30px; border-bottom: dotted 1px #999; }
	div#gamma ul li { padding: 0 10px; width: 160px; }
	div#alpha ul { margin: 0 auto 20px; padding: 0; width: 95%; list-style: none; }
div#alpha ul li { width: 165px; text-align: center; margin: 5px;}
div#alpha ul li img { vertical-align: top; margin-bottom: 10px; width: 100%; }
	div#beta dl { margin: 0 auto; padding: 0; width: 90%; }
	div#beta dl dt { margin: 0; padding: 0 20px 0 0; width: 100%; float: none; }
	div#beta dl dd { margin: 0; padding: 0; width: 100%; float: none; }
	div#gamma ul { margin: 0 auto; padding: 0; width: 100%; list-style: none; }
}