@charset "UTF-8";
#navi { width: 100%; text-align: center; padding:0 0 40px 0;}
	#navi ul { display: table; margin: 0 auto; padding: 0; list-style: none; clear: both;}
	#navi li { display: table-cell; width: 270px; margin: 0; padding: 0 13px;}

.cat { width:860px; padding:40px 50px 40px 50px;}
	.cat h2 { font-size:18px; padding:4px 0 4px 30px; color:#333; }
		.cat h2:before { content: "";  width: 20px; height: 20px; float: left; margin-left: -30px;}
		#cat1 h2:before { background: #FF8976;}
		#cat2 h2:before { background: #43A1C3;}
		#cat3 h2:before { background: #589286;}
	.list { width:860px; padding:20px  0;}
		.list:after { content:""; display:block; width: 100%; height:1px; clear:both; font-size:1px; line-height:1px; overflow:hidden;}
		.listphoto {width: 250px; float: left;}
			.listphoto img { width: 250px;}
		.listinfo {width: 590px; float: left; padding: 0 0 0 20px;}
			.listinfo h3 { display: block; padding:0; font-size: 16px; line-height: 20px;}
				.listinfo h3:before { display: block;}
				#cat1 .listinfo h3:before { content: url(images/cat1.jpg);}
				#cat2 .listinfo h3:before { content: url(images/cat2.jpg);}
				#cat3 .listinfo h3:before { content: url(images/cat3.jpg);}
				.listinfo h3 a { color:#0071BB; text-decoration: underline;}
					.listinfo h3 a:hover { color:#0071BB; text-decoration: none;}
			.listdesc { font-size: 14px; padding: 8px 0; margin: 0; color:#666;}
			.listdata { width: 590px; border-collapse: collapse; }
				.listdata th { font-size: 14px; line-height: 20px; font-weight: normal; text-align: center; width: 20%; padding:0; border: 1px solid #999; border-bottom: 1px dashed #CCC; background: #F1F1F1;}
				.listdata td { font-size: 14px; line-height: 20px; font-weight: bold;  text-align: center; width: 20%; padding:4px 0; border: 1px solid #999; border-top: none;}
					.listdata td strong { color: #F00;}
			.appeal {display: block; padding:8px 0 8px 0; font-size: 16px; font-weight: bold; line-height: 20px;}
				.appeal:before { display: block; content: url(images/appeal.jpg); }
			.list .btn { padding: 0; margin: 0; }
	.pagetop p { padding: 40px 0 0 0; margin: 0; text-align: center;}

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

.art-title { display: table; width:860px; margin:0 50px; border-top: 1px solid #999; border-bottom: 1px solid #999;}
	.art-title h2 { display: table-cell; width: 10em; font-size:18px; line-height: 24px; padding:8px 0 8px 40px; color:#333; }
		.art-title h2:before { content: "";  width: 20px; height: 20px; float: left; margin-left: -30px;}
	.art-title h3 { display: table-cell; font-size:18px; line-height: 24px; padding:8px 0; color:#333; text-align: left;}
	.art-title h4 { display: table-cell; white-space: nowrap;font-size:18px; line-height: 24px; padding:8px 0; color:#333; text-align:right;}
		.art-title h4 strong { color: #F00;}
		.art-title h4 .f14 { font-weight: normal;}

.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; font-size: 16px; font-weight: bold; line-height: 20px;}
		.artinfo h4 {display: block; padding:20px 0 4px 0; margin: 0 0 4px 0 ; font-size: 16px; font-weight: bold; line-height: 20px; color: #FF921E; border-bottom: 1px solid #FF921E;}
		.artdata { }
			.artdata th{ padding: 2px 0; font-size:14px; vertical-align: top; text-align: left; width: 10em;}
			.artdata td { padding: 2px 0; font-size:14px; vertical-align: top;}
		.artnote { display: block; padding: 20px 0 0 0; margin: 0; font-size: 12px; clear: both;}