@charset "UTF-8";
#title h1::before {content:url("images/title.png");}

h2.title { padding:0 0 10px 0; font-size:20px; text-align: left; border-bottom: 1px solid #333;}

.greetings { padding: 10px 0 0 0; text-align: left;}
	.greetings p { padding:10px 0; font-size:16px;}

.profile { padding:20px 0 0 0; text-align: left; max-width:960px;margin: 0 auto;}
	.profile h3 { padding:30px 0 10px 0; font-size:16px; border-bottom: 1px solid #333;}
	.profile th { padding:5px 40px 5px 0; font-size:16px; vertical-align: top;}
		.profile th strong { display: inline-block; padding: 5px 10px; width:7em; background:#F2F2F2;}
	.profile td { padding:10px 0; font-size:16px; vertical-align: top;}
		.profile td a { color:#B0201E; text-decoration: underline;}
			.profile td a:hover { color:#999; text-decoration: none;}

.accessmap { padding: 10px 0; text-align: left; max-width:960px; margin: 0 auto;}
	.accessmap p { padding:5px 0; font-size:16px;}
	.accessmap iframe {  margin:10px 0 30px 0; width: 100%; height: 450px;}


@media all and (min-width:320px) {
	/* 320px+ settings */
	.profile th { display: block;}
	.profile td { display: block; padding: 10px 0 30px 0;}
}

@media all and (min-width:640px) {
	/* 640px+ settings */
	.profile th { display: table-cell;}
	.profile td { display: table-cell; padding: 10px 0;}
}

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

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