/* CSS Document */

html {
  min-width: 980px;
}

body{
background-image:url(../images/background_top.jpg);
background-repeat:no-repeat;
background-position:center top;
background-color:#181818;
}

#Container{
margin-right:auto;
margin-left:auto;
width:980px;
position:relative;

}

/* clearfix --------------*/
.clearfix:after{
   content: " "; 
   display: block; 
   visibility: hidden; 
   clear: both; 
   height: 0.1px; 
   font-size: 0.1em; 
   line-height: 0;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

.clear {clear: both;float: none;border: none;}


/*//////////////////////////////////////////////////*/

#Header{
padding-top:80px;
width:980px;
height:100px;
margin-bottom:14px;
}

#Header h1{
float:left;
width:150px;
margin-top:14px;
}

#Header #Navi{
float:right;
height:65px;
width:830px;
margin-top:18px;
}

#Header #Navi li{
list-style:none;
}

#FlashArea2{
height:316px;
float:left;
width:640px;
padding-right:10px;
padding-bottom:20px;
z-index:-1;
}

#Main{
width:960px;
margin:0;
padding-top:10px;}


#banner{
width:280px;
float:right;

}


#banner img{
margin-bottom:8px;

}



/*//////////////////コンテンツ///////////////////////////*/
#Contents{
margin-top:10px;
width:860px;
margin-left:20px;
}



h2{
width:125px;
padding-bottom:5px;

}


#News{
float:left;
padding-right:10px;
width:530px;
height:250px;
}

#News h2{
overflow:hidden;
display:block;
text-indent:-9999px;
background-image:url(../images/title_news.jpg);
background-position: left top;
background-repeat:no-repeat;
width:50px;
height:15px;
margin-bottom:5px;}

#News #NewsListbg{
background-image:url(../images/news_background.gif);
background-repeat:repeat-y;
width:530px;
height:250px;
overflow-y:scroll;
}

#News #NewsList{
background-image:url(../images/news_background.gif);
background-repeat:repeat-y;
height:250px;
padding-left:20px;
padding-top:20px;
}



#banner_middle{
width:410px;
float:right;
}

#banner_middle img{
padding:4px 0;
}



p.PageTop{
	clear:both;
	float: none;
	/*margin-left:820px;*/
	padding-top:20px;
	padding-bottom:10px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}

p.PageTop a {
	clear:both;
	float: none;
	overflow:hidden;
	display:block;
	width:72px;
	height:0px;
	background-image:url(../images/btn_pagetop.gif);
	background-repeat:no-repeat;
	padding-top: 15px;
	margin-right: 0px;
	margin-left: auto;
}


/*/////////////フッター//////////////////*/

#Footer{
clear:both;
width:980px;
height:25px;
border-top:#999999 solid 1px;
padding-top:5px;
}

#Footer #Navi2{
float:left;
height:15px;
width:260px;}

#Footer #Navi2 li{
float:left;
list-style:none;}

#Footer #copyright{
width:310px;
float:right;}

#Footer address{
float:right;
width:310px;
height:15px;
text-indent:-9999px;
background-image:url(../images/copyright.gif);
background-repeat:no-repeat;
overflow:hidden;}

#Footer p.harvesta a{
float:right;
width:141px;
height:12px;
text-indent:-9999px;
background-image:url(../images/credit.gif);
background-repeat:no-repeat;
overflow:hidden;
margin-top:4px;}

#Footer p.harvesta a:hover{
background-image:url(../images/credit_on.gif);
background-repeat:no-repeat;
overflow:hidden;
margin-top:4px;}


/*////////////////////////Navi2/////////////////////*/
#Container #Navi2 li a{
text-indent:-9999px;
display:block;
overflow:hidden;
background-repeat:no-repeat;
height:15px;
margin-right:10px;
}

