.ranking {
	font-family: Verdana,Arial,Helvetica,sans-serif,"Hiragino Kaku Gothic Pro","Osaka","ＭＳＰゴシック";
}

table.resultList {
	border-collapse: collapse;
	border-spacing: 0px;
	border-top: 1px solid #CCC;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}
.resultList th  {
	font-size:108%;
	vertical-align:middle;
	border-top: 1px solid #36f;
	border-left: 1px solid #36f;
	border-right: 1px solid #36f;
	border-bottom: 3px solid #fc0;
	padding:8px 0;
	font-weight:bold;
	text-align:center;
	background:url(https://img1.kakaku.k-img.com/images/bb/ranking/rankingTh.gif) repeat-x #39f;
	color:#fff;
}



td {
	vertical-align: middle;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #999;
	padding: 5px 2px 5px 2px;
	text-align: center;
}

.year {
	color: white;
	font-size: 77%;
}
td.rank {
	border-left: 1px solid #CCC;
}

td.select, 
tr.over td.select {
	background: none repeat scroll 0 0 #FFC !important;
}
tr.over td {
	background: #EAFFFB;
}
.point {
	text-align: left;
	padding: 8px 2px;
}
.kaisen {
	padding-left: 48px;
	width: 62px;
	height: 18px;
	overflow: hidden;
	color: #666;
	margin: 3px auto auto auto;
	background: url(https://img1.kakaku.k-img.com/images/bb/common/icon.gif) no-repeat;
}
/*------------------------------------
プロバイダロゴ
------------------------------------*/
.logo {
	width:64px;
	margin:auto;
}
.kaisen {
	padding-left:48px;
	width:62px;
	height:18px;
	overflow:hidden;
	color:#666;
	margin:3px auto auto auto;
	background:url(https://img1.kakaku.k-img.com/images/bb/common/icon.gif) no-repeat;
}
.hikari {
	background-position:0 -20px;
}
.adsl {
	background-position:0 0;
}
.emobile {
	background-position:0 -60px;
}
.uqwimax {
	background-position:0 -40px;
}
.foma {
	background-position:0 -80px;
}
.softbank {
	background-position:0 -100px;
}
.docomo {
	background-position:0 -120px;
}
.speed {
	font-weight:bold;
	font-family:verdana;
	text-align:center;
	padding:1px 0;
	display:block;
	font-size:90%;
}
.bps {
	font-size:85%;
}
*------------------------------------
プラン名
------------------------------------*/
.plan {
	float:left;
	width:127px;
	text-align:left;
}
.plan a {
	height:54px;
	vertical-align:middle;
	display:table-cell;
	outline:none;
}

.resultListAttR {
	float:right;
}

.resultListAtt a {
	outline:none;
}
.resultListAtt li {
	display:inline;
}
.pattern1Select ,
.pattern2Select {
	font-weight:bold;
}
.pattern1,
.pattern1Select ,
.pattern2,
.pattern2Select {
	background: url(https://img1.kakaku.k-img.com/images/bb/common/rankingAdd.gif) no-repeat right -350px;
	padding-right:10px;
}
.realFee ,
.uchiwake ,
.campaignFee {
	float:left;
}
.point .clearfix {
	width:140px;
}
.point .inner .clearfix {
	width:auto;
}



.kakakuCampaign {
	margin-top:3px;
}
.kakakuCampaign .yen {
	font-size:95%;
}
.campaignJyoken {
	float:left;
}
.realFee {
	text-align:right;
	width:96px;
	margin-right:2px;
}
.realFee .number {
	font-weight:bold;
	color:#f00;
	font-size:138.5%;
	padding-right:2px;
}

#popularProvider .campaignJyoken {
	margin-top:0;
}
.campaignJyoken .helpPage {
	margin:10px 0;
	font-size:100%;
}
.yen {
	font-size:77%;
}

.uchiwake a ,
.campaignJyoken a {
	padding-top:25px;
	height:0;
	width:40px;
	overflow:hidden;
	display:block;
	background: url(https://img1.kakaku.k-img.com/images/bb/common/rankingAdd.gif) no-repeat -880px -748px;
}
.uchiwake a:hover {
	background-position:-880px -780px;
}
.campaignFee {
	margin-right:2px;
	padding-top:3px;
	width:107px;
	position:relative;
	float:left;
}
.campaignFee .yen {
	font-size:90%;
}
.waribiki {
	font-size:108%;
}

.campaignFee span {
	display:block;
}

.campaignJyoken a {
	background-position:-880px -810px;
}
.campaignJyoken a:hover {
	background-position:-880px -842px;
}

/*詳細/申込ボタン*/
a.detailBtn ,
a.appBtn {
	overflow:hidden;
	padding-top:40px;
	height:0;
	width:45px;
	margin:auto;
	display:block;
	background:url(https://img1.kakaku.k-img.com/images/bb/ranking/rankingDetailBtn.gif) no-repeat;
}
a.detailBtn:hover {
	background-position:0px -51px;
}
a.appBtn {
	background-position:-57px 0;
}
a.appBtn:hover {
	background-position:-57px -51px;
}

/*------------------------------------
不等号
------------------------------------*/
.inequalityArea {
	font-weight:bold;
	margin:auto;
	text-align:center;
	background:#FFFFCC;
	padding:15px 0 0 10px;
}
.inequalityArea .provider {
	background:url("https://img1.kakaku.k-img.com/images/bb/ranking/inequality-sign.gif") no-repeat scroll 0 0 transparent;
	float:left;
	padding-right:55px;
	padding-top:28px;
	width:220px;
}
.inequalityArea .provider,
.inequalityArea .kakaku {
	height:auto;
	color:#333333;
}

.inequalityArea .kakaku {
	background:url("https://img1.kakaku.k-img.com/images/bb/ranking/inequality-sign.gif") no-repeat scroll -274px 0 transparent;
	float:left;
	margin:auto;
	width:315px;
}
.inequalityArea .lose{
	float:none;
}
.inequalityArea .number ,
#popularProvider .KakakuCpFee .inequalityArea .number {
	font-size:153.9%;
	margin-right:4px;
}
.providerCampaign,
.kakakuPlus {
	float:left;
}
.providerCampaign {
	width:140px;
	padding-top:28px;
}
.kakakuPlus {
	width:155px;
	padding-left:20px;
	padding-top:23px;
	color:#f00;
}
.kakakuDetail {
	display:block;
	font-weight:normal;
}
/*------------------------------------
ヘルプBOX
------------------------------------*/
.helpArea {
	position:relative;
	z-index:200;
}

.help,
.popularProvider1 .campaignJyoken .help ,
.popularProvider3 .campaignJyoken .help ,
.popularProvider5 .campaignJyoken .help {
	left:-240px;
	top:-5px;
	position:absolute;
	text-align:left;
	padding-top:10px;
	display:none;
}

.uchiwake .inner,
.campaignJyoken .inner ,
#rackHelp .inner,
#HLower .inner ,
#Lower .inner {
	border:2px solid #39f;
	border-top:none;
	padding:16px 12px;
	background:#fff;
}
#Lower .inner ,
#HLower .inner {
	padding:16px 12px 12px 12px;
}

.uchiwake .help ,
#HLower ,
#Lower ,
#rackHelp {
	left:-10px;
	padding-top:22px;
	background:url(https://img1.kakaku.k-img.com/images/bb/common/helpTop.gif) no-repeat;
	width:570px;
}

#Lower {
	background:url(https://img1.kakaku.k-img.com/images/bb/common/helpTop2.gif) right top;
}

.popularProvider1 .campaignJyoken .help ,
.popularProvider3 .campaignJyoken .help ,
.popularProvider5 .campaignJyoken .help {
	left:-10px;
	padding-top:22px;
	background:url(https://img1.kakaku.k-img.com/images/bb/common/helpTop.gif) no-repeat;
	width:630px;
}
#popularPlanTabBack {
	background:#D8D8D8;
}
#popularPlanTab {
	border-bottom:5px solid #3B9DFF;
	width:920px;
	margin:auto;
	margin-top:-4px
}
#popularProvider #popularPlanTab li {
	display:inline;
	width:190px;
	margin:0 3px 0 0;
}
#popularPlanTab a {
	padding-top:30px;
	display:block;
	width:190px;
	height:0;
	overflow:hidden;
	float:left;
	background:url(https://img1.kakaku.k-img.com/images/bb/ranking/popularPlanTab.gif) no-repeat;
}
#popularPlanTab .popular_hikari a.select {
	background-position:0 0;
}
#popularPlanTab .popular_adsl a.select {
	background-position:-200px 0;
}
#popularPlanTab .popular_mobile a.select {
	background-position:-400px 0;
}
#popularPlanTab .popular_hikari a {
	background-position:0 -45px;
}
#popularPlanTab .popular_adsl a {
	background-position:-200px -45px;
}
#popularPlanTab .popular_mobile a {
	background-position:-400px -45px;
}
#popularPlanTab .popular_hikari a:hover {
	background-position:0 -90px;
}
#popularPlanTab .popular_adsl a:hover {
	background-position:-200px -90px;
}
#popularPlanTab .popular_mobile a:hover {
	background-position:-400px -90px;
}

