/* base_02.css */

img {border:0;}

/*---- 1.COMMON ----*/
br.h5 {	line-height: 5px;}
br.h10 {	line-height: 10px;}
br.h15 {	line-height: 15px;}
br.h20 {	line-height: 20px;}
br.h25 {	line-height: 25px;}
br.h30 {	line-height: 30px;}
br.h35 {	line-height: 35px;}
br.h40 {	line-height: 40px;}
br.h50 {	line-height: 50px;}

br.clear_noie, 
div.clear_noie {
	display: inline !important;
	display: none;
	clear: both;
	line-height: 0px;
}

br.clear_all {
	clear: both;
	line-height: 0px;
}

.fontSmall-x {	font-size: 70%;}
.fontSmall {	font-size: 90%;}
.fontMedium {	font-size: 100%;}
.fontLarge {	font-size: 110%;}
.fontLarge-x {	font-size: 130%;}
.fontLarge-xx {	font-size: 150%;}
.fontLarge-xxx {	font-size: 170%;}
.fontLarge-xxxx {	font-size: 190%;}
.fontLarge-xxxxx {	font-size: 210%;}

p.paragraph {
	font-size: small;
	line-height: 130%;
}

/*---- 2.nn4 対応用 ----*/

.v4hidden{
	display:none;
}

.oldBrsCaution{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:small;
	width:535px;
}

