@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*HOT 100 [LAYOUT]*/
/*----------------------------------------------*/
/*Created: 2010.10.01*/
/*Last Update:	2016.12.27*/
/*----------------------------------------------*/




/*INDEX*/

/*[LAYOUT]*/

/*A.HEADER*/

/*B.CONTENT*/
/*B-1.INDEX PAGE*/
/*B-2.MIDDLE PAGE*/

/*C.FOOTER*/










/*----------------------------------------------*/
/*[LAYOUT]*/
/*----------------------------------------------*/

/*----------------------------------------------*/
/*wrapper*/
#wrapper {
width:auto;
height:auto;
margin:0;
padding:0;
text-align:center;
background:url(/hot100/common/images/h100_head_base.png) repeat-x 0 0;
}

/*----------------------------------------------*/
/*container*/
#container {
width:940px;
height:auto;
margin:0 auto;
padding:0;
text-align:left;
}





/*----------------------------------------------*/
/*A.HEADER*/
/*----------------------------------------------*/

/*----------------------------------------------*/
/*header*/
#header {
width:940px;
height:180px;
margin:0;
padding:0;
background:url(/hot100/common/images/h100_head_back.png) no-repeat 0 0;
position:relative;
}


/*----------------------------------------------*/
/*title,copy,(ALL)*/
h1#h100Title a,h2#h100Copy {
margin:0;
padding:0;
text-indent:-9999px;
}


/*title*/
h1#h100Title a {
width:200px;
height:130px;
display:block;
text-decoration:none;
overflow:hidden;
background:url(/hot100/common/images/h100_head_title.png) no-repeat 0 0;
position:absolute;
left:10px;
top:15px;
}
/*(2015.04.01)*/
#header.nt #h100Title a {
width:230px;
background:url(/hot100/common/images/h100_head_title_n.png) no-repeat 0 0;
z-index:999;
}


/*copy*/
h2#h100Copy {
width:485px;
height:45px;
background:url(/hot100/common/images/h100_head_copy.png) no-repeat 0 0;
position:absolute;
left:226px;
top:0;
}
/*(2015.04.01)*/
#header.nt #h100Copy {
background:url(/hot100/common/images/h100_head_copy2.png) no-repeat 0 0; 
}





/*----------------------------------------------*/
/*DJ's photo*/
p#h100Djs {
margin:0;
padding:0;
position:absolute;
left:730px;
top:15px;
}





/*----------------------------------------------*/
/*main navi*/
ul#mainNavi {
margin:0;
padding:0;
position:absolute;
/*left:318px;*/ /*( for 3 buttons )*/
left:262px; /*( for 4 buttons )*/
top:61px;
}
ul#mainNavi li {
float:left;
}
ul#mainNavi li a {
width:87px;
height:40px;
text-decoration:none;
overflow:hidden;
display:block;
text-indent:-9999px;
}
/*HOME*/
li#mN-home a {
background:url(/hot100/common/images/h100_head_b_home.jpg) no-repeat 0 0;
position:absolute;
left:0;
top:0;
}
/*CHART*/
li#mN-chart a {
background:url(/hot100/common/images/h100_head_b_chart.jpg) no-repeat 0 0;
position:absolute;
left:111px;
top:0;
}
/*YEARLY ( Add | 27 Dec, 2016 )*/
li#mN-yearly a {
background:url(/hot100/common/images/h100_head_b_yearly.jpg) no-repeat 0 0;
position:absolute;
left:219px;
top:0;
}
/*DIARY*/
li#mN-diary a {
background:url(/hot100/common/images/h100_head_b_diary.jpg) no-repeat 0 0;
position:absolute;
left:329px;
top:0;
}
/*i-mode*/
li#mN-imode a {
background:url(/hot100/common/images/h100_head_b_imode.jpg) no-repeat 0 0;
position:absolute;
left:329px; /*( for 4 buttons)*/
top:0;
}
/*hover(4 buttons)*/
li#mN-home a:hover,
li#mN-chart a:hover,
li#mN-yearly a:hover,
li#mN-diary a:hover,
li#mN-imode a:hover {
background-position:0 -40px;
}
/*visit(4 buttons)*/
body#homePage li#mN-home a,
body#chartPage.p-week li#mN-chart a,
body#chartPage.p-yearly li#mN-yearly a,
body#diaryPage li#mN-diary a,
body#imodePage li#mN-imode a {
background-position:0 -40px;
}



