@charset "UTF-8";
/*\*/

/*------------------------------
THE PREDATORS
2012.07.26 updated
GUIDELINE : Ver.01
M-UP Inc.
------------------------------*/


/* ------------------------------------
 * RESET
 * ------------------------------------ */
@import "reset.css";
@import "common.css";
@import "../jQuery.jPlayer/blue.monday/jplayer.blue.monday.css";


/* ------------------------------------
 * COMMON SETTING / OVERRIDE
 * ------------------------------------ */

#header {
	height: 575px;
}

#header h1 {
}

#main {
	width: 350px;
}

#sub {
	width: 400px;
}

#globalNav {
	margin-top: -110px;
	padding: 2px 49px 26px;
	background: url(../img/home/bgGlobalNav.jpg) no-repeat;
}

#globalNav li a {
	background-image: url(../img/home/globalNav.jpg);
}

#globalNav li.home a {
	display: none;
}

#globalNav li.information a {
	width: 153px;
	background-position: 0 0;
}
#globalNav li.information a:hover {
	background-position: 0 -50px;
}

#globalNav li.media a {
	width: 83px;
	background-position: -153px 0;
}
#globalNav li.media a:hover {
	background-position: -153px -50px;
}

#globalNav li.release {
	background: url(../img/home/globalNav.jpg) -236px 0 no-repeat;
}

#globalNav li.release,
#globalNav li.release dl {
	width: 104px;
}

#globalNav li.release dt a {
	width: 104px;
	background-position: -236px 0;
}
#globalNav li.release dt a:hover {
	background-position: -236px -50px;
}

#globalNav .release dd {
	top: 52px;
	left: -25px;
	width: 150px;
	height: 50px;
}

#globalNav .release dd ul {
	width: 150px;
}

#globalNav .release dd li {
	display: inline;
	float: left;
	width: 50px;
	height: 50px;
}

#globalNav .release dd li a {
	width: 50px;
	background: url(../img/release/globalNavRelease.gif) no-repeat;
}

#globalNav .release li.all a {
	background-position: 0 -50px;
}
#globalNav .release li.all a:hover {
	background-position: 0 -100px;
}

#globalNav .release li.cd a {
	background-position: -50px -50px;
}
#globalNav .release li.cd a:hover {
	background-position: -50px -100px;
}

#globalNav .release li.dvd a {
	background-position: -100px -50px;
}
#globalNav .release li.dvd a:hover {
	background-position: -100px -100px;
}

#globalNav li.live a {
	width: 64px;
	background-position: -340px 0;
}
#globalNav li.live a:hover {
	background-position: -340px -50px;
}

#globalNav li.goods a {
	width: 87px;
	background-position: -404px 0;
}
#globalNav li.goods a:hover {
	background-position: -404px -50px;
}

#globalNav li.musicstore a {
	width: 150px;
	background-position: -491px 0;
}
#globalNav li.musicstore a:hover {
	background-position: -491px -50px;
}

#globalNav li.profile a {
	width: 100px;
	background-position: -641px 0;
}
#globalNav li.profile a:hover {
	background-position: -641px -50px;
}

#globalNav li.extra a {
	width: 83px;
	background-position: -741px 0;
}
#globalNav li.extra a:hover {
	background-position: -741px -50px;
}

#globalNav h2 {
	display: none;
}


/* ------------------------------------
 * MAIN
 * ------------------------------------ */

#main h3 {
	height: 36px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#main .whatsnew,
#main .pickup {
	padding-bottom: 32px;
}

#main .whatsnew h3 {
	background-image: url(../img/home/titleWhatsnew.gif);
}
#main .pickup h3 {
	background-image: url(../img/home/titlePickup.gif);
}


/* WHAT'S NEW */

#main .whatsnew li {
	padding: 2px 0 2px 55px;
	position: relative;
	width: 295px;
}

#main .whatsnew li span.date {
	position: absolute;
	top: 2px;
	left: 0;
	width: 55px;
}


/* PICK UP */
 
#main .pickup #player {
	width: 350px;
}

#main .pickup #playerHeader {
	padding-bottom: 10px;
}


/* BANNER */

#main .bnr {
	margin: 0 -5px;
	padding-bottom: 32px;
	position: relative;
	width: 360px;
	zoom: 1;
}

#main .bnr:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

#main .bnr li {
	padding: 0 5px 10px;
	display: inline;
	float: left;
}


/* ------------------------------------
 * SUB
 * ------------------------------------ */
 
#sub {
	padding-bottom: 12px;
}
 
#sub .youTube {
	padding-bottom: 20px;
}


/* BANNER */

#sub .bnr {
	margin: 0 -10px;
	position: relative;
	width: 420px;
	zoom: 1;
}

#sub .bnr:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

#sub .bnr li {
	padding: 0 10px 20px;
	display: inline;
	float: left;
}