@charset "utf-8";
/* CSS Document */
.white {
	color: #FFFFFF;
}
@media screen and (min-width:1030px) {
	#mainContents dt {
		float: left;
		width: 15%;
	}
	#mainContents dd.area01 {
		float: left;
		width: 30%;
	}
	#mainContents dd.area02 {
		float: left;
		width: 55%;
	}
}
@media screen and (min-width:950px) and (max-width:1029px) {
	#mainContents dt {
		float: left;
		width: 18%;
	}
	#mainContents dd.area01 {
		float: left;
		width: 35%;
	}
	#mainContents dd.area02 {
		float: left;
		width: 47%;
	}
}
@media screen and (min-width:751px) and (max-width:949px) {
	#mainContents dt {
		float: left;
		width: 25%;
	}
	#mainContents dd.area01 {
		float: left;
		width: 43%;
	}
	#mainContents dd.area02 {
		float: left;
		width: 32%;
	}
}
@media print, screen and (min-width: 751px) {
	#mainContents ul.circleList li {
        background-position: 0 6px;
        background-repeat: no-repeat;
        -webkit-background-size: 12px 12px;
        -moz-background-size: 12px 12px;
        background-size: 12px 12px;
        padding-top: 0px;
		padding-bottom: 12px;
        padding-left: 17px;
    }
}


@media only screen and (max-width: 750px) {
	#mainContents ul.circleList li {
        background-position: 0 4px;
        background-repeat: no-repeat;
        -webkit-background-size: 12px 12px;
        -moz-background-size: 12px 12px;
        background-size: 12px 12px;
        padding-top: 0px;
		padding-bottom: 12px;
        padding-left: 17px;
    }
	#mainContents dt {
		font-size: 0.78em;
		float: left;
		width: 25%;
	}
	#mainContents dd {
		font-size: 0.78em;
	}
	#mainContents dd.area01 {
		float: left;
		width: 45%;
	}
	#mainContents dd.area02 {
		float: left;
		width: 30%;
	}
}