@charset "Shift_JIS";

.ninkiAttention {
	color:#666;
	font-size: 85%;
	text-align: right;
	margin-right:15px;
	margin-top:5px;
}
.ninkiAttention span {
	background: url("https://img1.kakaku.k-img.com/images/bb/common/attention.gif") no-repeat scroll 0 1px transparent;
	padding-left: 10px;
}

/*-------------------------------------------------
使う理由
-------------------------------------------------*/
#feature {
	background:url('https://img1.kakaku.k-img.com/images/bb/howto/back.gif') repeat;
	padding:0 10px 10px 10px;
	margin:0;
}
#copy {
	background:url('https://img1.kakaku.k-img.com/images/bb/howto/title.jpg') no-repeat;
	height:270px;
	text-indent:-9999px;
}
li {
	list-style:none;
	display:inline;
}
#feature h2 {
	background:url('https://img1.kakaku.k-img.com/images/bb/howto/splite.gif') no-repeat;
	padding-top:55px;
	height:0;
	width:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#feature h3 {
	background:url('https://img1.kakaku.k-img.com/images/bb/howto/splite.gif') no-repeat;
	padding-top:30px;
	margin-bottom:15px;
	height:0;
	width:100%;
	overflow:hidden;
}
#feature .contentsArea {
	position:relative;
	padding-top:45px;
}
/*枠*/
#feature .featArea {
	background:url("https://img1.kakaku.k-img.com/images/bb/howto/kaisetsuTop.png") no-repeat scroll left top;
	padding-top:13px;
}
#feature .featAreaIn {
	background:url("https://img1.kakaku.k-img.com/images/bb/howto/kaisetsuBottom.png") no-repeat scroll left bottom;
	padding:0 20px 20px 20px;
}

/*解説1 動画*/
#contentsArea1 {
	padding-top:40px;
}
#contentsArea1 h2 {
	background-position:0 0;
	top:-5px;
}
#contentsArea1 h3 {
	background-position:0 -250px;
}

#movie ,
#movie2 {
	border:5px solid #ccc;
	width:640px;
	height:518px;
	margin:auto;
}

/*解説2 特典紹介*/
#contentsArea2 {
	margin-top:30px;
}
#contentsArea2 h2 {
	background-position:0 -55px;
}
#contentsArea2 h3 {
	background-position:0 -300px;
	padding-top:52px;
}
#contentsArea2 #cpImage {
	background:url('https://img1.kakaku.k-img.com/images/bb/howto/splite.gif') no-repeat 0 -800px;
	padding-top:164px;
	height:0;
	width:100%;
	overflow:hidden;
}
/*カラクリバナー*/
#karakuriPop {
	width:710px;
	margin:auto;
}
#karakuriPop a {
	display:block;
	width:728px;
	height:90px;
	outline:none;
	text-indent:-9999px;
}
#karakuriPop a:hover {
	background-position:0 -90px;
}
#contentsArea3 .featAreaIn {
	padding:0 0 20px 20px;
}

/*解説3 人気プロバイダ*/
#contentsArea3 {
	margin-top:30px;
}
#contentsArea3 h2 {
	background-position:0 -110px;
}
#contentsArea3 h3 {
	background-position:0 -400px;
}
#contentsArea3 h4 {
	background:url('https://img1.kakaku.k-img.com/images/bb/howto/kaisenParts.gif') no-repeat;
	padding-top:35px;
	height:0;
	width:100%;
	overflow:hidden;
}
#best_hm h4 {
	background-position:-210px 0;
}
#best_adsl h4 {
	background-position:-420px 0;
}
#best_mobile h4 {
	background-position:-630px 0;
}
.planArea {
	width:208px;
	float:left;
	margin-right:12px;
}
/*プラン名*/
.rankinglink {
	height:4em;
	padding:4px 8px 4px 40px;
	line-height:1.1;
	background:url('https://img1.kakaku.k-img.com/images/bb/howto/rankIcon.gif') no-repeat 4px 4px;
}
.planrank {
	border:1px solid #f90;
}
.planrank1 {
	background:#FFFDDF;
}
.planrank2 {
	background:#F9F9F9;
}
.planrank2 .rankinglink {
	background-position:4px -101px;
}
.planrank3 {
	background:#FFF2EA;
}
.planrank3 .rankinglink {
	background-position:4px -207px;
}