.answer a {
	background:none;
	display:inline;
	height:auto;
	padding:0;
	width:auto;
}

#rackHelp {
	top: -25px;
	left: 95px;
}
#HLower {
	width: 350px;
	top: -25px;
	left: 167px;
}
#Lower {
	width:350px;
	top:-15px;
	left:-135px;
	right:0;
}

.campaignJyoken .help {
	left:-580px;
	padding-top:22px;
	background:url(https://img1.kakaku.k-img.com/images/bb/common/helpTop2.gif) right 0 no-repeat;
	width:630px;
}
.titleBox .realFee {
	width:auto;
}
#popularProvider .campaignJyoken {
	float:left;
}

.titleBox {
	margin-bottom:10px;
}

.titleBox .title {
	font-size:116%;
}
.titleBoxR {
	position:absolute;
	right:17px;
	width:52px;
	top:40px;
}
.titleBoxL {
	font-weight:bold;
	font-size:116%;
	border-bottom:2px solid #ccc;
	padding-bottom:10px;
}

.titleBoxR  a ,
.linkBox a {
	display:block; 
	background:url('https://img1.kakaku.k-img.com/images/bb/ranking/rankingAddNew.gif') -810px -720px no-repeat;
	padding-top:20px;
	width:52px;
	height:0;
	overflow:hidden;
	margin:auto;
}
.titleBoxR a:hover ,
.linkBox a:hover {
	background:url('https://img1.kakaku.k-img.com/images/bb/ranking/rankingAddNew.gif') -870px -720px no-repeat;
}
.resultList dd {
	line-height:1.1;
}



