@charset "UTF-8";

#title { width: 100%; min-width:1200px; text-align: center; background:#D9E7F2 url(../images/title.jpg) no-repeat center;}
	#title h1 {  display: block; width:1200px; padding:60px 0; margin:0 auto; text-align: center;}

h2.title { display: block; padding:40px 20px 4px 20px; margin:0; font-size:16px; line-height: 30px; text-align: center;}
	h2.title:before { display: block; content:""; background:#333; width:240px; height: 4px; margin:0 auto 24px auto; }

#layout { display: block; width:980px; padding:40px 110px; margin: 0 auto; text-align: left;}

.pagenavi {width:100%; clear:both; padding:16px 0;}
	.pagenavi p { text-align:center; font-size:12px; line-height:2em; padding:4px 0; margin:0;}
		.pagenavi a { padding:4px 8px; margin:0; color:#666; text-decoration:none;}
			.pagenavi a:hover { color:#293B5D; text-decoration:underline; }
		.pagenavi strong { padding:4px 8px; margin:0; color:#FFF; background:#293B5D; font-weight:normal;}

.pagetop {width:100%; clear:both; padding:20px 0; }
	.pagetop p { text-align:right; font-size:12px; padding:16px 20px; margin:0;}
		.pagetop a { color:#999; text-decoration:none;}
			.pagetop a:before { content: "↑"; }
			.pagetop a:hover { color:#293B5D; text-decoration:underline;}

.contactus { width:680px; text-align: center; margin: 20px  140px; padding: 28px 0;  background: #FAEDD1;}
	.contactus h2 { font-size: 14px; padding: 12px 0; margin: 0; font-weight: normal;}
	.contactus h3 { font-size: 24px; padding: 0 0; margin: 0;}
		.contactus h3:before { content: url(../images/tel.jpg); padding: 0 5px; vertical-align: baseline;}
	.contactus p { font-size: 14px; padding: 12px 0; margin: 0; font-weight: normal;}
		.contactus p a { color: #333; text-decoration: none;}
			.contactus p a:hover { color: #293B5D; text-decoration: underline;}