/* clearfix */
.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}

#main .boxIndexTop {
	margin-bottom: 16px;
}
#main .boxArea {
	margin-bottom: 16px;
}
#main .boxArea ul li {
	float: left;
	width: 50%;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNTQ3MjEiIHkxPSIxLjAzOTYxNCIgeDI9IjAuNDUyNzkiIHkyPSItMC4wMzk2MTQiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -moz-linear-gradient(95deg, #dddddd, #ffffff);
	background-image: -webkit-linear-gradient(95deg, #dddddd, #ffffff);
	background-image: linear-gradient(-5deg, #dddddd, #ffffff);
}
#main .boxArea ul li a {
	display: block;
	padding: 6.25% 0;
	text-align: center;
}
#main .boxArea ul li a {
	background: url("../images/ico_angle_c01.png") 20px center no-repeat;
	-webkit-background-size: auto 40%;
	-o-background-size: auto 40%;
	background-size: auto 40%;
}
#main .boxArea ul li.disable {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNTQ3MjEiIHkxPSIxLjAzOTYxNCIgeDI9IjAuNDUyNzkiIHkyPSItMC4wMzk2MTQiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -moz-linear-gradient(95deg, #efefef, #ffffff);
	background-image: -webkit-linear-gradient(95deg, #efefef, #ffffff);
	background-image: linear-gradient(-5deg, #efefef, #ffffff);
}
#main .boxArea ul li.disable a {
	color: #dfdfdf;
}
#main .boxArea ul li:nth-child(2) a {
	background: url("../images/ico_angle_c02.png") 20px center no-repeat;
	-webkit-background-size: auto 40%;
	-o-background-size: auto 40%;
	background-size: auto 40%;
}
#main .boxArea ul li:nth-child(3) a {
	background: url("../images/ico_angle_c03.png") 20px center no-repeat;
	-webkit-background-size: auto 40%;
	-o-background-size: auto 40%;
	background-size: auto 40%;
}
#main .boxArea ul li:nth-child(4) a {
	background: url("../images/ico_angle_c04.png") 20px center no-repeat;
	-webkit-background-size: auto 40%;
	-o-background-size: auto 40%;
	background-size: auto 40%;
}
#main .boxArea ul li:nth-child(5) a {
	background: url("../images/ico_angle_c05.png") 20px center no-repeat;
	-webkit-background-size: auto 40%;
	-o-background-size: auto 40%;
	background-size: auto 40%;
}
#main .boxArea ul li:nth-child(6) a {
	background: url("../images/ico_angle_c06.png") 20px center no-repeat;
	-webkit-background-size: auto 40%;
	-o-background-size: auto 40%;
	background-size: auto 40%;
}
#main .boxArea ul li:nth-child(7) a {
	background: url("../images/ico_angle_c07.png") 20px center no-repeat;
	-webkit-background-size: auto 40%;
	-o-background-size: auto 40%;
	background-size: auto 40%;
}
#main .boxArea ul li:nth-child(8) a {
	background: url("../images/ico_angle_c08.png") 20px center no-repeat;
	-webkit-background-size: auto 40%;
	-o-background-size: auto 40%;
	background-size: auto 40%;
}
#main .boxAdTop {
	margin-bottom: 16px;
	text-align: center;
}
#main .boxTopics {
	margin-bottom: 16px;
}
#main .boxVoices {
	margin-bottom: 16px;
}