/*----------------------------------------------*/
/*subNavi*/
ul#subNavi {
margin:0;
padding:0;
position:absolute;
left:235px;
top:117px;
}
ul#subNavi li {
float:left;
}
ul#subNavi li a {
width:235px;
height:40px;
text-decoration:none;
overflow:hidden;
display:block;
text-indent:-9999px;
}
/*LIVE BBS*/
li#sN-bbs a {
background:url(/hot100/common/images/h100_head_b_bbs.jpg) no-repeat 0 0;
}
/*REQUEST & PRESENT */
li#sN-req a {
background:url(/hot100/common/images/h100_head_b_request.jpg) no-repeat 0 0;
}
/*hover(2 Buttons)*/
li#sN-bbs a:hover,li#sN-req a:hover {
background-position:0 -41px;
}










/*----------------------------------------------*/
/*B.CONTENT*/
/*----------------------------------------------*/

/*chart banner*/
#chartBanner {
 width:820px;
 height:115px;
 margin:0 auto;
 padding:0;
}
#chartBanner p {
 margin:0;
 padding:0;
}


/*content*/
#content {
width:940px;
height:auto;
margin:0;
padding:0 0 20px 0;
}

/*----------------------------------------------*/
/*B-1.INDEX PAGE*/

/*MAIN*/
#mainIndex {
width:570px;
height:auto;
margin:0;
padding:0;
float:left;
}


/*SUB*/
#subIndex {
width:350px;
height:auto;
margin:0;
padding:0;
float:right;
}





/*----------------------------------------------*/
/*B-2.MIDDLE PAGE*/

/*MAIN*/
#mainMiddle {
width:670px;
height:auto;
margin:0;
padding:0;
float:left;
}


/*SUB*/
#subMiddle {
width:250px;
height:auto;
margin:0;
padding:0;
float:right;
}










/*----------------------------------------------*/
/*C.FOOTER*/
/*----------------------------------------------*/

/*page top*/
ul#pageTop {
width:940px;
height:40px;
margin:0;
padding:0;
position:relative;
}
ul#pageTop li {
margin:0;
padding:0;
}
ul#pageTop li a {
text-decoration:none;
overflow:hidden;
display:block;
text-indent:-9999px;
}
/*PAGE TOP*/
li#b-pageTop a {
width:95px;
height:32px;
margin:0;
padding:0;
background:url(/hot100/common/images/h100_b_pagetop.gif) no-repeat 0 0;
position:absolute;
right:10px;
top:0;
}
li#b-pageTop a:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}





/*----------------------------------------------*/
/*footer base*/
#footer {
clear:both;
width:940px;
height:140px;
margin:0;
padding:0;
background:url(/hot100/common/images/h100_footer_base.png) no-repeat 0 0;
position:relative;
text-align:center;
}





/*----------------------------------------------*/
/*under navi*/
ul#underNavi {
width:700px;
height:20px;
margin:0;
padding:0;
text-align:center;
position:absolute;
left:120px;
top:36px;
z-index:2;
overflow:hidden;
}
ul#underNavi li {
font-size:1.2em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
display:inline;
border-right:1px solid #999;
}
ul#underNavi li.uN-none {
border-right:none;
}
#underNavi a {
margin: 0 0.5em;
padding:0;
color:#FFF;
text-decoration:none;
}

#underNavi a:hover {
margin: 0 0.5em;
padding:0;
color:#F60;
}





/*----------------------------------------------*/
/*under logo*/
ul#underLogo {
clear:both;
width:910px;
height:auto;
margin:0 auto;
padding:0;
position:absolute;
left:20px;
top:15px;
z-index:1;
}
ul#underLogo li a {
text-decoration:none;
overflow:hidden;
display:block;
text-indent:-9999px;
}
/*HOT100*/
li#uL-hot100 a {
width:80px;
height:55px;
margin:0;
padding:0;
background:url(/hot100/common/images/h100_footer_h100.png) no-repeat 0 0;
float:left;
}
/*(2015.04.01)*/
ul#underLogo.nt #uL-hot100 a {
width:100px;
background:url(/hot100/common/images/h100_footer_h100_n.png) no-repeat 0 0;
}
/*FM802*/
li#uL-fm802 a {
width:100px;
height:32px;
margin:12px 0 0 0;
padding:0;
background:url(/hot100/common/images/h100_footer_fm802.png) no-repeat 0 0;
float:right;
}
/**/
/*IE6*/
/**/
*html li#uL-fm802 a {
margin:2px 0 0 0;
}





/*----------------------------------------------*/
/*copyright*/
#footer address {
clear:both;
width:235px;
height:17px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(/hot100/common/images/h100_footer_copyright.png) no-repeat 0 0;
position:absolute;
left:353px;
top:93px;
}