@charset "utf-8";
/* CSS Document */

#tool_select ul {
    background: none repeat scroll 0 0 #999999;
    font-size: 100%;
    margin-top: 10px;
    padding: 5px;
}
#tool_select ul a {
    background-position: 95% center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    padding: 10px;
    text-decoration: none;
}
#tool_select ul span {
    background-position: 95% center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    padding: 10px;
}
#tool_select ul > li {
    background: linear-gradient(to bottom, #4F4F4F 0%, #000000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #666666;
}
#tool_select ul > li > a {
    background-image: url("../images/a_link.png");
}

/*  ******************************************/

#tool_name {
	padding-top:10px;
	padding-bottom:2px;
	border-bottom:1px solid #666666;
}

#tool_list ul {
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #490540;
}

#tool_list ul li {
	float:left;
}

#tool_list ul li:nth-of-type(1) {
	width:40%;
	text-align:center;
}

#tool_list ul li:nth-of-type(2) {
	width:60%;
}

#tool_list ul li p {
	font-size:82%;
	border-bottom:1px dotted #490540;
}
#tool_list ul li p:nth-last-of-type(1) {
	border-bottom:0;
}
#tool_list ul li p:not(:nth-of-type(1)) {
	margin-top: 5px;
}
#tool_list ul li p:nth-of-type(1) span {
	color:#ae0a40;
	margin-right:5px;
}

#tool_list ul li p:nth-of-type(1) span.l_color_1 {
    color: #FFB711;
}
#tool_list ul li p:nth-of-type(1) span.l_color_2 {
    color: #FCFC37;
}
#tool_list ul li p:nth-of-type(1) span.l_color_3 {
    color: #FC0F0F;
}

#tool_list .kind_area {
	margin: 10px auto;
	padding: 2px;
	background: linear-gradient(90deg, #b39855 0%, #fff9e6 50%, #b39855 100%);
}

#tool_list .kind_area ul {
	display: flex;
	flex-wrap: wrap;
	background-image: linear-gradient(99deg, rgb(45 3 30) 10.6%, rgba(28, 28, 28, 1) 118%);
	border-bottom: 0;
	padding: 0 5px 5px 5px;
	font-size: 85%;
}

#tool_list .kind_area ul li {
	clear: both;
	width: 50%;
	padding-top: 5px;
}
#tool_list .kind_area ul li:nth-of-type(1) {
	text-align: left;
}
#tool_list .kind_area ul li a {
	color: #ffffff;
}
#tool_list .kind_area ul li.active a {
	color: #a748d5;
}