@charset "Shift_JIS";

/*----------------------------------
グローバルナビ
----------------------------------*/

#Gnavi {
	background: url(https://img1.kakaku.k-img.com/images/bb/top/topNavi.gif) no-repeat 0 0;
	height: 43px;
	margin-bottom: 10px;
	margin-top: 10px;
	position: relative;
}

#Gnavi ul.button li {
	display: block;
	float: left;
	margin-right: 5px;
	text-indent: -9999px;
}

#Gnavi ul.button li a {
	height: 36px;
	width: 149px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(https://img1.kakaku.k-img.com/images/bb/top/topNavi.gif);
	background-repeat: no-repeat;
}

#Gnavi ul.read li {
	display: inline;
	background: url('https://img1.kakaku.k-img.com/images/bb/top/arrow.gif') no-repeat 0 2px;
	padding-left: 10px;
	padding-right: 5px;
}

/*Provider*/

#Gnavi ul.button li.naviProvider a {
	background-position: 0 -50px;
}

#Gnavi ul.button li.naviProvider a:hover {
	background-position: 0 -93px;
}

/*West*/

#Gnavi ul.button li.naviWest a {
	background-position: -153px -50px;
}

#Gnavi ul.button li.naviWest a:hover {
	background-position: -153px -93px;
}

/*Stream*/

#Gnavi ul.button li.naviStream a {
	width: 190px;
	background-position: -388px -139px;
}

/*Storage*/

#Gnavi ul.button li.naviStorage a {
	background-position: -459px -50px;
}

#Gnavi ul.button li.naviStorage a:hover {
	background-position: -459px -93px;
}

/*Wireless*/

#Gnavi ul.button li.naviWireless a {
	background-position: -612px -50px;
}

#Gnavi ul.button li.naviWireless a:hover {
	background-position: -612px -93px;
}

#Gnavi ul.read {
	display: block;
	font-size: 11px;
	left: 840px;
	position: absolute;
	top: -5px;
}

#Gnavi ul.read li {
	background:transparent url(https://img1.kakaku.k-img.com/images/bb/top/sub.gif) no-repeat -690px -137px;
	display:block;
	float:none;
	padding-left:8px;
	padding-right:4px;
}

#Gnavi ul#beginner {
	font-size: 11px;
	position: absolute;
	left: 860px;
	top: -25px;
}

#Gnavi ul#beginner a {
	background: url(https://img1.kakaku.k-img.com/images/bb/top/defaltArea.gif) no-repeat 0 0;
	display: block;
	height: 15px;
	padding-left: 15px;
	padding-top: 2px;
}

/*----------------------------------
eo特殊対応
----------------------------------*/
.eo .faq {
	display:none;
}
.eo .middle #planArea span.campaignPrice {
	display:block;
	margin:0;
}
/*----------------------------------
説明アイコン
----------------------------------*/
#movieHow1 ,
#movieHow2 ,
#movieHow3 {
	background:transparent url(https://img1.kakaku.k-img.com/images/stream/movieAdd.gif) no-repeat scroll 0 -150px;
	cursor:help;
	display:block;
	height:16px;
	text-indent:-9999px;
	width:48px;
	margin:5px 16px 0 0;
}
.howArea {
	font-size:90%;
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #999999;
	display:none;
	font-weight:normal;
	left:6px;
	padding:8px;
	position:absolute;
	top:24px;
	width:350px;
	z-index:1000;
}
.howArea .howTitle {
	font-weight:bold;
	padding-bottom:4px;
	margin-top:4px;
	display:block;
	border-bottom:1px dotted #999;
	margin-bottom:4px;
}
.optionHelp {
	float:left;
	position:relative;
}
/*----------------------------------
プランビューへ遷移用
----------------------------------*/
#overWindow {
	position:relative;
	z-index:2000;
}
#over {
	position:absolute;
	display:none;
	text-align:left;
	top:100px;
	left:200px;
	background:#fff;
	border:5px solid #FFCC00;
	padding:0 10px 10px 10px;
	z-index:2000;
	width:600px;
}
#over th ,
#over td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:4px;
}
#over .setPlanTitle ,
#over .setPlanTitle2 {
	background:url(https://img1.kakaku.k-img.com/images/stream/h2obiPoint.gif) repeat-y scroll left bottom;
	padding-left:10px;
	font-weight:bold;
	margin:10px 0;
	font-size:120%;
}
#over .setPlanTitle2 {
	margin-top:20px;
}
#over td.pran {
	width:340px;
}
#over td.price {
	text-align:center;
	font-family:Verdana;
	width:80px;
}
#over td.detailBtn {
	text-align:center;
	width:80px;
}
#over tr {
	background:#fff;
}
#over tr.even {
	background:#F6F6F6;
}
#over th {
	background:url(https://img1.kakaku.k-img.com/images/stream/header.gif) repeat-x scroll 0 0;
	font-size:118%;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	height:2em;
	white-space: nowrap;
}
#over .op {
	margin-top:2px;
}
#over .op img{
	margin-right:4px;
}
/*----------------------------------
共通
----------------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	background:#FFF;
	color:#333333;
	margin:auto;
	text-align:center;
}
a {
	outline:none;
}
li {
	list-style:none;
}
table {
	border-collapse:collapse ;
	border-spacing:0px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	width:100%;
}
/*ラベル*/
label {
	float:left;
	padding:3px;
}
label.select {
	background:#FFD5FF;
}
input {
	margin-right:2px;
	width:15px;
}
/*----------------------------------------
広告
----------------------------------------*/
#bannerTxt {
	border:1px solid #ccc;
	padding:5px;
	margin:15px 0;
}
#bannerTxt iframe{
	width:420px;
}
/*---------------------------------------------------------
オーバーレイ
---------------------------------------------------------*/
#overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	background:#000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	height:100%;
	width:100%;
	display:none;
	z-index:1100;
}

