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

.intro { width:830px; padding:0 35px 20px 35px;}
	.intro p { font-size:18px; padding:12px 0; margin:0;}
	.intro strong { font-size:22px;}

.art { width:770px; padding:20px 30px 30px 30px; margin:0 35px 0 35px; background:#F4FFD0;}
	.art h2 { font-size:18px; padding:8px 0 8px 0; margin:0;}
	.art h3 { font-size:14px; line-height:18px; padding:0 0 0 80px; margin:0; font-weight:normal; color:#666;}
	.art h4 { font-size:16px; padding:8px 0 8px 0; margin:0;}
		.art h4 span { font-size: 24px;}
	.art p { font-size:14px; padding:8px 0 8px 36px; margin:0;}
		.art p strong {font-size:18px; font-weight: bold; color:#900000;}

.sbtn { width:830px; display:block; margin:0 35px 40px 35px;}
	.sbtn:before { display:block; content:"▼　　もっと詳しく　　▼"; background:#000; padding:4px 0; text-align:center; font-size:18px; color:#FFF; cursor:pointer;}
	.sbtn:hover:before { background:#CCC; color:#FF0;}
	.active:before { content:"▲　　　閉じる　　　▲" !important;}

.inner { display: none; background:#FFF; width:670px; padding:30px 30px; margin:0 20px 40px 20px;}
	.inner dl { padding:16px 0;}
	.inner dt { display:block; width:650px; text-align:center; padding:8px 0; font-size:22px; font-weight: bold; color:#900000; background:#E9E4BE;}
	.inner dd { display:block; width:610px; background:#F4F1DC; padding:20px; margin:0; font-size:14px;}

.art p.tb { padding:8px 0 0 36px; }
table.exchange { border-collapse:collapse; border:solid 1px #666; margin-left:36px; margin-bottom:8px;}
  table.exchange th { border:solid 1px #666; padding:6px; font-weight:normal; }
  table.exchange td { border:solid 1px #666; padding:6px; text-align:right; }

.bd { font-weight:bold; }
.ul { text-decoration:underline; }