@charset "UTF-8";

.artnav { padding:10px 20px; margin-top: 40px; background:#ECF2FF;}
	.artnav p { font-size: 14px; padding:10px 0 0 0; margin: 0; font-weight: bold;}
	.artnav ul { padding: 0 0 10px 0; margin: 0; list-style: none;}
	.artnav li { display: inline-block; font-size: 14px; padding:0 20px 0 0; margin: 0;}
	.artnav li a { color: #333; text-decoration: underline;}
		.artnav li a:after { content:"　〉";}
		.artnav li a:hover{ color: #0279C6;}

.art { padding:12px 20px 20px 20px;}
	.art p { padding:8px 0; margin: 0; font-size:14px;}
	.art p img { padding: 2px;}
	.art table  { width: 100%; padding: 0; margin:20px 0; border-collapse: collapse;}
		.art th { padding:8px 40px; margin: 0; font-size:14px; border-bottom:1px solid #CCC;}
		.art td { padding:8px 40px; margin: 0; font-size:14px; border-bottom:1px solid #CCC;}
	.art ul { display: flex; justify-content: space-between; flex-wrap:wrap; align-items: center;  padding:8px 0; margin:0; list-style: none;}
		.art li { width: 310px; padding: 4px 0; align-self: center; text-align: center; vertical-align: center;}
		.art li img { max-width: 310px; max-height:310px; vertical-align: center;}