#Navi2 a#navi2_Link{
background-image:url(../images/btn_link.gif);
width:50px;
}
/*#Navi2 a#navi2_Privacy{
background-image:url(../images/btn_privacy.jpg);
width:100px;
}*/

#Navi2 a#navi2_Dl{
background-image:url(../images/btn_dl.gif);
width:90px;
}


#Navi2 a#navi2_Contact{
background-image:url(../images/btn_contact.gif);
width:70px;
}



#Navi2 a#navi2_Link:hover{
background-image:url(../images/btn_link_over.gif);
width:50px;
}
#Navi2 a#navi2_Link.active{
background-image:url(../images/btn_link_over.gif);
width:50px;
}

/*#Navi2 a#navi2_Privacy:hover{
background-image:url(../images/btn_privacy_over.jpg);
width:100px;
}
#Navi2 a#navi2_Privacy.active{
background-image:url(../images/btn_privacy_over.jpg);
width:100px;
}*/

#Navi2 a#navi2_Dl:hover{
background-image:url(../images/btn_dl_over.gif);
width:90px;
}
#Navi2 a#navi2_Dl.active{
background-image:url(../images/btn_dl_over.gif);
width:90px;
}


#Navi2 a#navi2_Contact:hover{
background-image:url(../images/btn_contact_over.gif);
width:70px;
}
#Navi2 a#navi2_Contact.active{
background-image:url(../images/btn_contact_over.gif);
width:70px;
}




/*/////////////////////パターンボックス アーティスト////////////////////////////////////////////////*/

#artist{
width:540px;
float:left;
padding-bottom:20px;
}


/*/////トップアーティストリニューアル///////*/

#Artist_Wrap  {
background:url(../images/rn_artist_bg_top.gif) top left no-repeat;
padding-top:15px;
margin-bottom:11px;
}

#Artist_Box  {
background:url(../images/rn_artist_bg_bottom.gif) bottom left no-repeat;
padding:0px 0px 15px 15px;
background-color:#000000;
}

#Artist_Ph  {
width:180px;
float:left;
}

#Artist_Bio  {
width:313px;
float:left;
padding-left:15px;
}

#Artist_Name_Box  {
}

.rn_artist_name  {
width:192px;
float:left;
}

#IcBox  {
float:right;
}


#IcBox p.ic  {
width:16px;
float:right;
padding-left:5px;
}

p.artist_dot  {
padding:7px 0px 12px;
}

#rnRelease_Box  {
padding-bottom:15px;
}

#rnRelease_jk  {
width:91px;
float:left;
}

#Artist_Data_Box  {
width:220px;
float:left;
}

#Artist_Data_Box .newrelease  {
}

#Artist_Data_Box .release_title  {
padding:10px 0px 0px 13px;
font-size:0.95em;
}

#Artist_Data_Box .release_title a  {
color:#FFFFFF;
}

#rnArtist_Menu  {
width:313x;
}

#rnArtist_Menu ul  {
margin:0;
padding:0;
list-style:none;
}

#rnArtist_Menu li  {
float:left;
margin:0;
padding:0;
height:36px;
width:104px;
text-indent:-9999px;
}

#rnArtist_Menu li a   {
text-decoration:none;
display:block;
height:36px;
width:104px;
}

/*--------------basic-----------------
-----------------------*/
#rnArtist_Menu li#profile a  {
background:url(../images/rn_artist_menu.gif) no-repeat 0px 0px;
}
#rnArtist_Menu li#schedule a    {
background:url(../images/rn_artist_menu.gif) no-repeat -104px 0px;
}
#rnArtist_Menu li#blog a  {
background:url(../images/rn_artist_menu.gif) no-repeat -208px 0px;
width:105px;
}