/*---- 3.トップバナー部 ----*/
div.top_banner{
	width:885px;
	background-image: url(http://contents.oricon.co.jp/img/bg_top_banner.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

div.top_banner div{
	width:885px;
	text-align:center;
}

/*---- 4.インナーページヘッダー部----*/
div.inner_header {
	margin: 4px 0px 10px 0px;
	/*margin: 10px 0px 10px 0px;*/
	width:885px;
	font-size: small;
}

	/* eA: 2006.03.24 mod: for 0405_layout↓ */
div.inner_header table.submenu{
	margin: 2px 2px 5px 2px;
}

div.inner_header table.submenu td.submenu{
	border-right:1px solid #cccccc;
	padding: 3px 3px 3px 3px;
	vertical-align: middle;
}

div.inner_header table.submenu td.submenu img{
	vertical-align: top;
}

/*div.inner_header div.submenu a{
	margin: 0px 0px 0px 4px;
	vertical-align: middle;
}
div.inner_header div.submenu a img{
	vertical-align: middle;
}*/

	/* /eA: 2006.03.24 mod: for 0405_layout↑  */

/*---- 5.ダウンロードページ用ヘッダ----*/

div.download_header{
	margin: 10px 0px 10px 0px;
	width:885px;
	font-size:small;
}

div.download_header table.header {
	width: 100%;
}

div.download_header table.d_submenu {
	margin: 13px 0px 0px 0px;
	float:right;
}

div.download_header table.d_submenu td {
	padding: 0px 0px 0px 10px;
}

/*---- 6.検索フォームエリア ----*/

div.inner_header table td.right{
	text-align:right;
}

div.searcharea table{
	float:right;
}

div.searcharea table td{
	padding: 0px 2px 0px 0px;
}

div.searcharea form,
div.searcharea select{
	font-size:small;
}

div.searcharea form input.submitbtn{
	margin: 0px 0px 0px 0px;
}

div.searcharea form input.textbox{
	padding:2px;
	font-size:small;
	width:120px;
	border: 1px solid #7F9DB9;	
}

/*---- 7.ページタイトル ----*/
div.pagetitle{
	padding: 7px 8px 13px 15px;
	width: 862px !important;
	width /**/: 885px;
	background:  url(http://contents.oricon.co.jp/img/bg_title_back.gif) no-repeat bottom;
	background-color:#729BC5;
}

div.pagetitle img{
	margin: 0px 10px 0px 0px;
	vertical-align: middle;
}

div.pagetitle h1{
	text-indent: -1000px;
	font-size:1px;
}

/*---- 7-1.ページタイトル(ミュージック) ----*/
div.pagetitle_m{
	padding: 7px 8px 13px 15px;
	width: 862px !important;
	width /**/: 885px;
	background:  url(http://contents.oricon.co.jp/img/bg_title_back.gif) no-repeat bottom;
	background-color:#729BC5;
	border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #5c88b6;
}

div.pagetitle_m img{
	margin: 0px 10px 0px 0px;
	vertical-align: middle;
}

div.pagetitle_m h1{
	text-indent: -1000px;
	font-size:1px;
}

/*---- 7-2.ページタイトル(ニュース) ----*/
div.pagetitle_n{
	padding: 7px 8px 13px 15px;
	width: 862px !important;
	width /**/: 885px;
	background:  url(http://contents.oricon.co.jp/img/bg_title_back_n.gif) no-repeat bottom;
	background-color:#000000;
}

div.pagetitle_n img{
	margin: 0px 10px 0px 0px;
	vertical-align: middle;
}

div.pagetitle_n h1{
	text-indent: -1000px;
	font-size:1px;
}
	/* eA: 2006.03.30 add: for ページタイトルレイアウト変更 ↑ */



/*---- 8.ボディテーブル ----*/
table.contents{
	width:885px !inportant;
}

table.contents td.left{
	width:300px;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
}

table.contents td.mid{
	/*width:579px;*/
	width: 585px;
	padding: 0px 0px 0px 0px;
	/* background:  url(/img/x_dotline_01.gif) repeat-y right top; */
	vertical-align: top;
}

/*↓rankingトップ変更により追加*/
table.contents td.midleftrank{
	width:579px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

td.middleright_link{
	width:200px;
	/* background: url(/img/x_dotline_01.gif) repeat-y right top; */
	background-color: #FFFFFF;	/* 2005.10.26 mod #CCCCCC→ #FFFFFF */ 
	text-align: left;
	vertical-align: top;
}

/*↑rankingトップ変更により追加*/

table.contents td.wide{
	width:885px;
	/* background:  url(/img/x_dotline_01.gif) repeat-y right top; */
	background-color:#FFFFFF;
	vertical-align:top;
	padding-bottom:1px;
}

table.contents div.prbox{
	padding: 10px 5px 10px 5px;
	width: 873px !important;
	width /**/: 885px;
	font-size:12px;
	border:1px solid #CCCCCC;
	margin-bottom:1px;
}

/* コンテンツテーブル2（右セル横幅可変） */
table.contents_02{
/*	width:932px !inportant;*/	/* サイズ非固定 */
}

table.contents_02 td.left{
	width:300px;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
}

table.contents_02 td.mid{
	width:579px;
	padding: 0px 0px 0px 0px;
	/*background:  url(/img/x_dotline_01.gif) repeat-y right top;*/
	vertical-align: top;
}

table.contents_02 td.wide{
	width:885px;
	/*background:  url(/img/x_dotline_01.gif) repeat-y right top;*/
	background-color:#FFFFFF;
	vertical-align:top;
	padding-bottom:1px;
}


table.contents_02 td.right{
	width:148px;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
}

table.contents_02 div.prbox{
	padding: 10px 5px 10px 5px;
	width: 873px !important;
	width /**/: 885px;
	font-size:12px;
	border:1px solid #CCCCCC;
	margin-bottom:1px;
}

/*----9.フッターテーブル ----*/
div.footer{
	width:885px;
	/*background:  url(/img/x_dotline_01.gif) repeat-y right top;*/
	background-color:#FFFFFF;
	padding: 2px 0px 2px 0px;
}

div.footer div.breadarea{
	padding: 5px 5px 5px 5px;
	width: 873px !important;
	width /**/: 885px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	font-size:small;
	margin: 0px 0px 1px 0px;
	text-align:left;
}

div.footer div.breadarea a {
    text-align:left;
}

div.footer div.breadarea div.pr{
float:left;
}

div.footer div.breadarea div.bread{
float:right;
}

/* 9-3 フッターテーブル[グロナビ]*/
div.footer table.footergn{
width:885px; 
}

/* 9-4 フッターテーブル[会社概要等]*/
div.footer div.corp{
	padding: 5px 5px 5px 5px;
	width: 875px !important;
	width /**/: 885px;
	border-bottom:3px solid #BBBBBB;
	font-size:x-small;
	margin: 0px 0px 10px 0px;
	text-align:center;
}

div.footer div.corp div.link{
	line-height:130%;
}

div.footer div.corp div.copyright{
	margin: 10px 0px 0px 0px;
}

/*--- CMS 外部化要素 ---*/
/* 9-00 パンくずエリア */
div.footer_bread {
	width:885px;
	/*background:  url(/img/x_dotline_01.gif) repeat-y right top;*/
	background-color:#FFFFFF;
	padding: 10px 0px 0px 0px;
}

div.footer_bread div.breadarea{
	padding: 5px 5px 5px 5px;
	width: 873px !important;
	width /**/: 885px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	font-size:small;
	margin: 0px 0px 1px 0px;
}

div.footer_bread div.breadarea div.pr{
float:left;
}

div.footer_bread div.breadarea div.bread{
float:right;
}

/* 9-1　フッターブロック*/
div.footer_02{
	width:885px;
	/*background:  url(/img/x_dotline_01.gif) repeat-y right top;*/
	background-color:#FFFFFF;
	padding: 0px 0px 10px 0px;
}

/* 9-2 フッターテーブル[カテゴリリンク]*/
table.categorylink{
	font-size:small;
	width:885px !important;
}

table.categorylink td.left{
	padding: 5px 5px 5px 10px;
	background-color:#EFEFEF;
	line-height:130%;
	white-space: nowrap;
	vertical-align:top;
}

table.categorylink td.right{
	padding: 5px 10px 5px 5px;
	background-color:#EFEFEF;
	line-height:130%;
	vertical-align:top;
}

table.categorylink td.right ul{
	white-space: normal;		/* 2005.10.21 add */
}

table.categorylink td.right ul li{
	display:inline;
	margin-right:8px;
	font-weight: normal;
}

table.categorylink td.right ul li h3{
	display:inline;
	font-size: small;
	font-weight: normal;
	white-space: nowrap;
}

/* 9-3 フッターテーブル[グロナビ]*/
div.footer_02 table.footergn{
width:885px; 
}

/* 9-4 フッターテーブル[会社概要等]*/
div.footer_02 div.corp{
	padding: 5px 5px 5px 5px;
	width: 875px !important;
	width /**/: 885px;
	border-bottom:3px solid #BBBBBB;
	font-size:x-small;
	margin: 0px 0px 10px 0px;
	text-align:center;
}

div.footer_02 div.corp div.link{
	line-height:130%;
}

div.footer_02 div.corp div.copyright{
	margin: 10px 0px 0px 0px;
}



/*-----------------------------マイナーチェンジ用------------------------------*/
#page-align{
	width:885px;
	margin: 0 auto
}

/*---- hd_util START----*/


div#hd_util {
text-align: left;
width: 885px;
}


div#hd_util h2.hd_util {
padding:0;
margin-bottom:2px;
font-size: 10px;
font-weight:600;
color: #FFFFFF;
float: left;
font-family:Meiryo,"Trebuchet MS","Lucida Grande",verdana,helvetica,arial,sans-serif;
line-height: 1.22em;
}

div#hd_util div.util_btns{
float:right;
}

div#hd_util div.util_btns ul li{
float:left;
}

/*---- hd_util END----*/




/* ----------------------  renewal 0709 ------------------------- */

/*---- 満足度ランキング　右メニュー ----*/
#ajaxrankingmenu .ranking_menu{
	width:295px;
	padding-top: 4px;
	padding-left: 3px;
	padding-right: 0px;
	color: #666;
	background-color:white;
	cursor: pointer;
	border-style:solid;
	border-width:1px;
	border-color:#A2CBFF;
}

