@charset "UTF-8";
#example { width:780px; padding:10px;}
	#example-top { width:780px; margin:0; padding:0 0 10px 0;}
	.example { padding: 0 0 0 0; width:780px; }
		.example h2 { margin:0 0 16px 0; padding:0 0 0 8px; width:772px;font-size:16px; line-height:28px; background: url(../images/example-h2.jpg) repeat-y left;}
		.example-photo {width:684px; margin-left:45px; }
			.example-photo a {}
				.example-photo a img {padding:1px; border:1px solid #CCC;}
					.example-photo a img:hover {padding:1px; border:1px solid #311200;}
			.example-photo td { font-size:12px; line-height:24px; padding:8px 10px 0 10px; vertical-align:top;}
			.example-details { width:664px;margin-top:4px;}
				.example-details th {border:1px solid #E7E7E7; background:#E7E7E7; text-align:center; width:20%;font-size:12px; line-height:18px;}
				.example-details td {border:1px solid #E7E7E7;font-size:12px; line-height:18px;}

.page-navi { text-align:center; padding:40px 0;}
	.page-navi p { text-align:center; margin:0; padding:0; text-align:center; font-size:14px; line-height:24px;}
		.page-navi p a { border:1px solid #FFF; color:#333; padding:0 0.5em;}
		.page-navi p a:hover {border:1px solid #311200; text-decoration:none; color:#311200;}
		.page-navi p strong {border:1px solid #311200; text-decoration:none; color:#311200; padding:0 0.4em;}

.example-history { width:780px;}
.example-history table { margin:0 auto;}