@charset "utf-8";

/* ******************************************************************************** */
/*  Ｋビジョン On The Web　cableplus/style.css                                      */
/*                                                                        17.06.27  */
/* ******************************************************************************** */

/* ================================================================================ */
/*      外部CSS読み込み設定                                                         */
/* ================================================================================ */

@import url("../common_new.css");



/* ================================================================================ */
/*      共通                                                                        */
/* ================================================================================ */

/* -------------------------------------------------------------------------------- */
/*      サイドメニュー                                                              */
/* -------------------------------------------------------------------------------- */

.menuinner .menu-box ul.box_list li{
	width: 198px;
	height: 41px;
	background: url(../../cableplus/img/sidemenu/bcg_list.gif) no-repeat;
}


/* -------------------------------------------------------------------------------- */
/*      ページタイトル                                                              */
/* -------------------------------------------------------------------------------- */

.cableplus .pagetitle .middle{
	padding-top: 4px;
	height: 20px;
	background: url(../../cableplus/img/pagetitle/bcg_middle.gif) no-repeat 0 0;
}
.cableplus .pagetitle .middle p{
	margin: 0 42px;
	padding-left: 18px;
	color: #ff8400;
	font-size: 14px;
	font-weight: bold;
	background: url(../../cableplus/img/pagetitle/ico.gif) no-repeat 0px 5px;
}


/* -------------------------------------------------------------------------------- */
/*      書式                                                                        */
/* -------------------------------------------------------------------------------- */

.cableplus .article p, .cableplus .article li{
	line-height: 1.6;
}


/* 段落
----------------------------------------------- */
.cableplus .article{
	margin: 0 10px;
	padding-top: 20px;
}
.cableplus .article .section{
	margin: 0 20px 60px 20px;
}
.cableplus .article .section .sectionInner{
	margin: 0 20px;
}

/* --- タイトル --- */
.cableplus .article h2{
	margin-bottom: 20px;
}
.cableplus .article h3{
	margin-bottom: 20px;
	border-bottom: solid 1px #a5e42c;
	background: url(../../cableplus/img/bcg_h3.gif) no-repeat 0 0;
}
.cableplus .article h3 span{
	margin: 0 5px 0 16px;
	padding: 3px 0;
	color: #796f00;
	display: block;
}
.cableplus .article h4{
	margin: 20px 0 5px 0;
}
.cableplus .article h4 span{
	font-size: 14px;
}


/* 画像
----------------------------------------------- */
.cableplus .article .photo .center{
	margin-top: 15px;
}


/* リスト
----------------------------------------------- */
.cableplus .indent{
	margin-top: 10px;
}
.cableplus .indent span{
	color: #ff0000;
}
.cableplus .arrow-green{
	margin-left: 20px;
}
.cableplus dl{
	line-height: 1.4;
}
.cableplus dl dt{
	margin-bottom: 4px;
	width: 24px;
	color: #ff0000;
	float: left;
	clear: left
}
.cableplus dl dd{
	margin-bottom: 4px;
	margin-left: 26px;
}


/* テーブル
----------------------------------------------- */
.cableplus table{
	width: 100%;
	border-collapse: collapse;
}
.cableplus table th{
	color: #ffffff;
	border-bottom: solid 1px #80ba0e;
	background: #80ba0e;
}
.cableplus table td{
	text-align: center;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
.cableplus table th, .cableplus table td{
	padding: 10px;
}



/* ================================================================================ */
/*      ケーブルプラス電話のしくみ                                                  */
/* ================================================================================ */



/* ================================================================================ */
/*      加入費用・利用料                                                            */
/* ================================================================================ */

/* -------------------------------------------------------------------------------- */
/*      光ケーブルへの切替工事を進めています                                        */
/* -------------------------------------------------------------------------------- */

.attention .text01{
	margin-bottom: 20px;
	text-align: left;
	border: solid 1px #80ba0e;
}
.attention h2{
	padding: 10px;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.4;
	text-align: center;
	background: #80ba0e;
}
.attention .text01 div{
	padding: 0 10px 10px 10px;

}


/* バナー
----------------------------------------------- */
.au-smartvalue{
	margin-bottom: 20px;
	text-align: center;
}


/* -------------------------------------------------------------------------------- */
/*      初期費用                                                                    */
/* -------------------------------------------------------------------------------- */

.price .initial-cost{
}


/* バナー
----------------------------------------------- */
.application{
	margin-top: 10px;
	text-align: center;
}

/* -------------------------------------------------------------------------------- */
/*      画像ポップアップのリンク                              */
/* -------------------------------------------------------------------------------- */

.sectionInner .images a span{
	margin-top: 6px;
	display: block;
}


/* -------------------------------------------------------------------------------- */
/*      有料追加工事一覧                                                            */
/* -------------------------------------------------------------------------------- */

.price .additional-fee table th{
	width: 60%;
	border-bottom: solid 1px #ffffff;
}
.price .additional-fee table th.last{
	border-bottom: solid 1px #80ba0e;
}


/* -------------------------------------------------------------------------------- */
/*      月額基本料                                                                  */
/* -------------------------------------------------------------------------------- */

.price .basic-charge dl{
	margin-top: 20px;
}


/* -------------------------------------------------------------------------------- */
/*      通話料                                                                      */
/* -------------------------------------------------------------------------------- */

/* 区切り線
----------------------------------------------- */
.price .call-charge hr{
	margin-top: 20px;
}


/* テーブル
----------------------------------------------- */
.price .call-charge table th{
	border-right: solid 1px #ffffff;
}
.price .call-charge table th.last{
	background-color: #ff9900;
	border-bottom: solid 1px #ff9900;
}
.price .call-charge table td.point{
	color: #ff0000;
	font-weight: bold;
}
.price .call-charge table .borderLeft{
	border-left: solid 1px #cccccc;
}


/* リスト
----------------------------------------------- */
.price .call-charge dl{
	margin-top: 20px;
}


/* 組み合わせ参考例
----------------------------------------------- */
.price .set-price img{
	margin-bottom: 10px;
	width: 640px;
}



/* ================================================================================ */
/*      auケータイとセットでおトク                                                  */
/* ================================================================================ */

.au .notification .indent{
	margin-left: 36px;
}



/* ================================================================================ */
/*      オプションサービス                                                          */
/* ================================================================================ */

.option .photo-list{
	margin: 0 auto;
	width: 675px;
}
.option .photo-list li{
	margin-bottom: 10px;
	float: left;
}
.option .photo-list li.second{
	float: right;
}



/* ================================================================================ */
/*      マニュアル／よくあるご質問                                                        */
/* ================================================================================ */

/* 上に戻る
----------------------------------------------- */
.faq .pagetop{
	margin-top: 20px;
}


/* リスト
----------------------------------------------- */
.faq .indent li{
	margin-top: 10px;
}
.faq .indent li .bold{
	color: #333333 !important;
}
.faq .indent li .underline{
	color: #333333 !important;
}
.faq .indent li .arrow-green{
	margin-left: 0;
}
.faq .indent li .arrow-green li{
	margin-top: 0;
	padding-left: 30px !important;
	background: url(../../img/common/ico/ico_arrow-green.gif) no-repeat 0 4px !important;
}


/* Q17
----------------------------------------------- */
.faq #q17 img{
	margin-bottom: 20px;
}