@charset "UTF-8";

.art { padding:20px 20px 20px 20px;}
	.art h2 { display: block;padding:40px 0 4px 0; margin: 0; font-size:16px; text-align: left; color:#333; border-bottom: 1px solid #CCC;}
		.art h2 .date { font-weight: normal; font-size: 14px; padding-left: 10px;}
			.art h2 .date:before { content: "（"}
			.art h2 .date:after { content: "）"}

	.arttext { padding:8px 20px; font-size:14px; line-height:1.4em;}

	.artphoto ul { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0; padding:8px 0; list-style: none;}
		.artphoto li { padding:8px 20px; margin: 0; font-size:14px;text-align: center;}
			.artphoto li a img { width: 300px; padding:8px 0;}

	.download ul { padding:0 20px; margin:0; list-style:none;}
		.download li { display:block; padding:8px 0 8px 30px; font-size:14px;}
			.download li a {color:#000; text-decoration:underline;}
			.download li a:hover { color:#999; text-decoration:none;}
		.download li:before {margin-left:-30px; float:left; }
			li.pdf:before { content:url(../images/fileicons/pdf.png); }
			li.doc:before { content:url(../images/fileicons/doc.png);}
			li.xls:before { content:url(../images/fileicons/xls.png);}
			li.txt:before { content:url(../images/fileicons/txt.png);}
			li.jpg:before { content:url(../images/fileicons/jpg.png);}
			li.ppt:before { content:url(../images/fileicons/ppt.png);}