@charset "UTF-8";

/*
------------------------------------------------------------
Top Page CSS file
First Version:	2009.06.22
------------------------------------------------------------
*/

/*

	00 : Top Common
	01 : MINK Player
	02 : Artist Interview
	03 : Movie Rankings
	04 : Pickup Movies
*/

/* 00 : Top Common
==========================================================*/
.InterviewTitle,.RankingTitle {
	clear:both;
	width:730px;
	height:85px;
	text-indent:-9999px;
}
.InterviewTitle { background: url(../images/top/h3_close_up.jpg) no-repeat 0 0; }
.RankingTitle { background: url(../images/top/h3_movie_rankings.jpg) no-repeat 0 0; }

.PickupTitle {
	clear:both;
	margin:15px 0 0 10px;
	width:720px;
	height:33px;
	text-indent:-9999px;
	background: url(../images/top/h4_pickup_movies.gif) no-repeat 0 0;
}
.HelpTitle {
	clear:both;
	width:730px;
	height:85px;
	text-indent:-9999px;
	background: url(../images/top/banner_help_01.jpg) no-repeat 0 0;
}
.muzie_text{
font-size:12px;
line-height:18px;
margin:14px 0px 0px 10px;
}


/* 01 : MINK Player
==========================================================*/
.topPlayer { height:360px; }

.topCreateBTN {
	margin:24px 0 0 40px;
	width:354px;
	height:63px;
	background: url(../images/top/btn_top_create.jpg) no-repeat 0 0;
}

.topCreateBTN a {
	display:block;
	width:354px;
	height:52px;
	text-indent:-9999px;
}
.topCreateBTN a:hover { background:url(../images/top/btn_top_create_h.jpg) no-repeat 0 0; }


/* 02 : Artist Interview
==========================================================*/
.ArtistInterview {
}

.ArtistInterview h4 {
	margin-bottom:15px;
}

.ArtistInterview ul {
	margin-bottom:15px;
	width:720px;
}
.ArtistInterview ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.ArtistInterview ul { display: inline-block; }

/* exclude MacIE5 \*/
* html .ArtistInterview ul { height: 1%; }
.ArtistInterview ul { display:block; }
/* end MacIE5 */

.ArtistInterview ul li {
	float:left;
	display:block;
	width:230px;
	margin:15px 15px 0 0;
	font-size:16px;
}

.ArtistInterview ul li#last { margin:15px 0 0 0; }

.ArtistInterview ul li img { margin:4px 0; }

.ArtistInterview ul li p {
	display:block;
	margin-bottom:5px;
	width:230px;
	background:url(../images/top/artist_name_line.gif) no-repeat left bottom;
}
.ArtistInterview ul li p a { color:#e8e8e9; }
.ArtistInterview ul li p a:hover { color:#858586; }

.ArtistInterview ul li span {
	line-height:1.2em;
	font-size:10px;
}


/* 03 : Movie Rankings
==========================================================*/
.MovieRankings {
	margin-bottom:15px;
}

#MovieRankings01,#MovieRankings02,#MovieRankings03,#MovieRankings04,#MovieRankings05 {
	width:720px;
	margin:0 0 5px 0;
}

#MovieRankings01 {
	height:175px;
	background:url(../images/top/raking01_bk.gif) no-repeat 0 0;
}
#MovieRankings02,#MovieRankings03 {
	height:120px;
	background:url(../images/top/raking0203_bk.gif) no-repeat 0 0;
}

#MovieRankings04,#MovieRankings05 {
	float:left;
	width:360px;
	height:120px;
	background:url(../images/top/raking04_bk.gif) no-repeat 0 0;
}
#MovieRankings05 { background:url(../images/top/raking05_bk.gif) no-repeat 0 0; }

.titleImg {
	float:left;
}

/* Movie Images ---------------------*/
.movieImg {
	float:left;
	width:326px;
	height:112px;
	margin:-60px 1px 0 0;
}
#MovieRankings02 .movieImg,#MovieRankings03 .movieImg {
	width:326px;
	height:112px;
	margin:-51px 1px 0 0;
}
#MovieRankings04 .movieImg,#MovieRankings05 .movieImg {
	width:211px;
	height:118px;
	margin:-51px 1px 0 0;
}

.movieImg img {
	position: relative;
	top:0;
	left:0;
	z-index:1;
}

.movieImg .PlayMovies {
	display:block;
	text-indent:-9999px;
	position: relative;
	z-index:2;
	overflow:hidden;
	behavior:expression(IEPNGFIX.fix(this)); /* IE*/
}

#MovieRankings01 .movieImg .PlayMovies {
	width:89px;
	height:61px;
	top:173px;
	left:238px;
	background:url(../images/top/ranking_play01.png) no-repeat 0 0;
}

