@charset "UTF-8";
/*------------------------------
共通部分
------------------------------*/
a{
	color:#3465cb;
	cursor:pointer;
	text-decoration:underline;
}

.caption01{
	width:auto !important;
}

.floLeft {
	float: left;
}

.floRight {
	float: right;
}

.caption02{
	width:auto !important;
}

.mt25 {
	margin-top: 25px;
}

.pd10 {
	padding: 10px!important;
}

#layout-contents{
	margin:0 10px;
	*margin:0 0 0 10px;
	width:660px;
}
#container .cont{
	margin:10px 10px 0 !important;
}
#container .cont .imgleft{
	margin:0px !important;
	padding:0px !important;
	float:left;
}
#container .one_contents{
	margin-bottom:30px;
	clear:both;
}
#container .one_contents h4{
	font-size:16px;
	color:#424242;
	background-color:#eeeeee;
	padding:10px;
	margin:0 0 10px;
	height:auto;
	line-height:100%;
	text-indent:0;
}


/*------------------------------
タイトル
------------------------------*/
.tit_charge {
	clear: both;
	background: url(../images/img_charge_tit01.gif) no-repeat left top;
	width: 660px;
	color: #333;
	font-size: 16px;
	margin: 12px 0 0 0;
	padding: 13px 0 12px 23px;
	font-weight: bold;
}


/*------------------------------
ジョインボックス
------------------------------*/
.join_area {
	margin:0 10px 40px;
	text-align: center;
	clear: both;
}

.join_box {
	padding: 0 0 20px;
	margin: 0 0 20px;
	text-align: center;
	background: url(../images/join_box_bg.gif) left bottom no-repeat;
}

.join_box02 {
	padding: 0 0 20px;
	margin: 0 0 20px;
	text-align: center;
	background: url(../images/join_box_bg02.gif) left bottom no-repeat;
}

.join_box table,
.join_box02 table {
	margin: 0 auto;
}

/*------------------------------
サービスコンテンツ枠
------------------------------*/
.service_contents{
	width:310px;
	border:1px solid #e5e5e5;
	margin-bottom:10px;
}
.service_contents2{
	width:640px;
	border:1px solid #e5e5e5;
	margin-bottom:10px;
}
.service_contents img.service_title,
.service_contents2 img.service_title{
	margin:1px;
}
.service_contents p,
.service_contents2 p{
	display:block;
	margin:10px;
}
.service_contents .caption02,
.service_contents2 .caption02{
	margin:0 10px 10px;
}


/*------------------------------
メインイメージ
------------------------------*/
#main_v_index{ background:url(../images/main_v_index.jpg) left top no-repeat;}
#main_v_charge{ background:url(../images/main_v_charge.jpg) left top no-repeat;}
#main_v_tv{ background:url(../images/main_v_tv.jpg) left top no-repeat;}
#main_v_connect{ background:url(../images/main_v_connect.jpg) left top no-repeat;}
#main_v_faq{ background:url(../images/main_v_faq.jpg) left top no-repeat;}
#main_v_campaign{ background:url(../images/main_v_campaign.jpg) left top no-repeat;}
#main_v_merit{ background:url(../images/main_v_merit.jpg) left top no-repeat;}

/*------------------------------
オーバーレイ
------------------------------*/
.overlay {
	position: relative!important;
	z-index: 999!important;
}

.overray{
	background-color:#f6f9fd;
}

/*------------------------------
タブナビゲーション
------------------------------*/
ul#tabNavigation_index li ,
ul#tabNavigation_charge li ,
ul#tabNavigation_tv li ,
ul#tabNavigation_connect li ,
ul#tabNavigation_campaign li,
ul#tabNavigation_other li {
	display: block;
	float: left;
	margin: 0 2px 0 0;
	padding: 10px 0 0 0;
}

li.top {
	padding: 1px 0 0 0!important;
}

