@charset "Shift_JIS";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*FM802 OSAKAN HOT 100--------------------------*/
/*----------------------------------------------*/
/*20100328--------------------------------------*/




/*A.FRAME---------------------------------------*/
/*NEW(20100328)*/

/*B.TITLE---------------------------------------*/
/*NEW(20100328)*/

/*C.CONTENTS------------------------------------*/
/*NEW(20100328)*/

/*D.CHART---------------------------------------*/
/*NEW(20100328)*/

/*■OLD CSS-------------------------------------*/
/*FRAME*/
/*TITLE*/
/*既設CSS*/

















/*----------------------------------------------*/
/*A.FRAME---------------------------------------*/
/*----------------------------------------------*/

/*----------------------------------------------*/
/*NEW(20100328)*/

/*title frame line*/
/*(top & under)*/
#titleFrameLineT,#titleFrameLineU {
  width:650px;
  margin:0;
 padding:0;
 font-size:0px;
 line-height:0px;
 background:url(../../hot100/img/oh100_bg_index2.gif) no-repeat 0 0;
 }
/*(top)*/
#titleFrameLineT {
height:1px;
 }
/*(under)*/
#titleFrameLineU {
 clear:both;
 height:12px;
}

/*title frame set*/
#titleFrame {
 width:650px;
 height:auto;
 margin:0;
 padding:0;
 background:url(../../hot100/img/oh100_bg_index.gif) repeat-y 0 0;
}

/*title area*/
#titleArea {
 width:415px;
 height:auto;
 margin:0;
 padding:0;
 float:left;
}

/*content area*/
#contentArea {
 width:225px;
 height:auto;
 margin:0;
 padding:7px 0;
 float:right;
}










/*----------------------------------------------*/
/*B.TITLE---------------------------------------*/
/*----------------------------------------------*/

/*----------------------------------------------*/
/*NEW(20100328)*/

/*title set*/
#titleSet {
 width:415px;
 height:auto;
 margin:0;
 padding:0;
}

/*oh100 logo*/
h2#oh100Logo {
 width:170px;
 height:135px;
 margin:0;
 padding:0;
 float:left;
}
h2#oh100Logo a {
 width:170px;
 height:125px;
 margin:0;
 padding:0;
 display:block;
 overflow:hidden;
 text-indent:-9999px;
 background:url(../../hot100/img/oh100_t_logo.gif) no-repeat 0 0;
}

/*oh100 title*/
h3#oh100Title {
 width:245px;
 height:135px;
 margin:0;
 padding:0;
 text-indent:-9999px;
 background:url(../../hot100/img/oh100_t_main.gif) no-repeat 0 0;
 float:left;
 }

/*oh100 info*/
p#oh100Hidden {
 display:none;
}

/*banner list*/
ul#oh100BannerList {
 clear:both;
 width:410px;
 height:65px;
 margin:0;
 padding:5px 0 0 5px;
 background:#111111;
}
ul#oh100BannerList li {
 float:left;
 display:inline;
}
/*link(mac & docomo)*/
li#b-b-mac,li#b-b-docomo {
 width:200px;
 height:60px;
 margin:0 5px 0 0;
 padding:0;
 font-size:0px;
 line-height:0px;
}










/*----------------------------------------------*/
/*C.CONTENTS------------------------------------*/
/*----------------------------------------------*/

/*----------------------------------------------*/
/*NEW(20100328)*/

/*content list*/
ul#oh100ContentList {
 width:210px;
 height:auto;
 margin:0 auto;
 padding:0;
}
ul#oh100ContentList li {
 width:auto;
 height:auto;
 margin:0 0 7px 0;
 padding:0;
 font-size:0px;
 line-height:0px;
}

/*yearly chart*/
h4#oh100ContentYNB {
 width:210px;
 height:21px;
 margin:0 auto;
 padding:0;
 text-indent:-9999px;
 background:url(../../hot100/img/oh100_st_yearly.gif) no-repeat 0 0;
 }

