@charset "utf-8";/*
-------------------------------------------
共通
-------------------------------------------*/

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

.clr { display: inline-block;}/* Hides from IE-mac \*/
* html .clr { height: 1%; }
.clr { display: block; }/* End hide from IE-mac */
#select a{
	color:#fff;
}
#select a:link, a:visited, a:active{
	color:#fff;
}
#select a:hover{
	color:#999;
}
p.migi{text-align:right;}
/*-------------------------------------------
全体
-------------------------------------------*/

img{
	border:0;
	margin:0;padding:0;
}

body{ 
	margin:0;padding:0;
	background-color:#000;
	font-size:12px;
	color:#fff;
	line-height:1.6;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align:center;
	background:url(../img/bg.gif) center 7px;
}
div,dl,dt,dd,p,ul,li,form{
	margin:0;padding:0;
}
h1,h2,h3,h4{
	margin:0;padding:0;
	font-weight:normal;
	font-size:100%;
}
h2,h3{
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
h1{
	margin-left:-1px;
}
h2{
	font-weight:bold;
}
a {
	color:#fff;
	text-decoration:none;
}/*a:link, a:visited{
	color:#999999;
}
a:hover, a:active {
	color:#fff;
}*/
ul{
	list-style:none;
}
ul li{
	display:inline;
}
table{
	border-spacing:0;
}
th{
	font-weight:normal;
}
#page1,#page3,#page5,#page6,#page7,#page8,#page9,#page10{
	margin:0 auto;
	width:940px;
	text-align:left;
}
#page2,#page4{
	text-align:left;	
	background:#000;
}
#contents{
	background:url(../img/contents_bgBody.jpg) repeat-y center top;
}
#page5 #contents,#page6 #contents{
	margin:0 auto;
}

#area{
	width:95%;
	margin:0 auto;
	padding-top:25px;	
}
#head{
	margin:15px auto 0 auto;
	text-align:center;
}
#head h1{
	padding-left:16px;
	text-align:left;
}
#head ul{
	height:30px;
}
#head li{
	margin:0;padding:0;
	display:inline;
}
.caption{
	margin:0;padding:0;
}
.select{
	margin:0 auto;
	height:10px;
}
.select li{
	margin-right:7px;padding:0;
}
.select span{
	margin-left:5px;
}
.s_top{
	margin-top:2px;
	padding:40px 0 0 42px;
	background:url(../img/contents_bgTop.jpg) no-repeat center top;
}
.s_bottom{
	margin-bottom:20px;
	padding:0 0 0 42px;
	height:70px;
	background:url(../img/contents_bgBottom.jpg) no-repeat center top;
}
.foot{
	padding:0 20px;
	height:30px;
	vertical-align:bottom;
}
.foot_forlife{
	float:left;
	padding-top:5px;
}
.foot_forlife a{
	margin-right:5px;
}
.foot_title{
	float:right;
}
.foot_forlife a{
	margin-right:5px;
}

.btn img{
	margin-right:7px;
	vertical-align:bottom;
}
.btn li{
	margin-right:10px;
	vertical-align:bottom;
}
.pv{
	margin-left:7px;
}
table#frame{
	margin:0 auto;
	width:92%;
}
#frame td{
	margin:0;padding:0;
	border-spacing:0;
}

#page3 #area ul{
	margin:0 17px;
}
#page2 .seleb #subArea{
	border-color:#91611F;
}
#page2 .celeb #subArea{
	border-color:#91611F;
}
#page2 .media #subArea{
	border-color:#646464;
}

/*
-------------------------------------------
■page3 discography
-------------------------------------------*/
#page3 #area li{
	margin:0 18px 10px 20px;
	padding-top:10px;
	float:left;
	height:210px;
	width:133px;
}
#page3 #area li p{
	text-align:center;
	line-height:1.4;
	margin-top:5px;
}
#page3 #area li img{
	margin:1px;
}
#page3 #select{
	float:left;
}
#page3 #subSelect{
	padding-right:42px;
	float:right;
	text-align:right;
}
#page3 li.single{
	background:url(../img/disco_singleOver.gif) top left no-repeat;
}
#page3 li.single:hover{
	background:url(../img/disco_single.gif) top left no-repeat;
}
#page3 li.album{
	background:url(../img/disco_albumOver.gif) top left no-repeat;
}
#page3 li.album:hover{
	background:url(../img/disco_album.gif) top left no-repeat;
}
#page3 li.remix{
	background:url(../img/disco_remixOver.gif) top left no-repeat;
}
#page3 li.remix:hover{
	background:url(../img/disco_remix.gif) top left no-repeat;
}
#page3 li.video{
	background:url(../img/disco_videoOver.gif) top left no-repeat;
}
#page3 li.video:hover{
	background:url(../img/disco_video.gif) top left no-repeat;
}
#page3 li.vinyl{
	background:url(../img/disco_vinylOver.gif) top left no-repeat;
}
#page3 li.vinyl:hover{
	background:url(../img/disco_vinyl.gif) top left no-repeat;
}
#page3 li.other{
	background:url(../img/disco_otherOver.gif) top left no-repeat;
}
#page3 li.other:hover{
	background:url(../img/disco_other.gif) top left no-repeat;
}


