@charset "UTF-8";

#title { width:100%; min-width: 1000px; text-align:center; background: url(../images/hometop-bg.jpg) no-repeat top; background-size: cover; }
	#title p { display: block; width: 980px; height: 120px; padding:10px 10px; margin: 0 auto; font-size: 12px; line-height: 20px; text-align: left; color: #666; background-repeat: no-repeat; background-position: 20px 60px;}
	#title a {padding:0 10px; color:#666; text-decoration:none;}
		#title a:hover {color:#00499C; text-decoration:underline;}
		#title strong {padding:0 10px; color:#666; font-weight:normal;}

#layout { width:100%; min-width: 1000px; text-align:center; }
	.layout {width: 960px; overflow: hidden; padding:20px 20px; margin: 0 auto; text-align: left;}
	.layout:after { content:""; display:block; width: 100%; height:1px; clear:both; font-size:1px; line-height:1px; overflow:hidden;}

h2.title { display: block; width:920px; padding:40px 20px 4px 20px; margin: 0; font-size:16px; text-align: left; color:#333;}
	h2.title:before { content: "■"; float: left; margin-left: -20px; }

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

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