* html #overlay ,
* html #popUchiwakeBox { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/*----------------------------------
フッター
----------------------------------*/
#footerKiyaku .arrowTop {
	width:160px;
	float:right;
	margin:0;
}

#footerKiyaku .arrowTop a {
	line-height:1.3;
}
/*
===== 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;/**/
}

/*---------------------------------------------------------
01　TOPページ
---------------------------------------------------------*/

/*----------------------------------------
タイトルエリア
----------------------------------------*/
#titleArea {
	background:url(https://img1.kakaku.k-img.com/images/stream/stream-title.jpg) 0 0;
	text-indent:-9999px;
	height:190px;
	width:930px;
	margin:10px 0;
}

/*----------------------------------------
検索結果数
----------------------------------------*/
#condition {
	background:#ECFAFF none repeat scroll 0 0;
	margin:10px 0;
	padding:2px 4px;
}

#condition #num {
	color:#FF8400;
	font-family:Verdana;
	font-size:130%;
	font-weight:bold;
	padding-right:4px;
}

/*----------------------------------------
ナビゲーション
----------------------------------------*/
#navi {
	margin:10px 0;
}


/*----------------------------------------
動画プラン検索エリア
----------------------------------------*/
#planSearch {
	margin-top:10px;
}
#planSearch .titleShow {
	background:url(https://img1.kakaku.k-img.com/images/stream/stream.gif) 0 -80px;
	text-indent:-9999px;
	border:1px solid #ccc;
	border-bottom:none;
	height:32px;
}

#planSearch #searchBox {
	background:#eee;
	border:1px solid #aaa;
	padding:6px;
}
#planSearch #searchBox table {
	border-collapse:collapse;
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
	width:100%;
}
#planSearch th {
	background:#fff;
	border-bottom:1px solid #ccc;
	padding:6px 0;
	text-align:center;
	vertical-align:top;
	width:100px;
}
#planSearch th span {
	background:#f90;
	color:#fff;
	display:block;
	font-size:110%;
	font-weight:bold;
	margin:0 auto;
	padding:4px;
	text-align:center;
	width:5.5em;
}
#planSearch td {
	background:#fff;
	border-bottom:1px solid #ccc;
	border-right:1px solid #aaa;
	padding:6px 0;
}

/*---------------------------------------------------------
TOP用サービスボックス
---------------------------------------------------------*/
.serviceBox {
	border:1px solid #ccc;
	margin-bottom:30px;
}
.serviceBox .left {
	margin-right:5px;;
}

.serviceBox .middle {
	width:717px;
}

.serviceBox .featTop {
	border-left:1px solid #ccc;
}