/*計算式*/
.cal {
	background:#ffc;
	margin-bottom:15px;
	text-align:center;
	clear:both;
	padding:20px 6px;
}
.cal .realFee {
	float:left;
	padding:0.5em 0;
	padding-left:20px;
	background:url(https://img1.kakaku.k-img.com/images/bb/ranking/equal.gif) no-repeat 2px 7px;
	text-align:left;
}
.cal dt {
	color:#f60;
	font-weight:bold;
	font-size:110%;
	line-height:1.2;
}

.cal .initialFee {
	float:left;
	background:url('https://img1.kakaku.k-img.com/images/bb/ranking/bracketL.gif') no-repeat;
	padding-left:15px;
}

.cal .initialFee span ,
.cal .monthFee span ,
.cal .campaign span {
	color:#666;
	font-weight:normal;
	font-size:80%;
}

.cal .initialFee span.strike {
	font-size:100%;
	color:#333;
}

.cal .monthFee {
	float:left;
	padding-left:26px;
	background:url(https://img1.kakaku.k-img.com/images/bb/ranking/plus.gif) no-repeat 5px 10px;
}

.cal .campaign {
	float:left;
	padding-left:25px;
	background:url(https://img1.kakaku.k-img.com/images/bb/ranking/minus.gif) no-repeat 0px 7px;
}

.cal .applyTerm {
	float:left;
	padding:0.5em 0;
	padding-left:35px;
	background:url(https://img1.kakaku.k-img.com/images/bb/ranking/bracketR.gif) no-repeat 3px 1px;
}

.cal .resultPrice {
	float:left;
	padding:0.5em 0;
	padding-left:30px;
	background:url(https://img1.kakaku.k-img.com/images/bb/ranking/equal.gif) no-repeat 5px 7px;
	font-size:110%;
	color:#f00;
	font-weight:bold;
}
/*QA*/
.Qa {
	background:url(https://img1.kakaku.k-img.com/images/bb/common/que-mini.gif) 0 0 no-repeat;
	padding:2px 0 2px 27px;
	font-weight:bold;
	font-size:116%;
}
.answer {
	background:url(https://img1.kakaku.k-img.com/images/bb/common/ans-mini.gif) 0 0 no-repeat;
	padding:2px 0 6px 27px;
	margin-top:8px;
}
.answer p {
	margin-bottom:5px;
}

.plan2 {
	text-align: left;
}

/*横幅*/
.th_realFee {
	width:160px; 
}
.th_mFee {
	width:68px;
}
.th_provider {
	width:118px; 
}
.th_plan {
	width:160px
}
.th_kakakucp {
	width:163px;
}
.th_inq {
	width:51px;
}

/*------------------------------------
ヘルプページ
------------------------------------*/
.helpPage {
	font-size:10px;
	margin-top:6px;
	text-align:center;
}
.helpPage a {
	width:auto;
	padding:0;
	height:auto;
	padding:0 0 2px 18px;
	background: url(https://img1.kakaku.k-img.com/images/bb/common/rankingAdd.gif) no-repeat -913px 0;
}
td .helpPage a {
	background:none;
	padding:0;
}

.kakakuOtoku .helpPage a {
	display:inline;
	width:auto;
	padding:0;
	height:auto;
	padding:0 0 2px 18px;
	background: url(https://img1.kakaku.k-img.com/images/bb/common/rankingAdd.gif) no-repeat -913px 0;
}
.kakakuOtoku .helpPage {
	text-align:center;
	background:#FFFFCC;
	padding:8px 0 16px 0;
	font-weight:bold;
	font-size:108%;
	margin-top:0;
}

td .helpPage {
	text-align:left;
	background:url(https://img1.kakaku.k-img.com/images/bb/common/rankingAdd.gif) no-repeat -913px 0;
	padding:0 0 2px 18px;
	line-height:1.4;
}
.point .helpPage a {
	background:none;
	padding:0;
}
.campaignArea  {
	width:149px;
	display:inline-block;
	*display:block;
}

/*------------------------------------
オーバーレイ
------------------------------------*/
#popUchiwakeBox {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index:101;
	color:#fff;
	height:100%;
	width:100%;
	background: #00FF66;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0; 
	display:none;
}

*html #popUchiwakeBox { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.attentionF {
	margin:10px 5px;
	font-size:85%;
	color:#666;
	line-height:1.2;
}
.attentionF li {
	margin-top:4px;
	list-style:none;
}

.option span {
	background:url('https://img1.kakaku.k-img.com/images/bb/common/icon.gif') no-repeat;
	width:85px;
	height:0;
	float:left;
	margin-right:5px;
	overflow:hidden;
	display:block;
	padding-top:18px;
}
.option span.iconIpphone {
	background-position:0 -140px;
}
.option span.iconHikariphone {
	background-position:0 -170px;
}
.option span.iconSecurity {
	background-position:0 -200px;
}
.option span.iconMovie {
	background-position:0 -230px;
}

/*------------------------------------
CLEARFIX
------------------------------------*/
.inequalityArea .kakaku ,
.clearfix{
	zoom:1;/*for IE 5.5-7*/
}
.inequalityArea .kakaku:after ,
.clearfix:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* .inequalityArea .kakaku ,
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}