/* インデックス */
ul#tabNavigation_index {
	clear: both;
	background: url(../images/bg_tabNavigation_index.gif) no-repeat left bottom;
	width: 660px;
	height: 66px;
}
.index_support{
	padding:10px;
	border:2px solid #eee;
	margin-bottom:10px;
	*margin-bottom:0;
}
.index_support dt{
	display:block;
	font-weight:bold;
}
.index_support dd{
	display:block;
	width:240px;
	*width:258px;
	float:left;
	text-indent:-8px;
	padding:0 10px 0 8px;
}
.index_support dd.right{
	display:block;
	width:170px;
	*width:186px;
	float:left;
	text-indent:-8px;
	padding-left:8px;
}
#ipv6{
	border:2px solid #639FCE;
	padding:15px;
	background-color:#f1fbff;
}
#ipv6 .tac{
	text-align:center;
}

/* 料金 */
ul#tabNavigation_charge {
	clear: both;
	background: url(../images/bg_tabNavigation_price.gif) no-repeat left bottom;
	width: 660px;
	height: 66px;
}

/* テレビサービス */
ul#tabNavigation_tv {
	clear: both;
	background: url(../images/bg_tabNavigation_tv.gif) no-repeat left bottom;
	width: 660px;
	height: 66px;
}

/* ひかり電話 */
ul#tabNavigation_connect {
	clear: both;
	background: url(../images/bg_tabNavigation_tel.gif) no-repeat left bottom;
	width: 660px;
	height: 66px;
}

/* キャンペーン */
ul#tabNavigation_campaign {
	clear: both;
	background: url(../images/bg_tabNavigation_campaign.gif) no-repeat left bottom;
	width: 660px;
	height: 66px;
}

/* キャンペーン */
ul#tabNavigation_other {
	clear: both;
	background: url(../images/bg_tabNavigation_other.gif) no-repeat left bottom;
	width: 660px;
	height: 66px;
}

/*------------------------------
フッターナビ
------------------------------*/
ul#footNavigation {
	clear: both;
	width: 660px;
	background: #f0f0f0;
	margin: 20px 0;
	padding: 12px 0!important;
	text-align: center;
	letter-spacing:normal;
	line-height: 1.8em!important;
}

ul#footNavigation li {
	display: inline;
}

ul#footNavigation li.border {
	padding: 0;
}



/*==================================================================
料金ページ
==================================================================*/
ul.ftthlist_02 {
	font-size: 14px;
	color: #424242;
}

ul.ftthlist_02 li {
	background: url(../images/bg_liststyle.gif) no-repeat 3px 8px;
	margin: 0;
	padding: 0 0 0 12px;
	line-height: 1.6em;
}

ul.ftthlist_02 .orange {
	color: #ff7800;
}

.boxLink {
	color: #e12222;
	width: 203px;
}

.boxLink p {
	margin: 0!important;
	padding: 0!important;
	line-height: 1.4em!important;
	text-align: center;
}

.boxLink a {
	color: #3465cb;
	text-decoration: underline;
	text-decoration-skip-ink: none;
}

.boxLink a:hover {
	text-decoration: none;
}

.check img {
	display: inline-block;
	vertical-align: middle;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}

.check .txt {
	display: inline-block;
	vertical-align: middle;
	width:300px;
	*width: 320px;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
	border: 2px solid #ffb200;
	font-weight: bold;
	padding: 15px 10px;
}


.block_fukidashi {
	float: left;
	font-weight: bold;
	width: 300px;
	border: solid 2px #ffb200;
	padding: 15px 10px;
}

.fukidashi{
	float:left;
	display:table-cell;
	background:url(../images/charge_fukidashi.gif) left top no-repeat;
	width:369px;
	height:58px;
}
.fukidashi .txtlarge{
	margin:20px 15px 0 15px;
	display:block;
	font-weight:bold;
}
.btn{
	float:right;
}


/*------------------------------
プラン別 -テーブル部分-
------------------------------*/
.flets_table {
	clear: both;
	border-collapse: collapse;
}

.flets_table th {
	background-color: #BAE5FF;
	border: 1px solid #BABCBD;
	border-collapse: collapse;
	font-weight: bold;
	padding: 5px 10px;
}

.flets_table th.bg04 {
	background-color: #FFD666;
}

.flets_table th.txtnormal {
	text-align: center;
}

