:root {
    --category-color: #ae1d7c;
    --category-second: #fbe2f3;
}

h3.title {
	background: url(/images/common/icon_title1_cat0.png) 0 2px no-repeat;
}

h3.title2 {
	background: url(/images/common/bg_title02_cat0.png) no-repeat left center #ebebeb;
}

h4.title {
	background: url(/images/common/bg_title03_cat0.png) no-repeat left 0.05em;
}


#infoArea .date {
	text-align: right;
	font-size: 85%;
	margin-bottom: 20px;
}

#infoArea .mainText {
	margin-bottom: 30px;
}

#infoArea .mainText p {
	margin-bottom: 1rem;
}

#infoArea .img01 {
	text-align: center;
	margin-bottom: 30px;
}

#infoArea h3 {
	margin-bottom: 15px;
	padding: 0 0 10px 25px;
	border-bottom: 1px solid var(--category-color);
	color: var(--category-color);
	font-size: 137.5%;
	background: url(/images/common/icon_title1_cat0.png) 0 2px no-repeat;
}
#infoArea h3.title2 {
	background: url(/images/common/bg_title02_cat0.png) no-repeat left center #ebebeb;
	border-radius:3px;
	padding:12px 12px 12px 30px ;
	margin-bottom:20px;
	color: #333333;
	border-bottom: none;
	font-size: 117%;
}


#infoArea h4 {
	background: url(/images/common/bg_title03_cat0.png) no-repeat left 0.05em;
	padding-left:20px;
	margin-bottom:20px;
	margin-top:30px;
}

#infoArea table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}

#infoArea table th,
#infoArea table td {
	padding: 10px;
	border: 1px solid #c0c0c0;
	border-collapse: collapse;
	line-height: 1.4;
}

#infoArea table th {
	background:#fbffe7;
	font-weight:normal;
}


#infoArea ul, #infoArea ol {
	text-indent: -2em;
	margin:  0 0 5px 2em;
	line-height: 1.4;
}