#best_hm .planrank {
	border:1px solid #c60;
}
#best_adsl .planrank {
	border:1px solid #090;
}
#best_mobile .planrank {
	border:1px solid #014DCC;
}

#best_hh .planrank1 ,
#best_hm .planrank1 ,
#best_adsl .planrank1 ,
#best_mobile .planrank1 ,
#best_hh .planrank2 ,
#best_hm .planrank2 ,
#best_adsl .planrank2 ,
#best_mobile .planrank2 {
	border-bottom:none;
}


/*ロゴと料金*/
.secondLine {
	padding:4px 8px;
}
/*ロゴまわり*/
.logobox {
	width:80px;
	float:left;
}
/*料金まわり*/
.pricebox {
	width:110px;
	float:left;
	text-align:right;
}
/*割引費用*/
.waribikiTxt span {
	font-weight:normal;
	font-family:verdana;
	font-size:108%;
	color:#f00;
}
/*実質費用*/
.priceTxt {
	padding-top:10px;
	margin-top:8px;
	background:url('https://img1.kakaku.k-img.com/images/bb/howto/splite.gif') no-repeat right -560px;
}
.priceTxt span {
	font-weight:bold;
	font-family:verdana;
	font-size:146.5%;
	color:#f00;
}

/*プランボタン*/
.planBtn a {
	background:url('https://img1.kakaku.k-img.com/images/bb/howto/kaisenParts.gif') no-repeat;
	display:block;
	width:186px;
	padding-top:42px;
	height:0;
	overflow:hidden;
	margin:auto;
}
#best_hh .planBtn a {
	background-position:0 -48px;
}
#best_hm .planBtn a {
	background-position:-190px -48px;
}
#best_adsl .planBtn a {
	background-position:-380px -48px;
}
#best_mobile .planBtn a {
	background-position:-570px -48px;
}
/*hover*/
#best_hh .planBtn a:hover {
	background-position:0 -90px;
}
#best_hm .planBtn a:hover {
	background-position:-190px -90px;
}
#best_adsl .planBtn a:hover {
	background-position:-380px -90px;
}
#best_mobile .planBtn a:hover {
	background-position:-570px -90px;
}

