@charset "utf-8";

@import "/css/common.css";

@import "/css/contents.css";



body#ranking #contentsInner em {
	font-weight:bold;
}

/*-------------------------
.rankingBlock
-------------------------*/
#contentsInner .rankingBlock {
	padding:0 15px;
	border-bottom:#1191D8 solid 1px;
	background:url(/images/ranking/ranking_block_bg_02.gif) repeat-y left top;
	overflow:hidden;
	height:100%;
}


/*--------------------------------------------
.rankArea01
--------------------------------------------*/

#contentsInner .rankArea01 {
	padding:6px 15px 0;
	border-bottom:#1191D8 solid 1px;
	background:url(/images/ranking/ranking_block_bg_01.gif) repeat-y left top;
}

/*-------------------
.rankBox01
-------------------*/
#contentsInner .rankBox01 {
	width:565px;
	background:url(/images/ranking/ranking_01_bg.gif) repeat-y 0 13px;
}

#contentsInner .rankTop01 {
	width:565px;
	min-height:23px;
	height:auto !important;
	height:23px;
	background:url(/images/ranking/ranking_01_top.gif) no-repeat left top;
}

#contentsInner .rankBg01 {
	width:565px;
	min-height:14px;
	height:auto !important;
	height:14px;
	background:url(/images/ranking/ranking_01_bottom.gif) no-repeat left bottom;
}

#contentsInner img.emblem {
	position:absolute;
	left:309px;
}

/* IE-expression (fix png alpha) imgタグ用 */
* html #contentsInner img.emblem {
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = "/images/spacer.gif",
this.style.behavior = "none"
);
}

#contentsInner .comName01 {
	padding:23px 4px 14px 96px;
	width:465px;
	overflow:hidden;
}

#contentsInner img.rankLogo {
	padding-right:7px;
	float:left;
	width:150px;
}

#contentsInner .comName01 .rankItem01 {
	width:299px;
	float:left;
}

#contentsInner .comName01 .rankItem01 span.company01 a {
	font-size:152%;
	font-weight:bold;
}

#contentsInner .otherInfo01 {
	text-align:right;
}

#contentsInner .otherInfo01 a {
	padding:2px 0 2px 15px;
	background:url(/images/icon_link_01.gif) no-repeat 0 0.4em;
}


#contentsInner table.itemName01 {
	margin:10px 0 5px;
}

#contentsInner table.itemName01 th {
	font-size:122%;
	font-weight:bold;
	white-space:nowrap;
}

#contentsInner table.itemName01 td {
	font-size:122%;
	font-weight:bold;
}


/*-------------------
.point01
-------------------*/
#contentsInner .point01 {
	margin:3px 5px 0;
}

#contentsInner .pointIcon01 {
	padding-right:13px;
	float:left;
	width:115px;
	display:block;
}

#contentsInner .pointText {
	float:left;
	width:427px;
}

#contentsInner .otherHikaku01 {
	padding-top:15px;
	float:left;
}

#contentsInner .otherHikaku01 a {
	padding:2px 0 2px 15px;
	background:url(/images/icon_link_01.gif) no-repeat 0 0.4em;
}

/*----------------------
.detailButton01
----------------------*/
#contentsInner .rankArea01 .detailButton01 {
	padding:10px 0;
	float:left;
}

#contentsInner .rankArea01 .detailButton01 a {
	margin-right:13px;
	display:block;
	width:181px;
	height:31px;
	overflow:hidden;
	background:url(/images/button_03.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#contentsInner .rankArea01 .detailButton01 a:hover {
	background-position:0 -31px;
}


/*--------------------------------------------
.rankArea02
--------------------------------------------*/

#contentsInner .rankArea02 {
	padding:8px 12px 0 0;
	float:left;
	width:270px;
}

/*-------------------
.rankBox02
-------------------*/

#contentsInner .rankBox02 {
	width:270px;
	background:url(/images/ranking/ranking_02_bg.gif) repeat-y left top;
}