/*--------------hover-------------------
-------------------------*/
#rnArtist_Menu li#profile a:hover  {
background:url(../images/rn_artist_menu_on.gif) no-repeat 0px 0px;
}
#rnArtist_Menu li#schedule a:hover    {
background:url(../images/rn_artist_menu_on.gif) no-repeat -104px 0px;
}
#rnArtist_Menu li#blog a:hover  {
background:url(../images/rn_artist_menu_on.gif) no-repeat -208px 0px;
width:105px;
}

/*PETER_MAN*/
/*--------------basic-----------------
-----------------------*/
#rnArtist_Menu li#profile_p a  {
background:url(../images/rn_artist_menu_p.gif) no-repeat 0px 0px;
}
#rnArtist_Menu li#schedule_p a    {
background:url(../images/rn_artist_menu_p.gif) no-repeat -104px 0px;
}
#rnArtist_Menu li#blog_p a  {
background:url(../images/rn_artist_menu_p.gif) no-repeat -208px 0px;
width:105px;
}

/*--------------hover-------------------
-------------------------*/
#rnArtist_Menu li#profile_p a:hover  {
background:url(../images/rn_artist_menu_p_on.gif) no-repeat 0px 0px;
}
#rnArtist_Menu li#schedule_p a:hover    {
background:url(../images/rn_artist_menu_p_on.gif) no-repeat -104px 0px;
}
#rnArtist_Menu li#blog_p a:hover  {
background:url(../images/rn_artist_menu_p_on.gif) no-repeat -208px 0px;
width:105px;
}














.PatternBox-ar{
float:none;
width:250px;
float:left;
padding-right:20px;

}

.PatternBox-ar h3{
padding-bottom:15px;
}

.PatternBox-Top-ar{
background-image:url(../images/box_ar_bg_top.gif);
background-repeat:no-repeat;
height:4px;
margin:0px;
padding:0px;
width:250px;
}

/*IE6崩れ用///*/
*html .PatternBox-ar{
margin-top:-1px;}
*html .PatternBox-Top-ar{
background-position:0px 1px;}
/*///////////*/

.PatternBox-Body-ar{
background-color:#000000!important;
text-align:center;
margin:0px;
padding-top:20px;
padding-bottom:10px;
width:250px;
height:100%;
}

.artist_menu{
width:200px;
padding-left:25px;
text-align:center;
}


.release_ttl{
padding:10px 0 0;
margin:0;
text-align:left;
}



.artist_menu img{
padding:0 0 20px;
}


.PatternBox-Bottom-ar{
background-image:url(../images/box_ar_bg_bottom.gif);
background-repeat:no-repeat;
height:4px;
margin:0px;
padding:0px;
width:250px;
}


/*/////////////////////ボックス LATEST NEWS///////////////////////////////////////////////*/
#latest_news{
width:410px;
float:right;
padding-bottom:10px;

}



.PatternBox-nw{
float:none;
width:410px;
float:left;

}


.PatternBox-Top-nw{
background-image:url(../images/box_nw_bg_top.gif);
background-repeat:no-repeat;
height:4px;
margin:0px;
padding:0px;
width:410px;
}

/*IE6崩れ用///*/
*html .PatternBox-nw{
margin-top:-1px;}
*html .PatternBox-Top-nw{
background-position:0px 1px;}
/*///////////*/

.PatternBox-Body-nw{
background-color:#000000!important;
text-align:center;
margin:0px;
padding-top:20px;
padding-bottom:40px;
width:410px;
height:100%;

}

.PatternBox-Bottom-nw{
background-image:url(../images/box_nw_bg_bottom.gif);
background-repeat:no-repeat;
height:4px;
margin:0px;
padding:0px;
width:410px;
}

/*////////////////////ニューステーブル////////////////////*/
#latest_news #List{
width:370px;
margin:10px 20px 0;
height:300px;
overflow:auto;
}

#List table{
width:340px;
}

#List table  td{
border:none;
color:#FFFFFF;
font-size:11px;
padding-bottom:15px;
vertical-align:top;
text-align:left;
}

#List table td a{
color:#FFFFFF;
}