/*エリアアイコン*/
.areaicon {
	width:38px;
	height:15px;
	text-indent:-9999px;
	margin:0 auto 5px auto;
	background:url('https://img1.kakaku.k-img.com/images/bb/howto/areaIcon.gif') no-repeat;
}
.east {
	background-position:0 0;
}
.shuto {
	background-position:0 0;
}
.west {
	background-position:0 -20px;
}
.shuto {
	background-position:0 -40px;
}
.shutoI {
	background-position:0 -60px;
	width:80px;
}
.zenkoku {
	background-position:0 -80px;
}
.kinki {
	background-position:0 -100px;
}
.zenkokuI,
.eastI {
	background-position: 0 -60px;
	width:80px;
}
/*ロゴ*/
.provider {
	background:url('https://img1.kakaku.k-img.com/images/bb/top/logo.gif') no-repeat;
	display:block;
	width:58px;
	height:36px;
	text-indent:-9999px;
	margin:auto;
}
.logo16 { /*nifty*/
	background-position:0 0;
}
.logo43 { /*aol*/

	background-position:-80px 0;
}
.logo86 { /*bbiq*/

	background-position:-160px 0;
}
.logo21 { /*biglobe*/

	background-position:-240px 0;
}
.logo85 { /*commufa*/

	background-position:-320px 0;
}
.logo30 { /*au*/

	background-position:-400px 0;
}
.logo35 { /*dti*/

	background-position:-480px 0;
}
.logo45 { /*emobile*/

	background-position:-560px 0;
}
.logo84 { /*eo*/

	background-position:-640px 0;
}
.logo99 { /*gyao*/

	background-position:-720px 0;
}
.logo20 { /*hi-ho*/

	background-position:-800px 0;
}
.logo29 { /*jcom*/

	background-position:0 -60px;
}
.logo60 { /*kcn*/

	background-position:-80px -60px;
}
.logo83 { /*megaegg*/

	background-position:-160px -60px;
}
.logo50 { /*nexyz*/

	background-position:-240px -60px;
}
.logo17 { /*ocn*/

	background-position:-320px -60px;
}
.logo18 { /*odn*/

	background-position:-400px -60px;
}
.logo41 { /*pikara*/

	background-position:-480px -60px;
}
.logo22 { /*plala*/

	background-position:-560px -60px;
}
.logo36 { /*rakuten*/

	background-position:-640px -60px;
}
.logo26 { /*so-net*/

	background-position:-720px -60px;
}
.logo28 { /*t-com*/

	background-position:-800px -60px;
}
.logo96 { /*tnc*/

	background-position:0 -120px;
}
.logo31 { /*u-net*/

	background-position:-80px -120px;
}
.logo32 { /*wakwak*/

	background-position:-160px -120px;
}
.logo33 { /*yahoo*/

	background-position:-240px -120px;
}
.logo40 { /*interリンク*/

	background-position:-320px -120px;
}
.logo92 { /*tigers*/

	background-position:-400px -120px;
}
.logo25 { /*sannet*/

	background-position:-480px -120px;
}
.logo12 { /*asahi*/

	background-position:-560px -120px;
}
.logo23 { /*iijmio*/

	background-position:-640px -120px;
}
.logo27 { /*tikitiki*/

	background-position:-720px -120px;
}
.logo80 { /*toppa*/

	background-position:-800px -120px;
}
.logo37 { /*gmo*/

	background-position: 0 -180px;
}
.logo90 { /*Qit*/

	background-position: -80px -180px;
}
.logo38 { /*broadace*/

	background-position: -160px -180px;
}



/*解説4 電話窓口*/
#contentsArea4 {
	margin-top:30px;
}
#contentsArea4 h2 {
	background-position:0 -165px;
}
#contentsArea4 h3 {
	background-position:0 -455px;
}
#contentsArea4 a {
	display:block;
	padding-top:94px;
	height:0;
	width:690;
	margin:auto;
	overflow:hidden;
	background:url('https://img1.kakaku.k-img.com/images/bb/howto/splite.gif') 0 -690px no-repeat;
}
#contentsArea4 #callCenter {
	/*position:relative;*/
}

#contentsArea4 #holiday {
	background: transparent url('https://img1.kakaku.k-img.com/images/bb/howto/splite.gif') no-repeat scroll 0 -1150px;
	height: 0px;
	margin: 0px;
	overflow:hidden;
	padding-top: 40px;
	position: absolute;
	right: 29px;
	_right: 41px;
	top: 145px;
	width: 144px;
}

#contentsArea5 {
	margin-top:30px;
}
#contentsArea5 h2 {
	background-position:0 -1355px;
}
#contentsArea5 h3 {
	background-position:0 -1440px;
}
#navi a {
	background:url(https://img1.kakaku.k-img.com/images/bb/navi/banner870-94.gif);
	padding-top:94px;
	width:870px;
	margin:auto;
	height:0;
	overflow:hidden;
	display:block;
}

/*関連動画*/
#relation {
	margin-top:20px;
}
#relation li {
	display:list-item;
	font-size:107.4%;
	line-height:1.2;
	margin-bottom:5px;
}
#relation a {
	background:url("https://img1.kakaku.k-img.com/images/bb/common/iconArrow.gif") no-repeat;
	padding:0 0 2px 0;
	padding-left:18px;
}
/*枠*/
.relationArea {
	background:url("https://img1.kakaku.k-img.com/images/bb/howto/relationTop.png") no-repeat scroll left top;
	padding-top:49px;
}

.relationAreaIn {
	background:url("https://img1.kakaku.k-img.com/images/bb/howto/relationBottom.png") no-repeat scroll left bottom;
	padding:0 20px 20px 20px;
}



