@charset "UTF-8";
#title p { background-image: url(images/title.png);}

.art{ padding:10px 0 30px 0;}
#listnavi ul { width:485px; display:table; margin:-40px 0 0 0; padding:0; list-style:none; line-height:16px; float: right; border-collapse: separate; border-spacing:4px; }
#listnavi li { display:table-cell; text-align: center; font-size:14px; padding:8px 0 0 0; line-height:16px; border-top:2px solid #CCB78F;}
	#listnavi li:nth-of-type(1) { width:100px;}
	#listnavi li:nth-of-type(2) { width:100px;}
	#listnavi li:nth-of-type(3) { width:100px;}
	#listnavi li:nth-of-type(4) { width:90px;}
	#listnavi li:nth-of-type(5) { width:90px;}
	#listnavi li sup {font-size:75%; }

#list {}
	#list h3 { font-size: 16px; padding:24px 0 8px 0; border-top: 1px dashed #999; }
		#list h3:nth-of-type(1) { border: none;}
		#list h3 a {color:#0071BC;}
	#list table { width:100%; }
	#list th { text-align:left; padding:0 20px 24px 160px; font-weight:normal;font-size:14px; vertical-align: top;}
		#list th img {width:150px; float: left; margin-left: -160px;}
		#list th strong { color:#00B3B3;}
			#list th strong:before { content:"■ ";}
		#list th a { font-size:16px; color:#2C4067; text-decoration:underline; font-weight: bold;}
			#list th a:hover { text-decoration:none;}
	#list td { width:485px; padding:0 0 40px 0; text-align:left; vertical-align:top; font-size:14px;position:relative;}
		#list td ul { width:485px; display:table; border-left:1px solid #999; margin:0 0 4px 0; padding:0; list-style:none; line-height:16px; }
		#list td li { display:table-cell; border-right:1px solid #999; text-align: center; font-size:14px; padding: 0; line-height:16px;font-weight:bold;}
			#list li:nth-of-type(1) { width:100px;}
			#list li:nth-of-type(2) { width:100px;}
			#list li:nth-of-type(3) { width:100px;}
			#list li:nth-of-type(4) { width:90px;}
			#list li:nth-of-type(5) { width:90px;}
			#list li sup {font-size:75%; }
		#list td p { padding:8px 0; margin:0; font-size:14px;}
		.godetails a { position: absolute; left:0; bottom:24px; padding:4px 10px; color:#333; background:#EFE0C2; text-decoration:none;}
			.godetails a:hover { color:#FFF; background:#491B02;}
			.godetails a:before { content:"〉";}

.arttitle { display:block; padding:12px 200px 12px 0; margin:0; border-top:1px solid #999; border-bottom:1px solid #999;}
	.tag1 { float:left; margin-left:-180px; font-size:14px; font-weight:normal; color:#00B3B3; line-height:22px;}
		.tag1:before { content:"■ "; font-size:18px;}
	.tag2 { float:right; margin-right:-180px; font-size:14px; font-weight:normal; line-height:22px;}
		.tag2 strong { font-size:18px;}
		.tag2 .red { padding:0 4px;}
	.tag3 { font-size:18px; line-height:22px;}

.artphoto { display:block; float:left; width:318px; overflow:hidden;}
	.artphoto p { display:block; padding:10px 0; margin:0; font-size:12px; color:#999; clear:both;}
	.artphoto p a { display: block; float:left; margin-top:10px;}
	.artphoto p a:nth-of-type(1) { width:318px;}
		.artphoto p a:nth-of-type(1) img { width: 318px;}
	.artphoto p a:nth-of-type(2) { width:72px; margin-right:10px;}
		.artphoto p a:nth-of-type(2) img { width: 72px;}
	.artphoto p a:nth-of-type(3) { width:72px; margin-right:10px;}
		.artphoto p a:nth-of-type(3) img { width: 72px;}
	.artphoto p a:nth-of-type(4) { width:72px; margin-right:10px;}
		.artphoto p a:nth-of-type(4) img { width: 72px;}
	.artphoto p a:nth-of-type(5) { width:72px; }
		.artphoto p a:nth-of-type(5) img { width: 72px;}

.artinfo { float:right; width:540px; padding:18px 10px 0 10px;}
	.artinfo p { padding:8px 0;font-size:14px; line-height:20px; }
		.message { padding:4px 20px; background:#E6E6E6;}
	.artinfo h3 { font-size:16px; line-height:22px; color:#006837; border-bottom:1px solid #006837; padding:16px 0 4px 0; margin:0;}
	.artinfo table { margin:8px 0; width:100%;}
	.artinfo th { text-align:left; font-size:14px; line-height:18px; padding:2px 0; width:10em;}
	.artinfo td { text-align:left; font-size:14px; line-height:18px;  padding:2px 0;}
	.artinfo td sup {font-size:75%; }

.goto { padding:20px 0 30px 0; margin:0; font-size:14px; font-weight:normal; clear: both;}
	.goto span { padding:10px 30px; color:#FFF; background:#00B3B3; text-decoration:none;}
	.goto a { padding:8px 30px; color:#333; background:#EFE0C2; text-decoration:none;}
	.goto a:hover { color:#FFF;  background:#491B02;}