Red pixels (R), blue pixels (B) and green pixels (G) are formed in parallel. First columnar spacers 10 and second columnar spacers 20 are formed on a first substrate. The distance between the first substrate and a second substrate in a normal state is determined by the first columnar spacers 10. The diameter of a light blocking film corresponding to each first columnar spacer 10 is greater than the diameter of a light blocking film corresponding to each second columnar spacer 20. The first columnar spacer 10 is not formed at a boundary between a green pixel (G) and a red pixel (R) or a boundary between a green pixel (G) and a blue pixel (B). The second columnar spacer 20 is formed at a boundary between pixels irrespective of the pixel color. Thus, appropriate color balance can be attained with ease without having a drop in the luminance.