@charset "UTF-8";

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

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

更新ページ共通　レイアウトCSS 

[ /css/common/layer.css ]

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





/* Container

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

#Container {
width: 1044px;
height:100%;  
margin:0px auto;
background:url(../../img/common/containerBg.jpg) repeat-y;
position:relative;
}




#Container div#main{
width:1024px;
height:100%;
background:#FFF;
margin:0 auto;

}




/*wrapper
------------------------------------------------- */

#Container div#main div#wrapper{

width:900px;
height:95%;
background:url(../../img/common/wraperBg.jpg);
padding:0px 33px 30px 32px;
margin:0 auto;
position:relative;



}



#Container div#main div#wrapperTop{width:964px;
height:25px;
margin:0 auto;

}



#Container div#main div#wrapperBottom{width:964px;
height:25px;
margin:0 auto;

}

/*header
------------------------------------------------- */

#header{
width:964px;
height:54px;
background:#FFF;
margin:0px auto;
padding:10px 0;
}

/* main image

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

div#mainImg{width:900px;
height:330px;
background:url(../../img/common/head_img.jpg) no-repeat;
position:relative;
margin:0px auto;

}


div#ttl{width:840px;
height:31px;
margin:20px 0px 5px 0px;}



div#ttl div#year{
	width:168px;
	height:14px;
	position:absolute;
	left: 764px;
	top: 362px;
	font-size:80%;
	text-align:right;
}


/*content

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

div#content{width:900px;
margin:0 auto;
position:relative;
padding:10px 0px 40px 0px;
line-height:1.5em;
color:#990000;

}



div#content a{color:#663366;
text-decoration:none;

}




/* footer
------------------------------------------------- */

#Container div#footer{

width:964px;

height:60px;

text-align:right;

margin:0 auto;

border-top:#CCCCCC 1px solid;

font-size:85%;

padding:5px;

position:relative;
background:#FFF;

}



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

color:#666666;}



#Container div#footer a:hover{

color:#000000;}





/* navi
------------------------------------------------- */

#Navi {

height: 26px;
width:964px;
margin:5px auto 0px auto;
border-bottom:#CCCCCC 1px solid;
border-top:#CCCCCC 1px solid;
position:relative;
}



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

}


#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.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#disco #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;
}





div#content a:hover{color:#330033;}



.sentence{padding:5px;

border-bottom:#CCCCCC 1px dotted;

}



.day{font-size:100%;

font-weight:600em;

color:#333333;

margin:0 10px 0 5px;

}



.up{color:#990000;

font-size:80%;

margin-right:5px;

}



.headline{color:#333333;}



/*詳細ページ*/

h1{font-size:120%;
color:#660000;
border-bottom:#CCCCCC 1px dotted;
margin-bottom:10px;
padding-bottom:5px;
}



.text{

padding:0 5px;
color:#000;
border-bottom:#CCCCCC 1px dotted;
line-height:1.8em; }