.serviceBox .middle .section {
	margin:8px 10px 8px;
}
.serviceBox .left .logo ,
.serviceBox .left .providerArea ,
.serviceBox .left .gaiyou {
	margin-right:5px;
}
.serviceBox .conflict{
	padding:3px;
	background:#fc6;
	font-weight:bold;
	color:#036;
	margin-bottom:5px;
	width:27em;
}
.serviceBox .appBtn {
	margin:5px 5px 10px 10px;
	border:1px solid #ccc;
	background:url(https://img1.kakaku.k-img.com/images/stream/stream.gif) -630px -120px;
}
.serviceBox .appBtn a {
	display:block;
	height:35px;
	width:100%;
}
.serviceBox .appBtn a span {
	margin:auto;
	display:block;
	width:6em;
	font-size:115%;
	font-weight:bold;
	padding-top:10px;
	text-align:center;
}
.serviceBox .middle .appBtn {
	width:300px;
	margin:20px auto;
}
.serviceBox .campaignPrice {
	color:#f00;
}

/*---------------------------------------------------------
02　詳細ページ
---------------------------------------------------------*/


/*背景用*/
#detail {
	background:url(https://img1.kakaku.k-img.com/images/stream/providerBackTop.gif) no-repeat top left;
}

#provider {
	background:url(https://img1.kakaku.k-img.com/images/stream/providerBackBottom.gif) no-repeat bottom left;
}

/*---------------------------------------------------------
申込ボタン
---------------------------------------------------------*/
.appLeft ,
.appMiddle {
	margin-bottom:30px;
}

.appLeft {
	background:#fc0;
	border:3px solid #fc0;
}
.appMiddle a {
	background:url(https://img1.kakaku.k-img.com/images/stream/stream.gif) 0 -20px;
	display:block;
	height:36px;
	border:1px solid #ccc;
	margin:5px 6px;
}
.appMiddle span {
	margin:auto;
	display:block;
	margin:8px 0;
	text-align:center;
	font-weight:bold;
	font-size:110%;
}

.appMiddle .appBtn .bbRank ,
.appMiddle .appBtn .single {
	margin:auto;
	float:none;
}
.appMiddle .appBtn {
	background:#fc0;
	width:320px;
	margin:auto;
	border:3px solid #fc0;
}

.appMiddle .appBtn2 {
	width:644px;
	margin:auto;
	background:#fc0;
}
.appMiddle .appBtn2 .bbRank ,
.appMiddle .appBtn2 .single {
	width:320px;
	float:left;
}
.appMiddle .appBtn2 .bbRank ,
	margin-right:10px;
}
.appLeft {
	margin:10px;
}
.appLeft a {
	background:url(https://img1.kakaku.k-img.com/images/stream/stream.gif) 0 -20px;
	display:block;
	height:36px;
	border:1px solid #ccc;
	margin:4px 2px;
}
.appLeft span {
	margin:auto;
	display:block;
	margin:8px 0;
	text-align:center;
	font-weight:bold;
}

.eoDetail .appLeft a {
	background:url(https://img1.kakaku.k-img.com/images/stream/stream.gif) 0 -12px;
	display:block;
	height:44px;
	border:1px solid #ccc;
	margin:4px 2px;
}

.eoDetail .appLeft span {
	margin:auto;
	display:block;
	margin:6px 0 0 0;
	text-align:center;
	font-weight:bold;
}



/*---------------------------------------------------------
右カラム
---------------------------------------------------------*/
.middle {
	width:720px;
	float:left;
	color:#333;
}
.middle h2 {
	border:1px solid #ccc;
	vertical-align:middle;
	font-weight:bold;
	font-size:115%;
	background:url(https://img1.kakaku.k-img.com/images/stream/h2obi.gif) repeat-x top right;
	padding:3px 10px 3px 3px;
}

.middle h2 span {
	background:url(https://img1.kakaku.k-img.com/images/stream/h2obiPoint.gif) repeat-y bottom left;
	padding-left:10px;
}

/*ポップアップリンク　チャンネル一覧・番組表*/
.middle .video ,
.middle .channel {
	background:url(https://img1.kakaku.k-img.com/images/stream/popup.gif) no-repeat 0 0;
	padding:0 0 0 18px;
	margin-left:1em;
}

.middle #planArea .video ,
.middle #planArea .channel {
	margin:0;
	display:block;
	margin-top:3px;
}

/*段落下げ&スペース*/
.middle .section {
	margin:8px 10px 20px 10px;
}
.middle table {
	border-left: 1px solid #1EC7FF;
	border-top: 1px solid #1EC7FF;
}

.middle .section th {
	background:#D4F3FF;
	padding:4px 8px;
	border-right: 1px solid #1EC7FF;
	border-bottom: 1px solid #1EC7FF;
	font-weight:normal;
	width:120px;
}
.middle .section td {
	background:#fff;
	padding:4px 8px;
	border-right: 1px solid #1EC7FF;
	border-bottom: 1px solid #1EC7FF;
	width:190px;
	font-family:Verdana;
}
.middle .section td.col2 {
	width:350px;
}
.middle .section td.col3 {
	width:530px;
}
.middle .section dt {
	width:5.2em;
	float:left;
	padding-top:3px;
}
.middle .section dd {
	width:16em;
	float:left;
	font-size:130%;
	font-weight:bold;
	font-family:Verdana;
}

.middle .section th.noborder {
	background:none;
	border:none;
}
.middle .section td.noborder {
	border:none;
}

.middle h3 {
	font-weight:bold;
	font-size:110%;
	margin:15px 0 4px 0;
}
/*特徴エリア*/
.middle .featTop h3 {
	background: url(https://img1.kakaku.k-img.com/images/stream/stream.gif) 0 2px;
	padding-left:1.1em;
}

/*キャンペーンエリア*/
.middle #campaignArea h3 {
	color:#f00;
}
.middle #campaignArea h3.next {
	margin-top:20px;
}

/*プランエリア*/
.middle #planArea h3 {
	border:1px solid #FFC71E;
	padding:5px;
	background: url(https://img1.kakaku.k-img.com/images/stream/planBg.gif) ;
}
.middle #planArea h3.next {
	margin-top:20px;
}
.middle #planArea h4 {
	margin:10px 0 2px 0;
	color:#09c;
	font-size:110%;
}
.middle #planArea span.throughPrice {
	text-decoration:line-through;
}
.middle #planArea span.campaignPrice {
	color:#f00;
	margin-left:1em;
	font-size:80%;
}
.middle #planArea td .campaignPrice {
	display:block;
	margin:2px 0 0 0;
}
.middle #planArea p {
	border-bottom:1px dotted #ccc;
	padding:0 0 4px 0;
}
.middle #planArea .priceTable {
	float:left;
	width:335px;
	margin-bottom:4px;
}



