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

.list { width:780px; padding:40px 90px;}
	.list table { width:780px; border-collapse:collapse; margin-top:15px;border:1px solid #333;}
	.list th { border-top:1px solid #CCC;padding:8px 16px; text-align:left; font-size:16px; background:#F1F1F1; width:6em;}
		.list tr:nth-of-type(1) th { border-top: none;} 
	.list td { border-top:1px solid #CCC; border-left:1px solid #CCC;  padding:8px 16px; font-size:14px;}
		.list tr:nth-of-type(1) td { border-top: none;} 
	.list td.btn { text-align: center; width:80px;}

.art { width:780px; padding:20px 90px 40px 90px;}
	.art h2 { display:block; padding:4px 0 4px 0; font-size:16px;border-bottom:1px solid #333;}
	.arttext { padding:24px 40px; font-size:14px;}
		.arttext table { width:100%; border-collapse:collapse; border:1px solid #AAA;}
		.arttext th { border-top:1px dotted #CCC;padding:8px 16px; text-align:left; font-size:14px; width:6em;}
			.arttext tr:nth-of-type(1) th { border-top: none;} 
		.arttext td { border-top:1px dotted #CCC; border-left:1px dotted #CCC;  padding:8px 16px; font-size:14px;}
			.arttext tr:nth-of-type(1) td { border-top: none;} 
		.arttext td.btn { text-align: center; width:80px;}
	.artphoto { padding:0 40px; }
		.artphoto p{ padding:8px 0; font-size:14px;}
			.artphoto p a img { padding:8px 0;}
			.artphoto p a:nth-child(3n+2) { padding:0 40px;}

.goback { padding:40px 90px 0 90px; text-align:right;}
	.goback table { margin:0 0 0 auto;}
	.goback td { text-align:right; padding:8px 0 8px 20px; margin:0;}
	.goback a { display:block; width:10em; text-align: center; background:#EEE; border-radius:20px; padding:8px 0;  margin:0 0 0 auto; color:#333; text-decoration: none;}
	.goback a:hover { color:#FFF; background:#0072C0;}

.gocart { padding:40px 90px 0 90px;}
	.gocart p { text-align:center; padding:8px 0; margin:0;}
	.gocart a { display:block; width:14em; text-align: center; background:#7FC8BE; border-radius:20px; padding:8px 0;  margin:0 auto; color:#333; text-decoration: none;}
	.gocart a:hover { color:#FFF; background:#0072C0;}

.inquiry { width:100%; padding:0 0 40px 0; clear:both; }
	.inquiry p { padding:10px 0; text-align: center; margin:0 auto;}

.contact { width:780px; padding:0 90px 8px 90px;}
	.contact form { margin:0; padding:0;}
	.contact p { padding:8px 0 8px 0; margin:0; font-size:14px; }
	.contact p a { text-decoration:none; color:#666;}
		.contact p a:hover { color:#004A98; text-decoration:underline;}
	.contact-form { margin:8px 0 0 0; width:780px;border-collapse: collapse;}
		.contact-form th { padding:8px 20px; font-size:14px; text-align:left; vertical-align:top; font-weight:normal; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; width:180px; }
		.contact-form td { padding:8px 20px; font-size:14px; border-top:1px dashed #CCC;  border-bottom:1px dashed #CCC;}
		.wfull { width:420px;}
		.whalf { width:210px;}
		.wshort { width:80px;}
	#btn{ width:100%;text-align:center;}
		#btn table { margin:0 auto;}
		#btn td { padding:16px 0 0 0; text-align:center;}
	#confirm { display:block; width:300px; height:40px; margin:0 auto; padding:0; overflow:hidden; border:none; text-align:center; background:url(images/confirm.jpg) no-repeat center; cursor: pointer; text-indent:-400px;}
		#confirm:hover { color:#FFF; background-image:url(images/confirm-bg.jpg);}
	#send { display:block; width:300px; height:40px; margin:0 auto; padding:0; overflow:hidden; border:none; text-align:center; background:url(images/send.jpg) no-repeat center; cursor: pointer; text-indent:-400px;}
		#send:hover { color:#FFF; background-image:url(images/send-bg.jpg);}
	#back { display:block; width:300px; height:40px; margin:0 auto; padding:0; overflow:hidden; border:none; text-align:center; background:url(images/back.jpg) no-repeat center; cursor: pointer; text-indent:-400px;}
		#back:hover { color:#FFF; background-image:url(images/back-bg.jpg);}