#loader {
    width: 300px;
    height: 160px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -100px; /* heightの半分のマイナス値 */
    margin-left: -160px; /* widthの半分のマイナス値 */
    z-index: 111;
}
 
#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: hsl(0, 0%, 60%);
    position: fixed;
    z-index: 110;
    
}
#fade:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.3),
		inset 0 0 100px rgba(0, 0, 0, 0.2);
}