/*
-------------------------------------------
■page5 ranking
-------------------------------------------*/

#page5 #intro{
	margin:0 auto 5px auto;
	padding-top:5px;
	text-align:center;
}
#page5 .hajimari{
	margin:0 auto 5px auto;
	padding-top:5px;
	text-align:center;
}
#page5 .hajimari img{
	margin:15px;
}

#page5 #area{
	margin-right:0;
	float:left;
	width:535px;
	text-align:left;
}

#page5 #area th{
	padding-top:3px;
	padding-left:35px;
	vertical-align:top;
}
#page5 #area td{
	padding-top:3px;
	padding-right:15px;
	vertical-align:top;
}
#page5 #area th.rankFirst{
	background:url(../img/rank_first.jpg) 5px 0 no-repeat;
}
#page5 #area th.rank{
	padding:3px;
}
#page5 #area td.btn{
	padding-right:0;
}
#page5 #area td h4{
	display:inline;
}
#page5 #area .selectBtn{
	margin:70px auto;
	text-align:center;
}
#page5 #area .selectBtn img{
	margin:0 15px;
}
#page5 #subArea{
	float:right;
	text-align:left;
}
#page5 #subArea .subRank{
	margin-top:10px;
	margin-bottom:20px;
	width:214px;
	border:solid 1px #505050;
	background:url(../img/rank_subBgBottom.gif) bottom no-repeat;
}
#page5 #subArea .rankTitle{
	padding:5px 0;
	color:#fff;
	width:100%;
	display:block;
	text-align:center;
	border-bottom:solid 1px #505050;
	background:url(../img/rank_subBgTop.gif) top no-repeat;
}
#page5 #subArea div ul{
	margin-top:5px;
	padding-top:5px;
	width:100%;
	border-top:solid 1px #505050;
}
#page5 #subArea div li{
	margin-bottom:10px;
	display:block;
	clear:both;
}
#page5 #subArea div li{
	padding-left:30px;
}
#page5 #subArea li.rankFirst{

	background:url(../img/rank_firstSmall.jpg) 5px 0 no-repeat;
}
#page5 #subArea li h4{
	margin-bottom:5px;
}
#page5 #subArea li p{
	text-align:left;
	padding-top:3px;
	padding-bottom:10px;
	text-align:left;
	font-size:90%;
	line-height:1.4;
}
#page5 #subArea div div{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#page5 #subArea div div.btn{
	width:114px;
}
#page5 .rName{
    width:110px;
}
#page5 .info{
	margin-bottom:15px;
	text-align:center;
}


/*
-------------------------------------------
■page6 AtoZ
-------------------------------------------*/

#page6 p a {
	color:#999;
	text-decoration:none;
}
#page6 p a:link, a:visited{
	color:#999;
}
#page6 p a:hover, a:active {
	color:#fff;
}
#page6 #area{
	margin:0 auto;
	padding:0;
	text-align:left;
	width:95%;
}
#page6 #area th{
	padding-top:3px;
	vertical-align:top;
}
#page6 #area td{
	padding-left:3px;
	padding-top:3px;
	vertical-align:top;
}
#page6 #area td h4{
	padding-right:7px;
	display:inline;
	background:#000;
}
#page6 #area td.title{
	padding-right:3px;
	background:url(../img/az_bg.gif) 0 3px repeat-x;
	width:90%;
}
#page6 ul.btn{
	text-align:right;
	margin:20px 0;
}
#page6 .btn li{
	margin-right:0;
}
#page6 table#frame p{
	margin:20px 0;
	color:#666;
	letter-spacing:1px;
}
#page6 strong{
	color:#fff;
	font-weight:normal;
}