/*yearly form*/
form#oh100YearlyList {
 width:190px;
 margin:0 0 0 20px;
 padding:0;
}

/*yearly menu*/
select#jumpMenu {
 margin:0 5px 0 0;
 padding:0;
}










/*----------------------------------------------*/
/*D.CHART---------------------------------------*/
/*----------------------------------------------*/

/*----------------------------------------------*/
/*NEW(20100328)*/

/*chart head(weeks & yearly)*/
#chartHead {
 width:640px;
 height:70px;
 margin:0;
 padding:0 14px 0 0;
 background:url(../../hot100/img/oh100_bg_chart.gif) no-repeat 0 0;
 }

/*chart title(week)*/
h3#chartWeek {
 float:left;
}

/*chart date*/
#chartDate {
 width:auto;
 float:right;
 margin:0 0 0 0;
 padding:0;
 text-align:right;
 position:relative;
}
.setDate {
 position:absolute;
 top:0;
 right:0;
 }
.setDl {
 position:absolute;
 top:35px;
 right:0;
 }








/*■OLD CSS-------------------------------------*/
/*----------------------------------------------*/
/*FRAME-----------------------------------------*/
/*----------------------------------------------*/

/*HALF & YEARLY BUTTON AREA*/
#yearly {
width:650px;
height:60px;
margin:0 0 10px 0;
padding:0;
}

/*SUB BUTTON AREA*/
#subbutton {
width:650px;
height:46px;
margin:0 0 18px 0;
padding:0;
}





/*----------------------------------------------*/
/*TITLE-----------------------------------------*/
/*----------------------------------------------*/

/*OSAKAN HOT 100 TITLE*/
#pageTitle h3 {
background:url(../../hot100/img/h100_title.gif) no-repeat 0 0;
width:430px;
height:55px;
}

/*OSAKAN HOT 100(YEAR) TITLE*/
#pageTitle h3#sp {
background:url(../../hot100/img/h100_title_sp.gif) no-repeat 0 0;
width:430px;
height:55px;
}

/*OSAKAN HOT 100(HALF) TITLE*/
#pageTitle h3#sp-half {
background:url(../../hot100/img/h100_title_sp_half.gif) no-repeat 0 0;
width:430px;
height:55px;
}

/*OSAKAN HOT 100(archive) TITLE*/
#pageTitle h3#sp-old {
background:url(../../hot100/img/h100_title_sp_old.gif) no-repeat 0 0;
width:430px;
height:55px;
}





/*----------------------------------------------*/
/*既設CSS---------------------------------------*/
/*----------------------------------------------*/

/*ボタン*/
img#subimode {
float:left;
margin:0;
padding:0;
}

img#subph {
float:right;
margin:0;
padding:0;
}

.h100tableleft {
	background: url(../../hot100/img/h100_cl_left.gif) repeat-y;
	width: 10px;
}

.h100tableright {
	background: url(../../hot100/img/h100_cl_right2.gif) repeat-y;
	width: 13px;
}

.h100tablemain {
	background: #333333;
	width: 631px;
}

.update {
	font-size: 10px;
	color: #66FF00;
}

.thisweek {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.lastweek {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 10px;
	color: #FFFFFF;
}

.weeksago {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 10px;
	color: #FFFFFF;
}

.onchart {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 10px;
	color: #FFFFFF;
}

.title {
	padding-top: 3px;
	padding-bottom: 3px;
	color: #FFFFFF;
	font-size: 12px;
}

.artist {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12px;
	color: #FFFFFF;
}

.label {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 10px;
	color: #FFFFFF;
}

.labellist {
	font-size: 10px;
	line-height: 14px;
	color: #333333;
	margin:15px 0;
}

.backbold {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.back10 {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 10px;
	color: #FFFFFF;
}

.back12 {
	padding-top: 3px;
	padding-bottom: 3px;
	color: #FFFFFF;
	font-size: 12px;
}