@charset "UTF-8";

@media all {

/* indexlist - OVERLAY */
.boxOverlayBottom { width: 938px; height: 20px; background: url(../_common/styles/theme/img/contents/overlay_bottom_wide.png) no-repeat; }


/* INDEXNAV - OVERLAY ( column ) */
#indexMenu { padding: 20px 30px 10px 20px; background: url(../_common/styles/theme/img/contents/overlay_wide.png) no-repeat; }
#indexMenu .col3                   { margin: 0 0 20px !important; }
#indexMenu .col3 li.column         { width: 31%; line-height: 1.1; }
#indexMenu .col3 li.column h3      { height: auto; line-height: 1.6; margin: 0 !important; }
#indexMenu .col3 li.column img     { margin-right: 6px; float: left; }
#indexMenu .col3 li.column p       { margin: 5px 0 0 70px; font-size: 92%; }
#indexMenu .col3 li.column p.genre { margin: 0 0 2px !important; padding-left: 15px; background: url(../_common/styles/theme/img/white/bullet_gray_down.gif) 0 50% no-repeat; }


#indexMenu h2     { width: 462px; height: 22px; margin: 2px 2px 10px !important; padding: 0; text-indent: -9999px; background: url(img/overlay_h2.png) no-repeat; }
#index-1 h2       { background-position: 0 0px; }
#index-2 h2       { background-position: 0 -22px; }
#index-3 h2       { background-position: 0 -44px; }
#index-4 h2       { background-position: 0 -66px; }
#index-5 h2       { background-position: 0 -88px; }
#index-6 h2       { background-position: 0 -110px; }



}