@charset "UTF-8";

.navi { width:860px; padding:40px 50px 40px 50px;}
	.navi p { padding:16px 0; margin: 0; font-size:14px;}
	.navi ul { display: table; width: 860px; margin: 0; padding: 0; list-style: none; clear: both;}
	.navi li { display: table-cell; margin: 0; padding: 0;}
		.navi li:nth-of-type(1){ text-align: left;}
		.navi li:nth-of-type(2){ text-align: center;}
		.navi li:nth-of-type(3){ text-align: right;}

.backtolist { width:860px; padding:0 50px 40px 50px;}
	.backtolist p { padding:0 8px; margin: 0; text-align: left;}

.art { width:860px; padding:20px 50px 40px 50px;}
	.art:after { content:""; display:block; width: 100%; height:1px; clear:both; font-size:1px; line-height:1px; overflow:hidden;}
	.artphoto { display: block; width: 320px; padding-left: 10px; float: left;} 
		.artphoto ul { display: block; width: 320px; margin: 0; padding: 0; list-style: none;}
		.artphoto li {width: 75px; padding: 5px  5px  0 0; float: left;}
			.artphoto li img { width: 75px;}
		.artphoto li:first-of-type {width: 315px; float: left;}
			.artphoto li:first-of-type img { width: 315px;}
		.artphoto p { display: block; padding: 8px 0 0 0; margin: 0; text-align: center; font-size: 14px; color: #999; clear: both;}
	.artinfo {width: 490px; float: left; padding: 0 0 0 30px;}
		.artinfo h3 {display: block; padding:0 0 20px 0; font-size: 16px; font-weight: bold; line-height: 20px;}
		.artdata { width: 490px;  border-collapse: collapse;}
			.artdata th{ padding: 4px 1em; font-size:14px; vertical-align: top; text-align: left;border: 1px solid #999; width: 4em;}
			.artdata td { padding: 4px 1em; font-size:14px; vertical-align: top;border: 1px solid #999;}