@charset "UTF-8";

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

【ドリーミュージック】川江美奈子公式サイト

スペシャル　レイアウトCSS

[ /css/special/layer.css ]

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

#special{background:#FFF;}

div#shadowBtm{
margin:0 auto;
width:1044px;
height:16px;
background:url(../../img/common/sdw_bottom.jpg);
margin:0 auto;
}



/* アルバムページ
------------------------------------------------- */

body#special div#Container {

width: 1044px;
height:740px;  
margin:0px auto;
background:url(../../img/top/main_bg.jpg);
position:relative;

}


body#special div#Container div#main{
width:1024px;
height:620px;
margin:0 auto;
position:relative;}


body#special div#Container div#main div#leftBox{

width:460px;
height:620px;
background:url(../../img/special/sp_main_img.jpg) no-repeat;
float:left;}




body#special div#Container div#main div#rightBox{
width:524px;
height:580px;
padding:0 20px 20px 20px;
position:relative;
float:right;}


/* DVDﾍﾟｰｼﾞ
------------------------------------------------- */
body#special div#Container2 {

width: 1044px;
height:860px;  

margin:0px auto;

background:url(../../img/top/main_bg.jpg);

position:relative;

}

body#special div#Container2 div#main2{
width:1024px;
height:740px;
margin:0 auto;
position:relative;}


body#special div#Container2 div#main2 div#leftBox2{

width:460px;
height:740px;
background:url(../../img/special/sp_main_img.jpg) no-repeat;
float:left;}

body#special div#Container2 div#main2 div#rightBox2{
width:524px;
height:700px;
padding:0 20px 20px 20px;
position:relative;
float:right;}


/*
------------------------------------------------- */
body#special div#Container div#main div#rightBox div#img1{
width:500px;
height:145px;}



#tableBox{
width:500px;
padding:10px;
}

#tableBox2{
width:500px;
height:600px;
padding:10px;
}
/*table  */

table .songlist{table-layout:auto;
width:100%;
font:95%;
}

td{hright:25px;
border-bottom:1px #CCC dotted;
padding:5px;}

table .colorBg{background:#666;
color:#FFF;
padding:5px;
border-right:1px #ffffff dotted;
}

.cap{font-size:85%;
color:#F60;
margin-top:5px;}


#rightBox div#btn{
	width:121px;
	height:17px;
	position:absolute;
	display:block;
	top:569px;
	left: 34px;

}



#rightBox div#amazon{
	width:150px;
	height:22px;
	position:absolute;
	display:block;
	left: 390px;
	top: 568px;

}



#main2 div#btn2{
	width:121px;
	height:17px;
	position:absolute;
	display:block;
	left: -122px;
	top: 613px;
}



#main2 div#amazon2{
	width:150px;
	height:22px;
	position:absolute;
	display:block;
	left: -152px;
	top:642px;

}
/* footer


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

#special div#footer{

width:964px;
height:75px;
text-align:right;
margin:0px auto;
font-size:85%;
position:relative;

}



#special div#footer a{text-decoration:none;

color:#666666;}



#special div#footer a:hover{

color:#000000;}

#special div#footer div#logo{
	width:325px;
	height:54px;
	position:absolute;
bottom:10px;
	left:5px;

}

#special div#footer div#bnr{

width:243px;

height:59px;

position:absolute;

bottom:10px;

left:350px;}



#special div#footer div#copyR{
	width:362px;
	height:30px;
	position:absolute;
bottom:10px;
	left:604px;

}


/* navi

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

body#special div#Navi {
height: 26px;
width:964px;
margin:5px auto 0px auto;
border-bottom:#CCCCCC 1px solid;
border-top:#CCCCCC 1px solid;
position:relative;

}


body#special div#Navi li {
float: left;
height:16px;
list-style:none;

}


body#special div#Navi li a {
height:16px;
display: block;
margin:5px 40px 5px 10px;
}

body#top #Navi li.menu01 a {
width: 47px;
background:url(../../img/common/navi_top_on.gif) no-repeat left top;
}

#Navi li.menu01 a {
width:47px;
background:url(../../img/common/navi_top.gif) no-repeat left top;
}


#Navi li.menu01 a:hover {
background:url(../../img/common/navi_top_on.gif) no-repeat left top;
}



body#news #Navi li.menu02 a {
width: 55px;
background:url(../../img/common/navi_news_on.gif) no-repeat left top;
}


#Navi li.menu02 a {
width:55px;
background:url(../../img/common/navi_news.gif) no-repeat left top;
}


#Navi li.menu02 a:hover {
background:url(../../img/common/navi_news_on.gif) no-repeat left top;
}


body#media #Navi li.menu03 a {
width: 61px;
background:url(../../img/common/navi_media_on.gif) no-repeat left top;
}


#Navi li.menu03 a {
width:61px;
background:url(../../img/common/navi_media.gif) no-repeat left top;
}


#Navi li.menu03 a:hover {
background:url(../../img/common/navi_media_on.gif) no-repeat left top;
}


body#live #Navi li.menu04 a {
width: 47px;
background:url(../../img/common/navi_live_on.gif) no-repeat left top;

}



#Navi li.menu04 a {
width:47px;
background:url(../../img/common/navi_live.gif) no-repeat left top;
}


#Navi li.menu04 a:hover {
background:url(../../img/common/navi_live_on.gif) no-repeat left top;
}


body#profile #Navi li.menu05 a {
width: 73px;
background:url(../../img/common/navi_prof_on.gif) no-repeat left top;

}



#Navi li.menu05 a {
width:73px;
background:url(../../img/common/navi_prof.gif) no-repeat left top;

}



#Navi li.menu05 a:hover {
background:url(../../img/common/navi_prof_on.gif) no-repeat left top;
}



body#discography #Navi li.menu06 a {
width: 113px;
background:url(../../img/common/navi_disco_on.gif) no-repeat left top;

}



#Navi li.menu06 a {
width:113px;
background:url(../../img/common/navi_disco.gif) no-repeat left top;

}



#Navi li.menu06 a:hover {
background:url(../../img/common/navi_disco_on.gif) no-repeat left top;

}



body#blog #Navi li.menu07 a {
width: 54px;
background:url(../../img/common/navi_blog_on.gif) no-repeat left top;

}



#Navi li.menu07 a {
width:54px;
background:url(../../img/common/navi_blog.gif) no-repeat left top;

}



#Navi li.menu07 a:hover {
background:url(../../img/common/navi_blog.gif) no-repeat left top;

}