/*--------------------------------------------------------
ポップアップ
--------------------------------------------------------*/
.close_photoWindow a  {
	background:url('https://img1.kakaku.k-img.com/images/bb/howto/page_close.gif') no-repeat scroll right center;
	font-size:107.4%;
	padding:5px 20px 5px 0;
}
.close_photoWindow {
	margin:20px auto;
	display:block;
	width:11em;
}
/*--------------------------------------------------------
サイト利用法
--------------------------------------------------------*/
#helpStep {
	font-size:115%;
}
#helpStep h2 {
	background:transparent url('https://img1.kakaku.k-img.com/images/bb/howto/guideHelpStep.gif') no-repeat;
	display:block;
	text-indent:-9999px;
	height:28px;
	margin:15px 0 10px 0;
}
#helpStep .flowStep1 {
	background:transparent url('https://img1.kakaku.k-img.com/images/bb/howto/guideHelpStep.gif') no-repeat 0 -40px;
	width:215px;
	height:48px;
	float:left;
}
#helpStep .flowStep2 {
	background:transparent url('https://img1.kakaku.k-img.com/images/bb/howto/guideHelpStep.gif') no-repeat -215px -40px;
	width:238px;
	height:48px;
	float:left;
}
#helpStep .flowStep3 {
	background:transparent url('https://img1.kakaku.k-img.com/images/bb/howto/guideHelpStep.gif') no-repeat -454px -40px;
	width:238px;
	height:48px;
	float:left;
}
#helpStep .flowStep4 {
	background:transparent url('https://img1.kakaku.k-img.com/images/bb/howto/guideHelpStep.gif') no-repeat -692px -40px;
	width:239px;
	height:48px;
	float:left;
}
#helpStep a.pageMoveHowTo {
	background:transparent url('https://img1.kakaku.k-img.com/images/bb/howto/guideHelpStep.gif') no-repeat 0 -1100px;
	width:223px;
	height:34px;
	display:block;
	text-indent:-9999px;
	outline:none;
	margin-top:4px;
}
#helpStep a.pageMoveHowTo:hover {
	background-position:0 -1150px;
}

#helpStep .featArea {
	border:1px solid #4FAF10;
	background:#F3E9C6;
	padding:4px;
	margin-bottom:20px;
}
#helpStep .featAreaIn {
	border:1px solid #ccc;
	background:#fff;
	padding:8px;
	position:relative;
}
#helpStep .featAreaIn p {
	background:transparent url('https://img1.kakaku.k-img.com/images/bb/howto/guideHelpStep.gif') no-repeat 0 -1270px;
	padding-top:28px;
}
#helpStep .flowStep1 ,
#helpStep .flowStep2 ,
#helpStep .flowStep3 ,
#helpStep .flowStep4 {
	padding-top:38px;
}
#helpStep .flowStep1 a ,
#helpStep .flowStep2 a ,
#helpStep .flowStep3 a ,
#helpStep .flowStep4 a {
	text-align:center;
	width:205px;
	display:block;
	height:2em;
	vertical-align:middle;
	margin-left:2px;
}
#helpStep .flowStep2 a ,
#helpStep .flowStep3 a ,
#helpStep .flowStep4 a {
	margin-left:26px;
	padding-top:0.5em;
}


#helpStep #step1 h3 ,
#helpStep #step2 h3 ,
#helpStep #step3 h3 ,
#helpStep #step4 h3 {
	background:url('https://img1.kakaku.k-img.com/images/bb/howto/guideHelpStep.gif') #ffc no-repeat 0 -146px;
	text-indent:-9999px;
	height:23px;
	padding-top:4px;
	border-top:1px dotted #ccc;
	padding-bottom:4px;
	border-bottom:1px dotted #ccc;
	margin:10px 0 10px 0;
}
#helpStep #step1 {
	padding-top:10px;
}
#helpStep .chui {
	color:#f00;
}