/*注意文*/
.middle ul {
	margin-top:4px;
}

.middle .featTop li ,
.middle #campaignArea li ,
.middle #planArea li {
	padding-top:2px;
	padding-left:12px;
	color:#666;
	font-size:85%;
	background:url(https://img1.kakaku.k-img.com/images/stream/attention.gif) no-repeat scroll 0 3px;
}
/*----------------------------------
左カラム
----------------------------------*/

.left {
	float:left;
	width:200px;
	margin-right:10px;
	margin-top:10px;
}

/*プロフィール*/

.left .logo {
	text-align:center;
	margin:10px 10px 0 10px;
	padding-bottom:20px;
	border-bottom:1px dotted #666;
}

.left .providerArea {
	margin:5px 10px 10px 10px;
	font-size:85%;
	padding-top:14px;
	background:url(https://img1.kakaku.k-img.com/images/stream/applyArea.gif) no-repeat;
}

.left .gaiyou {
	margin:5px 10px 10px 10px;
	font-size:85%;
}

.left .gaiyou th {
	width:50px;
	text-align:center;
	vertical-align:middle;
	padding:3px;
	background:url(https://img1.kakaku.k-img.com/images/stream/thBg.gif) repeat-x;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight:normal;
}

.left .gaiyou td {
	padding:3px 6px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.left .link {
	margin:10px 10px 0 10px;
}

.left .link li {
	margin-bottom:5px;
}

.left .link li a {
	background:url(https://img1.kakaku.k-img.com/images/stream/popup.gif) no-repeat;
	padding:2px 18px;
	font-size:85%;
}

.left .appLeft {
	margin:0 10px;
}

/*ボタン*/
.closeBtn {
	position:absolute;
	left:605px;
	top:-15px;
	cursor:pointer;
	background:url(https://img1.kakaku.k-img.com/images/stream/closeBtn.png) no-repeat;
	height:35px;
	width:35px;
	text-indent:-9999px;
}

/*IE6 png*/
* html .closeBtn {
	behavior: expression(
	this.style.behavior || (
	this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
	this.style.backgroundImage = "none",
	this.style.behavior = "none"
	)
	);
}