#ajaxrankingmenu .ranking_header {
	padding: 0px;
	margin: 0px;
	border-style:none;
}

#ajaxrankingmenu .ranking_container {
	position:relative;
	left:0px;
	top:0px;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	border-style:none;
}
#ajaxrankingmenu .ranking_contents_header {
	padding: 0px;
	margin: 0px;
	width:292px;
	height:4px;
	border-style:none;
}
#ajaxrankingmenu .ranking_contents_main {
	width:292px;
	padding:0 3px 3px 2px; 
	background-repeat:repeat-y;
	overflow:hidden;
}
#ajaxrankingmenu .ranking_contents_footer {
	width:292px;
	height:4px;
	padding: 0px;
	margin: 0px;
}

#ajaxrankingmenu .ranking_sub_container {
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
	visibility:hidden;
	border-style:none;
}

#ajaxrankingmenu table.incAjax_rank {
border:0;
width:288px;
border-collapse:collapse;
border-spacing:0;
font-size:12px;
}

#ajaxrankingmenu table.incAjax_rank td {
width:144px;
}

#ajaxrankingmenu td.categoryLive_L {
background-color:#fde9b1;
font-weight:700;
border-bottom:1px solid #fef4d8;
padding:0 0 0 6px;
height:16px;
}

#ajaxrankingmenu td.categoryLive_R {
background-color:#fde9b1;
font-weight:700;
border-bottom:1px solid #fef4d8;
background-image:url(http://contents.oricon.co.jp/img/OS_rightmenu/CSrank_categoryB.gif);
background-repeat:no-repeat;
padding:0 0 0 6px;
}