.flets_table .bg02 {
	background-color: #DAF1FF;
	font-weight:normal;
}
.flets_table .bg03 {
	background-color: #f6f6f6;
	font-weight:normal;
}

.flets_table .mprice_01 {
	background:url(../images/img_charge01.gif) center bottom no-repeat;
	padding-bottom:62px;
}
.flets_table .mprice_02 {
	background:url(../images/img_charge02.gif) center bottom no-repeat #f6f6f6;
	padding-bottom:66px;
}
.flets_table .mprice_03 {
	background:url(../images/img_charge03.gif) center bottom no-repeat;
	padding-bottom:70px;
}
.flets_table .mprice_04 {
	background:url(../images/img_charge04.gif) center bottom no-repeat #f6f6f6;
	padding-bottom:106px;
}

.flets_table .bd-n-t {
	border-top:none !important;
}
.flets_table .bd-n-l {
	border-left:none !important;
}
.flets_table .bd-n-b {
	border-bottom:none !important;
}

.flets_table td {
	border: 1px solid #BABCBD;
	border-collapse: collapse;
	padding: 5px 10px;
	text-align: center;
}

.flets_table td strong.red {
	font-size: 20px;
}




/*==================================================================
TVサービスページ
==================================================================*/
h5.ttl_01 {
	border-bottom: solid 2px #178be4;
	padding: 0 0 5px 0;
}

h5.ttl_02 {
	clear: both;
	background: #eee;
	padding: 10px!important;
}

ul.tv_merit li,
ul.tv_recommend li{
	line-height: 1.5em;
	border-bottom: dotted 1px #beceda;
}

ul.tv_merit li.num01_orange {
	background: url(../images/bg_num01_orange.gif) no-repeat 0 6px;
	margin: 0;
	padding: 6px 0 6px 28px;
}

ul.tv_merit li.num02_orange {
	background: url(../images/bg_num02_orange.gif) no-repeat 0 6px;
	margin: 0;
	padding: 6px 0 6px 28px;
}

ul.tv_merit li.num03_orange {
	background: url(../images/bg_num03_orange.gif) no-repeat 0 6px;
	margin: 0;
	padding: 6px 0 6px 28px;
	border: none;
}

ul.tv_recommend li.num01_blue {
	background: url(../images/bg_num01_blue.gif) no-repeat 0 6px;
	margin: 0;
	padding: 6px 0 6px 28px;
}

ul.tv_recommend li.num02_blue {
	background: url(../images/bg_num02_blue.gif) no-repeat 0 6px;
	margin: 0;
	padding: 6px 0 6px 28px;
}

ul.tv_recommend li.num03_blue {
	background: url(../images/bg_num03_blue.gif) no-repeat 0 6px;
	margin: 0;
	padding: 6px 0 6px 28px;
	border: none;
}


/*==================================================================
キャンペーンページ
==================================================================*/
.mb_btn {
	margin-bottom: 30px;
	*margin-bottom: 0!important;
}


.innerBlock_info {
    border: 2px solid #639FCE;
    clear: both;
    margin: 10px 0 0;
    padding: 5px 10px;
    text-align: left;
}



/* ---------------------------------------------------------
 merit
--------------------------------------------------------- */
body#merit .cont {
	clear: both;
	margin: 0 10px 20px!important;
}

body#merit h3 {
    background-image: none!important;
    border: none!important;
    height: auto!important;
	margin: 0 0 10px!important;
    padding: 0!important;
	line-height: 1em!important;
    text-indent: 0!important;
}

body#merit h4.ttl {
	background: url(../images/merit_h4.gif) no-repeat left top!important;
    height: 18px;
    *height: 38px;
	color: #333;
	margin: 0 0 5px;
	padding: 10px 5px;
	line-height: 1em!important;
}

body#merit .left01 {
	float: left;
	width: 80px;
}

body#merit .right01 {
	float: right;
	width: 540px;
	margin-top: 10px;
	text-align: left;
}

body#merit .left02 {
	float: left;
	width: 165px;
}

body#merit .right02 {
	float: right;
	width: 464px;
}

body#merit .left03 {
	float: left;
	width: 150px;
}

body#merit .right03 {
	float: right;
	width: 470px;
}