#MovieRankings02 .movieImg .PlayMovies,#MovieRankings03 .movieImg .PlayMovies {
	width:75px;
	height:52px;
	top:118px;
	left:251px;
	background:url(../images/top/ranking_play02.png) no-repeat 0 0;
}
#MovieRankings04 .movieImg .PlayMovies,#MovieRankings05 .movieImg .PlayMovies {
	width:75px;
	height:52px;
	top:118px;
	left:137px;
	background:url(../images/top/ranking_play02.png) no-repeat 0 0;
}

#MovieRankings01 .movieImg {
	width:326px
	height:173px;
}

/* Information ---------------------*/
#MovieRankings01 .movieInfo,#MovieRankings02 .movieInfo,#MovieRankings03 .movieInfo,#MovieRankings04 .movieInfo,#MovieRankings05 .movieInfo {
	float:left;
	margin:1px 0 0 1px;
}

#MovieRankings01 .movieInfo {
	width:358px;
	height:175px;
}
#MovieRankings02 .movieInfo,#MovieRankings03 .movieInfo {
	width:358px;
	height:80px;
}
#MovieRankings04 .movieInfo,#MovieRankings05 .movieInfo {
	width:80px;
	height:80px;
	font-size:10px;
}

.movieInfo h5 {
	display:block;
	margin:12px 0 0 8px;
	padding:1px 0 0 25px;
	font-size:14px;
	line-height:1.6em;
	background:url(../images/top/ranking_icon_title01.gif) no-repeat 0 0;
}
#MovieRankings02 .movieInfo h5,#MovieRankings03 .movieInfo h5 {
	margin:3px 0 0 8px;
	font-size:12px;
	line-height:1.8em;
	background:url(../images/top/ranking_icon_title02.gif) no-repeat 0 0;
}
#MovieRankings04 .movieInfo h5,#MovieRankings05 .movieInfo h5 {
	margin:3px 0 1px 8px;
	padding:1px 0 0 10px;
	font-size:10px;
	line-height:1.4em;
	background:url(../images/top/ranking_icon_title03.gif) no-repeat 0 1px;
}


/* Information bottom ---------------------*/
.movieInfo dl {
	margin:8px 0 0 20px;
	width:337px;
}
.movieInfo dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.movieInfo dl { display: inline-block; }

/* exclude MacIE5 \*/
* html .movieInfo{ height: 1%; }
.movieInfo { display:block; }
/* end MacIE5 */

#MovieRankings01 .movieInfo dl a { color:#ff9c01; }
#MovieRankings01 .movieInfo dl a:hover { color:#fffc24; }

#MovieRankings02 .movieInfo dl,#MovieRankings03 .movieInfo dl {
	margin:2px 0 0 20px;
	min-height:80px;
	font-size:10px;
}

.movieInfo dl dt,.movieInfo dl dd {
	float:left;
	padding-bottom:3px;
	display:block;
	line-height:1.6em;
}

#MovieRankings02 .movieInfo dl dt,#MovieRankings02 .movieInfo dl dd,#MovieRankings03 .movieInfo dl dt,#MovieRankings03 .movieInfo dl dd { padding-bottom:0; }


.movieInfo dl dt {
	width:120px;
}

.movieInfo dl dt img { vertical-align:middle; }

.movieInfo dl dd {
	padding-right:5px;
	width:212px;
}

/* ranking4,ranking5 */
.movieInfo ul {
	margin:3px 0 0 10px;
	min-width:93px;
	line-height:1.6em;
}
.movieInfo ul li {
	padding:0 0 2px 10px;
	background:url(../images/top/info_sub_icon.gif) no-repeat 0 5px;
}


/* 04 : Pickup Movies
==========================================================*/
#PickupMovies {
}

ul#PickupMoviesBox {
	width:720px;
	padding-bottom:12px;
	text-align:center;
	font-size:10px;
	background:url(../images/top/pickup_movies_line.gif) no-repeat left bottom;
}
ul#PickupMoviesBox:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul#PickupMoviesBox { display: inline-block; }

/* exclude MacIE5 \*/
* html ul#PickupMoviesBox { height: 1%; }
ul#PickupMoviesBox { display:block; }
/* end MacIE5 */

ul#PickupMoviesBox li {
	float:left;
	margin:0 16px 0 0;
	display:block;
	width:229px;
}
ul#PickupMoviesBox li#last { margin:0; }

ul#PickupMoviesBox .MoviesImg {
	display:block;
	margin:0 auto;
	width:227px;
	height:122px;
	overflow:hidden;
	border:1px solid #4d4d4d;
}
ul#PickupMoviesBox .MoviesImg img { margin:-20px 0 0 -8px; }

ul#PickupMoviesBox p {
	padding-top:8px;
	line-height:1.4em;
}