#List td.day{
vertical-align:top;
width:80px;
color:#99CC33;
}


/*/////////////////////ボックス movie///////////////////////////////////////////////*/

#movie{
width:960px;
color:#FFFFFF;
text-align:left;
}

.movie_list{
width:910px;
padding:10px 30px 50px;
height:auto;
}

.movie_youtube{
float:left;
width:480px;
padding-right:20px;
}

.movie_cap{
float:right;
width:390px;
text-align:left;
margin-right:15px;
}


.movie_cap h3{
font-size:13px;
padding-bottom:10px;
font-weight:bold;
}

.movie_cap p{
font-size:12px;
}




.PatternBox-mv{
float:none;
width:410px;
float:left;

}


.PatternBox-Top-mv{
background-image:url(../images/rn_box_mv_bg_top.gif);
background-repeat:no-repeat;
height:4px;
margin:0px;
padding:0px;
width:960px;
}

/*IE6崩れ用///*/
*html .PatternBox-mv{
margin-top:-1px;}
*html .PatternBox-Top-mv{
background-position:0px 1px;}
/*///////////*/

.PatternBox-Body-mv{
background-color:#000000!important;
text-align:center;
margin:0px;
padding-top:20px;
padding-bottom:40px;
width:960px;
height:100%;

}

.PatternBox-Bottom-mv{
background-image:url(../images/rn_box_mv_bg_bottom.gif);
background-repeat:no-repeat;
height:4px;
margin:0px;
padding:0px;
width:960px;
}












/*リンクページ////////////////////////////////*/

h2.ttl-Link{
background-image:url(../link/images/title_link.jpg);
text-indent:-9999px;
overflow:hidden;
background-repeat:no-repeat;
height:25px;
width:760px;
border-bottom:#5d5d5d 1px dashed;
margin-left:50px;
margin-bottom:40px;
margin-top:40px;}

#Link-l{
float:left;
width:350px;
margin-left:30px;
padding-left:60px;
}

#Link-r{
float:right;
width:300px;
margin-right:40px;
padding-left:30px;}

#Link-l h3{
text-indent:-9999px;
overflow:hidden;
display:block;
height:15px;
background-repeat:no-repeat;
background-position:top;
margin-bottom:20px;}

#Link-r h3{
text-indent:-9999px;
overflow:hidden;
display:block;
height:15px;
background-repeat:no-repeat;
background-position:top;
margin-bottom:20px;}


#Link-l h3.Link-artist{
background-image:url(../link/images/ctg_artist.jpg);
width:128px;}

#Link-r h3.Link-sound{
background-image:url(../link/images/ctg_sound.jpg);
width:47px;}

#Link-r h3.Link-shop{
background-image:url(../link/images/ctg_shop.jpg);
width:47px;}

#Link-l h3.Link-media{
background-image:url(../link/images/ctg_media.jpg);
width:47px;}

#Link-l ul{
list-style:none;
padding-left:20px;
margin-bottom:50px;}

#Link-r ul{
list-style:none;
padding-left:20px;
margin-bottom:50px;}






#Contents #Link-l li a ,
#Contents #Link-r li a{
	color:#999999;
	font-size: 9px;}

#Contents #Link-l li a strong ,
#Contents #Link-r li a strong{
display:block;
font-size: 12px;
color:#FFFFFF;}
#Contents #Link-l li a:hover strong,
#Contents #Link-l li a:hover,
#Contents #Link-r li a:hover strong,
#Contents #Link-r li a:hover {
color:#fff600;
text-decoration:none;}


/*///////////////HeaderFlash//////////////////////////*/
body #HeaderFlash{
width:82px;
height:30px;
position:absolute;
top:42px;
right:10px;}

#HeaderFlash2 {
  width: 98px;
  height: 42px;
  position: absolute;
  right: 41px;
  top: 36px;
}

:focus {
  outline-color: #000000;
}