#helpStep #step2 ,
#helpStep #step3 ,
#helpStep #step4 {
	margin-top:60px;
	padding-top:10px;
}
#helpStep #step2 h3 {
	background-position:0 -186px;
}
#helpStep #step3 h3 {
	background-position:0 -226px;
}
#helpStep #step4 h3 {
	background-position:0 -266px;
}
#helpStep .explan {
	margin-top:10px;
}
#helpStep .explanImg {
	width:465px;
	float:left;
	margin-right:15px;
}
#helpStep .explanTxt {
	width:450px;
	float:left;
}
#helpStep dt {
	border-top:1px solid #ccc;
	padding-top:10px;
	padding-bottom:5px;
	background:transparent url('https://img1.kakaku.k-img.com/images/bb/howto/guideHelpStep.gif') no-repeat 0 -315px;
	height:25px;
	text-indent:-9999px;
}
#helpStep dd {
	margin-bottom:20px;
}

#helpStep table {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin-top:5px;
	border-collapse:collapse ;
	border-spacing:0px;
	width:100%;
}
#helpStep td ,
#helpStep th {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:4px;
	font-size:80%;
	line-height:1.6;
}
#helpStep th {
	text-align:center;
}
#helpStep img.icon {
	margin:0 2px;
	vertical-align:-4px;
}
#helpStep #step1 dt.no2 {
	background-position:0 -355px;
}
#helpStep #step1 dt.no3 {
	background-position:0 -395px;
}
#helpStep #step1 dt.zip {
	background-position:0 -1210px;
	text-indent:0;
	height:21px;
	padding:3px 0 0 45px;
	font-weight:bold;
	margin:5px 0 3px 0;
}
#helpStep #step1 dt.map {
	background-position:0 -1235px;
	text-indent:0;
	height:21px;
	padding:3px 0 0 45px;
	font-weight:bold;
	margin:5px 0 3px 0;
}
#helpStep #step1 dd dd {
	padding:2px 0;
	margin-bottom:10px;
}
#helpStep #step1 dd dt {
	border:none;
}


#helpStep #step2 dt.no1 {
	background-position:0 -435px;
}
#helpStep #step2 dt.no2 {
	background-position:0 -475px;
}


#helpStep #step3 dt.no1 {
	background-position:0 -515px;
}
#helpStep #step3 dt.no2 {
	background-position:0 -555px;
}
#helpStep #step3 dt.no3 {
	background-position:0 -595px;
}
#helpStep #step3 dt.no4 {
	background-position:0 -635px;
}
#helpStep #step3 dt.no5 {
	background-position:0 -675px;
}
#helpStep #step3 dt.no6 {
	background-position:0 -715px;
}
#helpStep #step3 dt.no7 {
	background-position:0 -755px;
}
#helpStep #step3 dt.no8 {
	background-position:0 -795px;
}
#helpStep #step3 dt.no9 {
	background-position:0 -835px;
}
#helpStep #step3 dt.no10 {
	background-position:0 -875px;
}
#helpStep #step3 dt.no11 {
	background-position:0 -915px;
}
#helpStep #step3 dt.no12 {
	background-position:0 -955px;
}
#helpStep #step4 dt.no1 {
	background-position:0 -995px;
}
#helpStep #step4 dt.no2 {
	background-position:0 -1035px;
}

/*--------------------------------------------------------
clearfix
--------------------------------------------------------*/
.clearfix{
	zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}

/*--------------------------------
ブックマーク
--------------------------------*/
.bmPath {
	float: left;
	width: 840px;
}

.bmBox {
	float: right;
	margin: 2px 0 0;
	width: 72px;
}

.bmBox li {
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 5px 0 0;
}

.bmBox li a {
	display: block;
	height:12px;
	text-indent:-9999px;
	width:12px;
	background:url('https://img1.kakaku.k-img.com/images/bb/howto/splite.gif') no-repeat;
}

.bmBox li a.bmTwitter {
	background-position: -150px -1150px;
}

.bmBox li a.bmYahoo {
	background-position: -162px -1150px;
}

.bmBox li a.bmHatena {
	background-position: -174px -1150px;
	width:16px;
}

.bmBox li a.bmLivedoor {
	background-position: -190px -1150px;
}