/*
-------------------------------------------
■page7 single
-------------------------------------------*/
#page7 a {
	color:#000;
}
#page7 #contents{
	background:url(../img/single_bgBody.jpg) repeat-y center top;
	color:#000;
}
#page7 .s_top{
	margin-top:2px;
	padding:40px 0 0 42px;
	background:url(../img/single_bgTop.jpg) no-repeat center top;
}
#page7 .s_bottom{
	padding:0 0 0 42px;
	height:70px;
	background:url(../img/single_bgBottom.jpg) no-repeat center top;
}

#page7 th.frameTh{
	padding:25px;
}
#page7 #area,#page7 #subArea{
	padding:0;
	text-align:left;
	width:730px;
}
#page7 #area{
	margin:0 auto 70px auto;
}
#page7 #subArea{
	margin:0 auto 5px auto;
}

#page7 #artistImg{
	float:left;
}
#page7 #singleInfo table{
	width:350px;
}
#page7 #singleInfo{
	margin-left:25px;
	float:left;
}
#page7 #singleInfo h2{
	margin-bottom:35px;
}
#page7 #singleInfo .info{
	margin-bottom:20px;
}
#page7 #singleInfo .info th{
	padding-right:12px;
	vertical-align:top;
}
#page7 #singleInfo .info td{
	vertical-align:top;
}
#page7 #singleInfo .info ul{
	margin-left:10px;
	margin-bottom:12px;
}
#page7 h4{
	font-size:140%;
	font-weight:bold;
}
#page7 span{
	margin-bottom:15px;
	font-weight:bold;
	display:block;
	font-size:120%;
}
#page7 #subArea .name{
	margin-top:25px;
	text-align:right;
}

/*
-------------------------------------------
■page8 comingSoon
-------------------------------------------*/
#page8 table{
	height:600px;
	width:100%;
}
#page8 td{
	height:100%;
	width:100%;
	text-align:center;
	vertical-align:middle;
}


/*
-------------------------------------------
■page9 history
-------------------------------------------*/
#page9 #area{
	width:730px;
	text-align:left;
}
#page9 h2{
	margin-bottom:7px;
}
#page9 #area table{
	width:485px;
}
#page9 #area div{
	margin-bottom:25px;
	float:left;
}
#page9 #area .subArea{
	margin-left:25px;
	padding-top:25px;
	width:220px;
}
#page9 #area .subArea img{
	margin-left:5px;
	margin-bottom:5px;
}
#page9 #area th{
	width:80px;
	vertical-align:top;
	padding-bottom:3px;
	text-align:left;
}
#page9 #area td{
	padding-bottom:3px;
}
/*
	border:solid 1px #fff;
	border:solid 1px #ff0000;
*/

/*
-------------------------------------------
■page10 bestAlbum
-------------------------------------------*/
#page10 #area{
	margin:10px auto;
	padding:0;
	text-align:left;
	width:760px;
}
#page10 #info{
	float:left;
	width:400px;
}
#page10 #info h2{
	margin-bottom:30px;
}
#page10 #info .albumImg{
	float:left;
	margin-right:15px;
}
#page10 #info li{
	display:block;
	margin-bottom:15px;
	color:#91611f;
}
#page10 .infoTxt{
	clear:both;
	padding-top:13px;
}
#page10 #pv{
	float:right;
	text-align:right;
}
#page10 #pv span{
	padding:2px;
	border:solid 1px #91611F;
	width:320px;
}
#page10 #info a img{
	margin-top:30px;
}
#page10 #subArea{
	margin-top:70px;
	text-align:left;
}
#page10 #subArea h2{
	text-align:center;
}
#page10 #subArea h4{
	margin:20px auto;
	text-align:center;
	font-size:140%;
	font-weight:bold;
}
#page10 #subArea div{
	margin:40px auto 20px auto;
	width:90%;
}
#page10 #subArea strong{
	color:#91611F;
}
#page10 #subArea div p{
	margin:5px 0 25px 28px;
	color:#fff;
}

/*
-------------------------------------------
■add 三月更新
-------------------------------------------*/

#songlist{
	padding:15px;
	margin:0px 0;
}
#songlist-ul li{
	display:block;
	width:340px;
	float:left;
	padding:3px;
}
#colabo-title{
	margin:30px 0 0 0;
	border-bottom:solid 1px #91611F;
}
#colabo-foot{
	border-bottom:solid 1px #91611F;
	text-align:right;
	clear:both;
}
.colabo-photo img{
	marging:3px;
}
.colabo-txt{
	padding:3px;
	vertical-align:top;
}