@charset "UTF-8";

/* ---------------------------------------------------------------------

TITLE    : www.denkigroove.com 共通CSS
URL      : http://www.denkigroove.com/css/layout.css
DATE     : 2008.03.19

--------------------------------------------------------------------- */


*{
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
}



body.j-pop{
	font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Geneva, Helvetica, sans-serif;
	line-height:1.6;
	background:#111111 url(../images/bg_jpop_base.gif) repeat fixed center top;
	color:#ffffff;
	margin:0;
	padding:0;
}



/*--------color--------*/
.j-pop a { color : #FFCC00; text-decoration: underline; }
.j-pop a:visited { color : #C19BE8; text-decoration: underline; }
.j-pop a:hover { color:#C19BE8; text-decoration:underline; }
.j-pop a:active { color : #666666; text-decoration: underline; }



/* -----------------------------------------------
WRAPPER
----------------------------------------------- */
body.j-pop #wrapperJpop{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	padding:0;
	background:transparent url(../images/bg_jpop.jpg) no-repeat center top;
}

/* -----------------------------------------------
CONTENTS
----------------------------------------------- */
body.j-pop #headerJpop{
	width:720px;
	height:330px;
	margin:0 auto;
	text-align:center;
	padding:0;
}

body.j-pop #website{
	width:103px;
	height:5px;

	background:transparent url(../images/btn_website.gif) no-repeat center top;	
	float:right;
	overflow:hidden;
	
	margin:10px 0 0 0;
	padding:0;
}

body.j-pop #website a{
	display:block;
	width:103px;
	height:5px;
	
	background:transparent url(../images/btn_website.gif) no-repeat center top;	
	text-indent:-9999px;

}


body.j-pop #contentsWrapperJpop{
	width:720px;
	margin:0 auto;
	text-align:center;
	padding:0;
}



body.j-pop .boxWrapper{
	width:720px;
	text-align:left;

	/*border:solid 1px #fff;*/
}

.boxWrapper p{

	width:720px;
	padding:0 10px;
}


body.j-pop .jkt{
	float:left;
	display:block;
	padding:0 0 0 10px;
	border:none;
}

body.j-pop .titleInfo{
	/*float:left;*/
	width:720px;
	height:71px;
	background:transparent url(../images/head_connected.gif) no-repeat center top;
	
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
	margin:20px 0 20px 0;
}

#prepare{
	
	width:690px;
	font-size:12px;
	line-height:1.8;
	margin: 0 auto;
	padding:15px;
	background:transparent url(../images/dot_diago.gif)  0 0;

}

div.btn{
	width:400px;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:40px;
}

.btn a{
	background:transparent url(../images/btn_megamix.gif) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
	width:400px;
	height:60px;
}

.btn a:hover{
	background:transparent url(../images/btn_megamix.gif) no-repeat 0 -60px;
}

.message{
	width:600;
	margin:0 auto;
	text-align:center;

}

div.caution{
	width:700px;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	background-color:#FFFF00;
	padding:4px;
	text-align:center;
	margin:0 auto;
	margin-bottom:20px;
}


.tracks{
	width:315px;
	height:80px;
	background:transparent url(../images/head_tracks.gif) no-repeat 0 0;
	
	text-indent:-9999px;
	overflow:hidden;
	
	margin:30px 0 20px 0;
}

.boxLeft{
	float:left;
	
	width:330px;
	margin:0 0 0 10px;
}

.boxRight{
	float:right;

	width:330px;
	
	margin:0 5px 40px 0;
	padding:95px 0 0 0;
}

ul.tracklist{
	width:327px;
}

ul.tracklist li{
	width:327px;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 20px 0;
}

ul.tracklist li#track01{
	background:transparent url(../images/track01.gif) no-repeat 0 0;
}
ul.tracklist li#track02{
	background:transparent url(../images/track02.gif) no-repeat 0 0;
}
ul.tracklist li#track03{
	background:transparent url(../images/track03.gif) no-repeat 0 0;
}
ul.tracklist li#track04{
	background:transparent url(../images/track04.gif) no-repeat 0 0;
}
ul.tracklist li#track05{
	background:transparent url(../images/track05.gif) no-repeat 0 0;
}
ul.tracklist li#track06{
	background:transparent url(../images/track06.gif) no-repeat 0 0;
}
ul.tracklist li#track07{
	background:transparent url(../images/track07.gif) no-repeat 0 0;
}
ul.tracklist li#track08{
	background:transparent url(../images/track08.gif) no-repeat 0 0;
}
ul.tracklist li#track09{
	background:transparent url(../images/track09.gif) no-repeat 0 0;
}
ul.tracklist li#track10{
	background:transparent url(../images/track10.gif) no-repeat 0 0;
}
ul.tracklist li#track11{
	background:transparent url(../images/track11.gif) no-repeat 0 0;
}
ul.tracklist li#track12{
	background:transparent url(../images/track12.gif) no-repeat 0 0;
}



/*ボタン SOUND/VIDEO */
li a{
	width:58px;
	height:16px;

	display:block;
	float:left;
	text-indent:-9999px;
	margin:17px 0 0 0;
	padding:0;
}

li a.sound01{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 0;
	margin-left:110px;
}
li a.sound01:hover{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 -20px;
}

li a.sound02{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 0;
	margin-left:140px;
}
li a.sound02:hover{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 -20px;
}

li a.sound03{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 0;
	margin-left:110px;
}
li a.sound03:hover{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 -20px;
}

li a.sound04{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 0;
	margin-left:70px;
}
li a.sound04:hover{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 -20px;
}

li a.sound05{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 0;
	margin-left:110px;
}
li a.sound05:hover{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 -20px;
}

li a.sound06{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 0;
	margin-left:200px;
}
li a.sound06:hover{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 -20px;
}

li a.sound07{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 0;
	margin-left:150px;
}
li a.sound07:hover{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 -20px;
}

li a.sound08{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 0;
	margin-left:175px;
}
li a.sound08:hover{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 -20px;
}

li a.sound09{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 0;
	margin-left:110px;
}
li a.sound09:hover{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 -20px;
}

li a.sound10{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 0;
	margin-left:40px;
}
li a.sound10:hover{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 -20px;
}

li a.sound11{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 0;
	margin-left:95px;
}
li a.sound11:hover{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 -20px;
}

li a.sound12{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 0;
	margin-left:95px;
}
li a.sound12:hover{
	background:transparent url(../images/btn_sound.gif) no-repeat 0 -20px;
}



li a.video{
	background:transparent url(../images/btn_video.gif) no-repeat 0 0;
	margin-left:5px;
}

li a.video:hover{
	background:transparent url(../images/btn_video.gif) no-repeat 0 -20px;
}


/* -----------------------------------------------
FOOTER
----------------------------------------------- */
body.j-pop #footer{
	width:700px;
	height:100px;

	background:transparent url(../images/copyright.gif) no-repeat 0 bottom;	
	
	margin:0 auto;
	margin-bottom:30px;
	padding:0 0 0 0px;
}


body.j-pop .backHome{
	width:112px;
	height:20px;
	
	margin:0 auto;
	overflow:hidden;
}

body.j-pop .backHome a{
	background:transparent url(../images/btn_backhome.gif) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
}

body.j-pop .backHome a:hover{
	background:transparent url(../images/btn_backhome.gif) no-repeat 0 -20px;
}

#megamix{

	width:636px;
	height:131px;
	
	margin:0 auto;
	margin-bottom:40px;
}

div.jasrac{
font-size:10px;
}

img.jasrac{
margin-right:4px;
}