@charset "UTF-8";

.art { padding: 30px 25px;}
	.art p { padding:8px 0; margin: 0; font-size:16px; line-height:1.5em;}

#intro {}
	#intro p a { color: #333; text-decoration: none;}
		#intro  p a:hover { color: #00417E; text-decoration: underline;}

.greetings { padding:0 25px 30px 25px;}
	.greetings p { padding:8px 0; margin: 0; font-size:16px; line-height:1.5em;}
	.greetings:after { content:" "; height:1px; display:block; clear:both; font-size:1px; line-height:1px; overflow:hidden; }
	.greetings span.fr { padding-left: 40px;}

#philosophy { margin: 30px 25px; padding: 30px 25px; background:#E7F0E1;}
	#philosophy h3 { padding:16px 0; margin: 0; font-size:16px; line-height:1.4em; text-align: center;}
	#philosophy p { padding:8px 0; margin: 0; font-size:16px; line-height:1.4em; text-align: center;}

#policy { margin: 30px 25px; padding:30px 25px; background:#D3F0E1;}
	#policy h3 { padding:16px 0; margin: 0; font-size:16px; line-height:1.4em; text-align: center;}
	#policy p { padding:8px 0; margin: 0; font-size:16px; line-height:1.4em;}
	#policy ol { padding:4px 0 4px 1em; margin: 0 0 0 1em; font-size:16px; line-height:1.4em;}
	#policy li { padding:4px 0; margin: 0; font-size:16px; line-height:1.4em;}

.profile { padding:0 25px 30px 25px;}
	.profile p { padding:8px 0; margin: 0; font-size:16px; line-height:1.5em;}
	.profile table { border-collapse: collapse; }
		.profile table th { font-size:16px; padding: 8px 0 8px 0; text-align: left; font-weight: normal; vertical-align: top; white-space: nowrap; width: 8em;}
		.profile table td { font-size:16px; padding: 8px 0 8px 20px; border-left: 1px solid #CCC; vertical-align: top;}
	#lion { font-size:16px; line-height:1.4em; padding: 20px 0;}
	#lion img { float: left; padding: 0 20px 20px 0;}

.guide { padding:0 25px 60px 25px;}
	.guide p { padding:8px 0 25px 0; margin: 0; font-size:16px; line-height:1.5em;}
	.guide td { display: block; vertical-align: top; font-size:16px; padding: 0 0 0; }
	.guide strong:before { content:"■ ";}
	.guide a { display: block; width:120px; margin: 8px 0; text-align: center; padding: 4px 0; font-size: 14px; line-height: 20px; text-decoration: none; color: #FFF; background: #AAA;}
		.guide a:hover {background: #00417E;}

#history {text-align: center; background:#000 url(images/history.jpg) no-repeat center}
	#history p { display: block; margin: 0 auto; padding: 0;text-align: center;}
	#history p img { vertical-align: middle;}

.office { padding:10px 25px 30px 25px;}
	.office:after {  content:""; height:1px; display:block; clear:both; font-size:1px; line-height:1px; overflow:hidden; }
	.office p { padding:8px 0; margin: 0; font-size:16px; line-height:1.5em;}
	.lmap { text-align: center; padding: 30px 0;}
		.lmap iframe { width: 430px; margin: 0 auto;}
	.smap { display: block; padding: 20px 0;}
		.smap iframe { width: 430px; height: 430px;}

#hq1 { display: block; width:430px; height: 430px; margin: 0; padding: 0; list-style: none; overflow: hidden; position: relative;}
	#hq1 li { display: block; width:430px; height: 430px; overflow: hidden; margin: 0; padding: 0; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 3s ease;}
	#hq1 li.active { opacity: 1;}