@charset "UTF-8";

/*見出し*/
.topi_h3 {
	display: block;
	width: 496px;
	height: 28px;
	background-image : url("../img/topi_ber.jpg");
	background-repeat: no-repeat;
	color: #3e77be;
	padding-top: 6px;
	padding-left: 20px;
	margin-bottom: 10px;
}


/*アコーディオン*/
#topi .accordion {
	width: 516px;
	height: 34px;
	margin-bottom: 3px;
	cursor: pointer;
}

#topi .accordion .icon {
	width: 474px;
	height: 27px;
	padding: 7px 21px;
	color: #566ed4;
	cursor: pointer;
	background-image: url("../img/topi_ber.jpg");
	background-repeat: no-repeat;
}

#topi .hover .icon {
	background-position: 0 -34px;
	color: #f68cf5;
}

#topi .accordion .on {
	background-position: 0 -34px;
	color: #f68cf5;
}

#topi .accordion_in {
	width: 180px;
	padding-left: 59px;
}

#topi .accordion_in li {
	margin-top: 3px;
	margin-bottom: 3px;
}

#topi .accordion_in a {
	color: #509deb;
	text-decoration: none;
}

#topi .accordion_in a:hover {
	color: #f68cf5;
	text-decoration: none;
}



/*トピックスの内容*/
#topi_infor {
	width: 516px;
	margin-bottom: 40px;
}

.topicsLine {
	width: 486px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 13px;
	padding-left: 10px;
	border-bottom: 1px solid #3331aa;
}

.topicsDate {
	color: #ffa800;
	width: 90px;
	margin-right: 16px;
}

.topicsTxt {
	color: #00a7e3;
	width: 380px;
}

/*
#topi_infor .one {
	width: 496px;
	margin-left: 10px;
	font-size: 13px;
	border-bottom: 1px dotted #3331aa;
	margin-bottom: 10px;
}

#topi_infor p {
	margin-left: 15px;
	font-size: 13px;
	color: #ffa800;
}

#topi_infor span {
	margin-left: 15px;
	font-size: 13px;
	color: #00a7e3;
}

*/