@charset "UTF-8";

/* CSS Document */

.qanda {
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px 5px;
}
.qanda th,
.qanda td {
	padding: 7px 10px 5px 60px;
	border: 2px solid #DDD;
	vertical-align: top;
	border-radius: 6px;
}
.qanda th {
	width: 30%;
	border: 2px solid #F4AF18;
}
.qanda a {
	text-decoration: underline;
	margin-right: 3px;
}


/* -----------------------------------------
    番号等の自動表示
 * ----------------------------------------- */

#mainColumn {
	counter-reset: titleNo;
}
.qanda {
	counter-reset: question answer;
}

h3 {
	counter-increment: titleNo;
}
h3:before {
	font-size: 18px;
	font-weight: bold;
	content: counter(titleNo) ". ";
}

.qanda th {
	counter-increment: question;
}
.qanda th:before {
	float: left;
	width: 50px;
	margin-top: -2px;
	margin-left: -65px;
	font-size: 18px;
	font-weight: bold;
	display: block;
	text-align: center;
	background-color: #F4AF18;
	content: "Q" counter(question);
	border-radius: 0px 5px 5px 0px;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.3);
}

.qanda td {
	counter-increment: answer;
}
.qanda td:before {
	float: left;
	width: 50px;
	margin-top: -2px;
	margin-left: -65px;
	font-size: 18px;
	font-weight: bold;
	display: block;
	text-align: center;
	background-color: #DDD;
	content: "A" counter(answer);
	border-radius: 0px 5px 5px 0px;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.3);
}

/* -----------------------------------------
    見出しリスト表示
 * ----------------------------------------- */
ul.caption {
/*	margin: 0;
	padding: 0;
*/
	margin-left: 20px;
/*	list-style-image: url(../images/common/bg_linkhead_medium_orange.png); 
*/
}

ul.caption li {
	background-image: url(../images/common/bg_linkhead_medium_orange.png); 
	background-position: left-center;
	background-repeat: no-repeat;
	padding-left:32px;
	padding-top: 2px;
	padding-bottom: 10px;
	font-size: 16px;
}

/* -----------------------------------------
    様式ダウンロードページ用テーブル等
 * ----------------------------------------- */
.dlp{
	padding-left: 10px;
	margin-bottom: 10px;
	font-size:12pt;
}

.dltable{
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px 5px;
}

.dltable th{
	text-align: center;
	padding: 5px;
	border:1px solid #F4AF18;
	background-color: #F4AF18;
	border-radius:4px;
}
.dltable td{
	padding: 5px;
	border: 1px solid #DDD;
	vertical-align: top;
	border-radius: 4px;
}
.dltable td span{
	font-size: 12pt;
}

.dltable td a{
	text-decoration: none;
}
.dltable td a:link { color: #1878C7; }
.dltable td a:visited { color: #000080; }
.dltable td a:hover { color: #ff8000; }
.dltable td a:active { color: #CB2121; }

.dltable td hr{
	border-top: 1px dashed #aaa;
}