@charset "UTF-8";


/*TODAY'S PROGRAM(SUB/MIDDLE)*/
@import "today.css";
/*BANNER(SUB/MIDDLE)*/
@import "banner.css";


/*----------------------------------------------*/
/*----------------------------------------------*/
/*DOCOMO OSAKAN HOT 100 [CHART PAGE]*/
/*----------------------------------------------*/
/*Created: 2010.10.01*/
/*Last Update:	2015.04.09*/
/*----------------------------------------------*/




/*INDEX*/

/*[CHART PAGE]*/

/*[CHART (for CHART)]*/
/*HEAD(WEEK & YEARLY)*/
/*DATE ,PDF DOWNLOAD & Coming Soon*/
/*LIST*/
/*UNDER*/

/*[YEARLY CHART LIST (for YEARLY CHART)]*/
/*LIST*/









/*----------------------------------------------*/
/*[CHART PAGE]*/
/*----------------------------------------------*/


/*----------------------------------------------*/
/*[CHART (for CHART)]*/
/*----------------------------------------------*/

/*frame*/
#chart {
width:670px;
height:auto;
margin:0;
padding:0;
text-align:left;
}





/*
[HEAD(WEEK & YEARLY)]
*/

/*head(ALL)*/
#chartHead,
#chartHeadYearly {
width:670px;
height:110px;
margin:0;
padding:0;
position:relative;
overflow:hidden;
}
/*(WEEK)*/
#chartHead {
background:url(/hot100/images/chart/chart_bg_head.jpg) no-repeat 0 0;
}
/*(YEARLY)*/
#chartHeadYearly {
background:url(/hot100/images/chart/chart_bg_head_yearly.jpg) no-repeat 0 0;
}


/*title(ALL)*/
h2#chartTitle {
width:105px;
height:50px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(/hot100/images/chart/chart_title.png) no-repeat 0 0;
position:absolute;
left:15px;
top:0;
}


/*copy(WEEK)*/
p#chartCopy {
width:320px;
height:35px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(/hot100/images/chart/chart_copy.gif) no-repeat 0 0;
position:absolute;
left:132px;
}
/*(2015.04.01)*/
#chartHead.nt p#chartCopy {width:350px; background:url(/hot100/images/chart/chart_copy2.png) no-repeat 0 0; top:19px; left:170px;}
/*-----*/

/*copy(YEARLY & HALF)*/
p#chartCopyYearly {
width:295px;
height:35px;
margin:0;
padding:0;
position:absolute;
left:132px;
top:15px;
}
/*(2015.04.01)*/
#chartHeadYearly.nt p#chartCopyYearly {width:auto; top:19px; left:170px;}
/*-----*/


/*catch(WEEK)*/
h3#chartCatch {
width:580px;
height:30px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(/hot100/images/chart/chart_notitle.png) no-repeat 0 0;
position:absolute;
left:30px;
top:65px;
}
/*catch(LAST WEEK)*/
h3#chartCatchLast {
width:580px;
height:30px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(/hot100/images/chart/chart_notitle_last.png) no-repeat 0 0;
position:absolute;
left:30px;
top:65px;
}
/*catch(YEARLY)*/
h3#chartCatchYearly {
width:580px;
height:30px;
margin:0;
padding:0;
position:absolute;
left:45px;
top:65px;
text-align:center;
}




/*
[DATE , PDF DOWNLOAD & Coming Soon]
*/

#datePdf {
width:640px;
height:50px;
margin:0 auto;
padding:0;
position:relative;
overflow:hidden;
}


/*update*/
table.chartUpdate {
width:auto;
height:auto;
margin:0;
padding:0;
float:left;
position:absolute;
bottom:15px;
}
td.update {
font-size:20px;
line-height:20px;
font-weight:bold;
margin:0;
padding:0;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
}
/*(2015.04.01)*/
td.update.nt {font-size:2.2em; padding-left:.3em;}
/*-----*/


/*pdf dowmload*/
ul#pdfDownload {
width:150px;
height:50px;
margin:0;
padding:0;
float:right;
}
ul#pdfDownload li {
font-size:0px;
line-height:0px;
vertical-align:text-bottom;
margin:0;
padding:0;
}
ul#pdfDownload li a {
width:150px;
height:40px;
text-decoration:none;
overflow:hidden;
display:block;
text-indent:-9999px;
}
/*PDF[WEEK]*/
/*(link)*/
li#cb-pdf a {
margin:0;
padding:0;
background:url(/hot100/images/chart/chart_b_pdf.jpg) no-repeat 0 0;
}
/*(hover)*/
li#cb-pdf a:hover {
background-position:0 -40px;
}


/*Coming Soon*/
/*(2015.04.01)*/
.coming-soon {
 width:auto;
 height:auto;
 margin:0 15px 2em;
 padding:4em 0;
 text-align:center;
 background:#FFF;
 background:rgba(255,255,255,1.00);
 border-radius:5px;
}
.coming-soon p {
 color:#444;
 font-size:1.6em;
}





/*
[LIST]
*/
/**/
/*written by chart_detail.css*/
/**/








/*
[UNDER]
*/

/*under*/
#chartUnder {
width:670px;
height:auto;
margin:0;
padding:15px 0 0 0;
background:url(/hot100/images/chart/chart_bg_under.jpg) no-repeat bottom;
}
*html #chartUnder {
height:15px;
padding:0;
}










/*----------------------------------------------*/
/*[YEARLY CHART LIST(for YEARLY CHART)]*/
/*----------------------------------------------*/

/*frame*/
#yearlyListArea {
width:250px;
height:auto;
margin:0 0 20px 0;
padding:0 0 13px 0;
background:url(/hot100/images/chart/chart_list_bg.jpg) no-repeat left bottom;
}





/*
[LIST]
*/

/*head title*/
h3#yearlyListTitle {
width:250px;
height:80px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(/hot100/images/chart/chart_list_yearly.jpg) no-repeat 0 0;
}
/*(2015.04.01)*/
#yearlyListTitle.nt {background:url(/hot100/images/chart/chart_list_yearly2.png) no-repeat 0 0;}
/*-----*/


/*yearly list*/
ul#yearlyList {
width:220px;
height:auto;
margin:0 auto;
padding:0;
}
ul#yearlyList li {
width:220px;
height:35px;
margin:0 0 2px 0;
padding:0;
vertical-align:text-bottom;
font-size:14px;
line-height:35px;
font-weight:bold;
text-indent:40px;
}
ul#yearlyList li a {
width:220px;
height:33px;
margin:0;
padding:0;
text-decoration:none;
overflow:hidden;
display:block;
background:url(/hot100/images/chart/chart_list_b_base.jpg) no-repeat 0 0;
}
ul#yearlyList li a:hover {
color:#FFF;
background-position:0 -33px;
}