#contentsInner .rankName02 {
	width:270px;
	min-height:85px;
	height:auto !important;
	height:85px;
	background:url(/images/ranking/ranking_02_top.gif) no-repeat left top;
}

#contentsInner .comName02 {
	padding-top:10px;
	margin:0 10px 4px 106px;
	width:150px;
}

#contentsInner span.company02 a {
	font-size:122%;
	font-weight:bold;
}

#contentsInner .otherInfo02 a {
	padding:2px 0 2px 15px;
	background:url(/images/icon_link_01.gif) no-repeat 0 0.4em;
}

#contentsInner table.itemName02 {
	margin:10px 0 5px;
	/*width:250px;*/
}

#contentsInner table.itemName02 th {
	font-weight:bold;
	white-space:nowrap;
}

#contentsInner table.itemName02 td {
	font-weight:bold;
}

#contentsInner .pointIcon02 {
	padding:5px 7px 10px 0;
	float:left;
}

#contentsInner .point02 {
	margin:9px 0 6px;
}

/*-------------------
.pointBottom02
-------------------*/
#contentsInner .pointBottom02 {
	clear:both;
}

#contentsInner .detailButton02 a {
	margin:0 auto;
	display:block;
	width:181px;
	height:31px;
	overflow:hidden;
	background:url(/images/button_03.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#contentsInner .detailButton02 a:hover {
	background-position:0 -31px;
}

#contentsInner .otherHikaku02 {
	padding:5px 0 10px;
	text-align:center;
}

#contentsInner .otherHikaku02 a {
	padding:2px 0 2px 15px;
	background:url(/images/icon_link_01.gif) no-repeat 0 0.4em;
}


/*--------------------------------------------
.rankArea03
--------------------------------------------*/

#contentsInner .rankArea03 {
	padding:8px 0 0 13px;
	float:left;
	width:270px;
}

/*--------------------------------------
.rankBox03
---------------------------------------*/

#contentsInner .rankBox03 {
	width:270px;
	background:url(/images/ranking/ranking_03_bg.gif) repeat-y left top;
}

#contentsInner .rankName03 {
	width:270px;
	min-height:85px;
	height:auto !important;
	height:85px;
	background:url(/images/ranking/ranking_03_top.gif) no-repeat left top;
}



/*------------------------------------
table.matrixRank
------------------------------------*/

#contentsInner table.matrixRank {
	margin-bottom:5px;
	width:100%;
}

#contentsInner table.matrixRank th,
#contentsInner table.matrixRank td {
	padding:5px 9px;
	vertical-align:middle;
	border:#C7D6D6 solid 1px;
}

#contentsInner table.matrixRank th {
	width:145px;
	background:url(/images/matrix_bg.gif) repeat left top;
	font-size:107%;
	font-weight:bold;
	text-align:left;
}

#contentsInner table.matrixRank td {
	color:#F00;
	background-color:#FFFFCC;
	font-size:189%;
	font-weight:bold;
}

#contentsInner table.matrixRank td span {
	color:#333;
	font-size:60%;
}

body.electric #contentsInner table.matrixRank,
body.sort #contentsInner table.matrixRank,
body.household #contentsInner table.matrixRank,
body.company #contentsInner table.matrixRank {
	margin-top:10px;
}

/*------------------------------------
table.matrix03
------------------------------------*/
body.electric #contentsInner table.matrix03,
body.sort #contentsInner table.matrix03,
body.household #contentsInner table.matrix03,
body.company #contentsInner table.matrix03 {
	margin-top:10px;
}

#contentsInner table.matrix03 th.rankTotal {
	width:100px;
	font-size:107%;
}

#contentsInner table.matrix03 td.rankPrice {
	color:#F00;
	background-color:#FFFFCC;
	font-size:159%;
	font-weight:bold;
}

#contentsInner table.matrix03 td.rankPrice span {
	color:#333;
	font-size:60%;
}