@charset "UTF-8";

@media all {

/* INDEXNAV */
#indexnav         { position: relative; min-height: 250px; height: 1%; margin: 0  75px 0; background: url(img/indexnav_txt.png) 0 114px no-repeat; }
#indexnav a.nav   { width: 157px; height: 114px; margin-bottom: 130px; padding: 0; text-indent: -9999px; float: left; background: url(img/indexnav.jpg) no-repeat; }
#indexnav .banner { text-align: center; }
#indexnav.plain   { min-height: 114px; background: none; }
#indexnav.plain a.nav { margin-bottom: 0; }
#indexnav.plain .button, #indexnav.plain .banner { display: none; }


/* INDEXNAV - OVERLAY */
.overlay          { width: 828px; }
.overlay img      { margin: 0 10px; }
.overlay h3       { padding-left: 10px; }
.overlay p        { margin: 0; padding: 10px; }
.overlay ul.disc  { margin-left: 230px; }
.overlay ul.button{ width: 600px; padding-left: 230px !important; }

.boxOverlay       { padding: 20px 30px 10px 20px; background: url(../_common/styles/theme/img/contents/overlay.png) no-repeat; }
.boxOverlayBottom { width: 868px; height: 20px; background: url(../_common/styles/theme/img/contents/overlay_bottom.png) no-repeat; }
.boxOverlayArrow  { width: 30px; height: 20px; top: 0px; left: 0; margin-left: 42px;background: url(../_common/styles/theme/img/contents/overlay_arrow.png) no-repeat; }
.boxOverlayArrow2 { display: none; }
.boxOverlayClose  { top: 24px; right: 35px; }
.boxWrap          { margin-top: -70px; margin-left: -40px; padding-bottom: 20px; }
#indexnav .overlay ul.button { margin: 0 0 15px !important; display: block; }


.overlay 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; }



}