#ajaxrankingmenu td.categoryAsobu_L {
background-color:#ffd5af;
font-weight:700;
border-bottom:1px solid #ffead7;
padding:0 0 0 6px;
height:16px;
}

#ajaxrankingmenu td.categoryAsobu_R {
background-color:#ffd5af;
font-weight:700;
border-bottom:1px solid #ffead7;
background-image:url(http://contents.oricon.co.jp/img/OS_rightmenu/CSrank_asobuB.gif);
background-repeat:no-repeat;
padding:0 0 0 6px;
}

#ajaxrankingmenu td.categoryHataraku_L {
background-color:#C9C7F3;
font-weight:700;
border-bottom:1px solid #E4E3F9;
padding:0 0 0 6px;
height:16px;
}

#ajaxrankingmenu td.categoryHataraku_R {
background-color:#C9C7F3;
font-weight:700;
border-bottom:1px solid #E4E3F9;
background-image:url(http://contents.oricon.co.jp/img/OS_rightmenu/CSrank_hatarakuB.gif);
background-repeat:no-repeat;
padding:0 0 0 6px;
}

#ajaxrankingmenu td.categoryManabu_L {
background-color:#D5E7C9;
font-weight:700;
border-bottom:1px solid #EAF3E4;
padding:0 0 0 6px;
height:16px;
}

#ajaxrankingmenu td.categoryManabu_R {
background-color:#D5E7C9;
font-weight:700;
border-bottom:1px solid #EAF3E4;
background-image:url(http://contents.oricon.co.jp/img/OS_rightmenu/CSrank_manabuB.gif);
background-repeat:no-repeat;
padding:0 0 0 6px;
}

#ajaxrankingmenu table.incAjax_rank a {
color:#0950a0;
text-decoration:none;
}

#ajaxrankingmenu table.incAjax_rank a:hover {
color:#40b1ee;
text-decoration:underline;
}

#ajaxrankingmenu div.ARROWlink {
background-image:url(http://contents.oricon.co.jp/img/list_btn_arrow.gif);
background-repeat:no-repeat;
background-position:2px center;
padding:1px 0 0 12px;
}

#ajaxrankingmenu td.CSranking_live {
color:#eabd37;
font-weight:700;
padding:6px 0 1px 2px;
}

#ajaxrankingmenu td.CSranking_kirei {
color:#e975a4;
font-weight:700;
padding:6px 0 1px 2px;
}

#ajaxrankingmenu td.CSranking_asobu {
color:#ff8f2a;
font-weight:700;
padding:6px 0 1px 2px;
}

#ajaxrankingmenu td.CSranking_manabu {
color:#538510;
font-weight:700;
padding:6px 0 1px 2px;
}

#ajaxrankingmenu td.CSranking_hataraku {
color:#0907ad;
font-weight:700;
padding:6px 0 1px 2px;
}

#ajaxrankingmenu table.incAjax_rank ul {
list-style:none;
margin:0 0 3px 0;
padding:0;
}

#ajaxrankingmenu table.incAjax_rank li {
margin:1px 0 2px 0;
}

#ajaxrankingmenu table.incAjax_rank li a {
display:block;
padding:2px 0 1px 0;
}

#ajaxrankingmenu table.incAjax_rank li a:hover {
background-color:#40b1ee;
color:#ffffff;
text-decoration:none;
}

#ajaxrankingmenu div.img_position {
padding:0 0 0 3px;
}

#ajaxrankingmenu div.img_position a {
background-color: #e8f2ff;
display:block;
width:282px;
padding:3px 0 3px 0;
text-align:center;
}

#ajaxrankingmenu div.img_position a:hover {
background-color: #ff7d26;
}

#ajaxrankingmenu div.img_position a img {
border:1px solid #a2ccff;
}

#ajaxrankingmenu div.img_position a:hover img {
border:1px solid #ff7d26;
}

#ajaxrankingmenu td.categoryKirei {
background-color:#fbd5e5;
font-weight:700;
border-bottom:1px solid #fdeaf2;
padding-left:6px;
}

/*---- 満足度ランキング　右メニュー END ----*/