@charset "utf-8";

.listData .listBox {

	margin-bottom: 1em;

}

.listData div[class*=listDes] {

	display: none;
	padding: 1em;

}

.listData .listHeader {

	padding: 0.5em;
	background-color: #dddddd;

}

.listData .listHeader .listName {

	background-color: #8e8e8e;
	color: #ffffff;
	padding: 0.2em;
	width: 8em;
	text-align: center;
	display: none;

}

.listData .listHeader span {

	display: inline-block;
	margin-right: 2em;

}

.listData .listHeader span.servicename strong {

	font-size: 1.3em;

}

.listData .listHeader span.serviceCompany strong {

	font-size: 1.1em;

}

.listData .listIndex {

	padding: 0.5em 1em;

}

.listData .listIndex span {

	display: inline-block;
	margin-right: 1em;

}

.listData .listIndex span.serviceDescription {

	cursor: pointer;
	padding-right: 1.5em;
	background-image: url(../../common/img/triangle_down.png);
	background-size: 1em;
	background-position: right center;
	background-repeat: no-repeat;

}

.listData .listIndex span.serviceDescription.active,
.listData .listIndex span.serviceDescription:hover,
.listData .listBox .listBody div[class*=listDes] a:hover {

	text-decoration: underline;
	color: #b60014;

}


.listData .listIndex span.serviceLink a {

	padding-right: 1.5em;
	background-image: url(../../common/img/icon_blank_b.png);
	background-size: 1em;
	background-position: right center;
	background-repeat: no-repeat;

}

.listData .listBox .listBody div[class*=listDes] a{

	text-decoration: underline;
	color: #4589d6;
	transition: all .3s ease-in-out;

}