@charset "utf-8";


/* CSS Import Style
---------------------------------------------------- */
@import "01styles_main.css";
@import "02styles_common.css";
@import "03styles_additional.css";
@import "styles_inc.css";


/* header style
---------------------------------------------------- */
# .header #sNAVIqa {
}

/* sideArea style
---------------------------------------------------- */

/* indicate current item */
#cableHd #hd_index #cMenu_hd,
#cableHd #hd_basicCH #cMenu_HbasicCH,
#cableHd #hd_optionCH #cMenu_HoptionCH,
#cableHd #hd_join #cMenu_Hjoin,
#cableHd #hd_cost #cMenu_Hcost,
#cableDigi #digi_index #cMenu_digi,
#cableDigi #digi_basicCH #cMenu_DbasicCH,
#cableDigi #digi_optionCH #cMenu_DoptionCH,
#cableDigi #digi_join #cMenu_Djoin,
#cableDigi #digi_cost #cMenu_Dcost,
#cableDvd #cMenu_dvd,
#cableHdd #cMenu_hdd,
#cableVod #vod_index #cMenu_vod,
#cableVod #vod_about #cMenu_vodAbout,
#cableVod #vod_howto #cMenu_vodHowto,
#cableVod #vod_trouble #cMenu_vodTrouble,
#cableCommunity #cMenu_community,
#cableCommunityAd #cMenu_communityAd,
#cableInfo #info_index #cMenu_info,
#cableInfo #info_digi #cMenu_infoDigi,
#cableInfo #info_nhk #cMenu_infoNhk,
#cableInfo #info_bcas #cMenu_infoBcas,
#cableTv #tv_index #cMenu_tv,
#cableTv #tv_basic #cMenu_tvBasic,
#cableTv #tv_option #cMenu_tvOption,
#netCable #cable_index #cMenu_indexCable,
#netCable #cable_join #cMenu_joinCable,
#netCable #cable_cost #cMenu_costCable,
#netZaq #zaq_index #cMenu_indexZaq,
#netZaq #zaq_join #cMenu_joinZaq,
#netZaq #zaq_cost #cMenu_costZaq,
#netAdsl #adsl_index #cMenu_indexAdsl,
#netAdsl #adsl_join #cMenu_joinAdsl,
#netAdsl #adsl_cost #cMenu_costAdsl,
#netFtth #ftth_index #cMenu_indexFtth,
#NS_index #cMenu_indexNS,
#IPP_index #cMenu_indexIPP,
#IPP_service #cMenu_serviceIPP,
#IPP_price #cMenu_priceIPP,
#IPP_isp #cMenu_ispIPP,
#phone_index #cMenu_phone_index,
#phone_join #cMenu_phone_join,
#phone_cost #cMenu_phone_cost,
#phone_price #cMenu_phone_price,
#price_index #sMenu_index,
#price_set #sMenu_set,
#dummyAttribute {
	background: url(/images/common/icon_arrow02.gif) no-repeat 2px 5px;
	padding-left: 15px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

#cableHD #hd_join #cMenu_hd .current,
#cableDigi #digi_join #cMenu_digi .current,
#dummyAttribute {
	background: url(/images/common/icon_arrow01.gif) no-repeat 2px 5px;
	padding-left: 15px;
	display: inline-block;
}

/* show sub menu */
#cableDigi .sideArea #digi ul,
#cableHd .sideArea #hd ul,
#cableVod .sideArea #vod ul,
#cableCommunity .sideArea #community ul,
#cableCommunityAd .sideArea #community ul,
#cableInfo .sideArea #info ul,
#cableTv .sideArea #tv ul,
#netCable .sideArea #cable ul,
#netAdsl .sideArea #adsl ul,
#netZaq .sideArea #zaq ul,
#IPP_index .sideArea #IPP ul,
#IPP_service .sideArea #IPP ul,
#IPP_price .sideArea #IPP ul,
#IPP_isp .sideArea #IPP ul,
#dummyAttribute {
	display: block;
}


/* 【Ｂ-5】/new/service/cable_tv/hd/
---------------------------------------------------- */
div.mainContents table.hdTable td{
	padding-top: 20px;
	padding-bottom: 20px;
}
div.mainContents table.hdTable td span{
	display: block;
	position: relative;
}
div.mainContents table.hdTable td span img.hdTableHd{
	position: absolute;
	right: 2px;
	bottom: -8px;
}
div.mainContents table.hdTable td.hdTableCom{
	width: 270px;
	vertical-align: top;
	border-left: none;
}
div.mainContents table.hdTable th{
	padding-top: 20px;
	padding-right: 0;
	vertical-align: top;
	border-right: none;
	background-color: transparent;
}


/* 【Ｂ-8】/new/service/cable_tv/step/cost_digi.html
---------------------------------------------------- */
div.mainContents table.cost_digi th{
	white-space: nowrap;
	text-align: left;
}
div.mainContents table.cost_digi th div{
	padding-top:10px;
	text-align: center;
}
div.mainContents table.cost_digi th div img{
	padding: 0 10px 0 10px;
}

/* 【Ｂ-10】/new/service/cable_tv/step/construct_digi.html
---------------------------------------------------- */
div.mainContents p.QandA{
	border: solid 1px #999;
}
div.mainContents p.QandA span{
	display: block;
	position: relative;
	padding: 10px 10px 10px 43px;
	border: none;
}
div.mainContents p.QandA img {
	position: absolute;
	left: 10px;
	top: 10px;
}
div.mainContents p.QandA span.q {
	border-bottom: solid 1px #999;
	background-color: #f5f5f5;
	min-height: 24px;
	font-weight: bold;
}

/* 【Ｂ-11】/new/service/cable_tv/channel/
---------------------------------------------------- */
#cableChannel div.mainContents table{
	margin-bottom: 20px;
}
#cableChannel div.mainContents table th{
	width :3.8em;
}
#cableChannel div.mainContents table th.ch{
	width :auto;
}
#cableChannel div.mainContents table#data th,
#cableChannel div.mainContents table#radio th{
	width :auto;
}
#cableChannel div.mainContents table#data td,
#cableChannel div.mainContents table#radio td{
	width :15%;
}
#cableChannel div.mainContents table#data td.left,
#cableChannel div.mainContents table#radio td.left{
	width :35%;
}
#cableChannel div.mainContents table td.ppv{
	width :20%;
}
#cableChannel div.mainContents table th#chinema { width: auto; background-color: #ffd2cc; }
#cableChannel div.mainContents table th#drama { width: auto; background-color: #cdf3ff; }
#cableChannel div.mainContents table th#music { width: auto; background-color: #ffcceb; }
#cableChannel div.mainContents table th#sports { width: auto; background-color: #caeea8; }
#cableChannel div.mainContents table th#anime { width: auto; background-color: #fef8ba; }
#cableChannel div.mainContents table th#entertainment { width: auto; background-color: #d3c1eb; }
#cableChannel div.mainContents table th#documentary { width: auto; background-color: #abc3ff; }
#cableChannel div.mainContents table th#hobby { width: auto; background-color: #ecd4bc; }
#cableChannel div.mainContents table th#news { width: auto; background-color: #c1d2ee; }
#cableChannel div.mainContents table th#shopping { width: auto; background-color: #dedede; }
#cableChannel div.mainContents table th#chi-digi { width: auto; background-color: #d1d8eb; }
#cableChannel div.mainContents table th#option { width: auto; background-color: #baceff; }
#cableChannel div.mainContents table th#adult { width: auto; background-color: #efabff; }
#cableChannel div.mainContents table th#ppv-chinema { width: auto; background-color: #ffd2cc; }
#cableChannel div.mainContents table th#ppv-adult { width: auto; background-color: #efabff; }

#cableChannel div.mainContents p.hdAnnotation {
	position: relative;
}


/* 【Ｂ-13】/new/service/cable_tv/hdd/
---------------------------------------------------- */
div.mainContents table.hddTable td img{
	vertical-align: middle;
	margin-right: 5px;
	padding: 6px 1px 6px;
}
div.mainContents h3.hddH3{
	margin-bottom: 20px;
}
div.mainContents h3.hddH3 span img{
	vertical-align: middle;
	margin-right: 10px;
}


/* 【Ｂ-15】/new/service/cable_tv/community/
---------------------------------------------------- */
ul.communityMenu{
	margin-bottom: -1px;
}
ul.communityMenu li{
	display: inline;
}
ul.communityMenu li a,
ul.communityMenu li span {
	display: block;
	float: left;
	width: 114px;
	height : 28px;
	margin: 0px;
	padding: 0px;
}

div.communityFrame{
	border: 1px solid #f47330;
	padding : 10px 10px 3px 10px;
	margin-bottom: 5px;
}
div.communityFrame div.title{
	border-bottom: 1px solid #ccc;
	padding : 0px 0px 5px 0px;
	margin-bottom: 12px;
}
div.communityFrame div.title p {
	padding-left: 160px;
}
div.communityFrame div.title p.tigers {
	padding-left: 110px;
}
div.communityFrame div.title p.floatL {
	margin-bottom: 0px;
	padding-left: 0px;
}
div.communityFrame div.title p strong{
	display: block;
	margin-bottom: 5px;
	font-size: 110%;
}
div.communityFrame img {
	margin-bottom: -10px;
}
div.communityFrame table{
	width: 592px;
}
div.communityFrame table.tt th{
	background-color: #f5f5f5;
	font-weight: normal;
	white-space: nowrap;
	width: 13em;
}
div.communityFrame table.tt th.org{
	background-color: #fedbbc;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	width: auto;
}
div.communityFrame table.tt td.date{
	width: 10em;
}
*:first-child+html div.communityFrame table.lastTT{
	position: relative;
	top: -8px;
	margin-top: 16px; !important
}

div.communityFrame table.communityIndex td{
	padding: 10px 5px 20px 5px;
	vertical-align: top;
	border: none;
	border-bottom: 1px dotted #999;
}
div.communityFrame table.communityIndex span{
	font-weight: bold;
	font-size: 110%;
	display: block;
	margin-bottom: -10px;
}
div.communityFrame table.communityIndex td.a,
div.communityFrame table.communityIndex td.c{
	text-align: center;
	width: 111px;
}
div.communityFrame table.communityIndex td.b,
div.communityFrame table.communityIndex td.d{
	width: 165px;
	padding-left: 0;
}
div.communityFrame table.communityIndex td.c{
	border-left: 1px dotted #999;
}
div.communityFrame table.communityIndex td.e{
	padding-left: 10px;
	width: 276px;
}
div.communityFrame table.communityIndex td.f{
	border-left: 1px dotted #999;
	padding-left: 10px;
	width: 276px;
}
div.communityFrame table.communityIndex td.last{
	border-bottom: none;
}
div.communityFrame table.communityIndex{
	margin-bottom: 10px;
}
div.communityFrame p.misc{
	margin-top: 12px;
	margin-left: 12px;
}

/* 【Ｂ-17】/new/service/cable_tv/vod/
---------------------------------------------------- */
div.mainContents ul.vodList {
	margin-bottom: 1em;
}

div.mainContents ul.vodList li {
	display: inline;
}
div.mainContents ul.vodList li a{
	display: block;
	float: left;
	margin-right: 50px;
	margin-bottom: 8px;
	white-space: nowrap;
}
div.mainContents table.vodFeature {
	width: 290px;
}
div.mainContents table.vodFeature th{
	width: 20px;
	background-color: transparent;
	border-right: none;
}
div.mainContents table.vodFeature td{
	border-left: none;
	padding-left: 0;
}
div.mainContents table.vodTable {
	clear: both;
}
div.mainContents table.vodTable td{
	padding: 10px;
}
div.mainContents table.vodTable td img{
	float: left;
	position: relative;
	padding-right: 10px;
}
div.mainContents table.vodTable td span{
	display: block;
	overflow: auto;
	zoom:1;
}

.catvvodArea {
	border: 1px solid #969696;
	padding: 0 10px;
}

.catvvodArea table {
	margin: 10px 0;
	width: 590px;
}

.catvvodArea td {
	border: none;
	padding: 0px 2px;
}

.catvvodArea .dot_line {
	background: url(/images/common/line_L.gif) repeat-x left top;
	padding: 3px 0;
}


/* 【Ｂ-18】/new/service/cable_tv/vod/about.html
---------------------------------------------------- */
div.mainContents table.vodAbout1 {
	position: relative;
	top: 5px;
	left: -10px;
}
div.mainContents img.vodAbout2 {
	position: relative;
	top: 7px;
	left: -10px;
}

/* 【Ｂ-19】/new/service/cable_tv/vod/howto.html
---------------------------------------------------- */
div.mainContents ol.howto li {
	margin-bottom: 1.5em;
}

/* 【Ｂ-21】/new/service/cable_tv/tv/
---------------------------------------------------- */
div.mainContents table.cableTvTv th.second {
	width: 15.5em;
}

/* 【Ｂ-23】/new/service/cable_tv/info/digital_info.html
---------------------------------------------------- */
div.mainContents table.digital_info td {
	border: none;
	vertical-align: top;
	text-align:center;
}

/* 【Ｂ-25】/new/service/cable_tv/info/bcasinfo.html
---------------------------------------------------- */
div.mainContents div.bcasinfo {
	position: relative;
	margin-top: 30px;
}
div.mainContents div.bcasinfo img {
	position: absolute;
	top: -10px; left: 26em;
}
div.mainContents div.bcasinfo img.erase2 {
	left: 20.5em;
}
div.mainContents table.bcasinfo td {
	vertical-align: top;
	padding:16px 20px 0px 20px;
}

/* 【Ｂ-26】/new/service/net/index.html
---------------------------------------------------- */
#netIndex div.mainContents div.frameBox01{
	margin-bottom: 12px;
}
#netIndex div.mainContents ul li{
	margin-bottom: 5px;
}
#netIndex div.mainContents div.frameBox01 p a.aLinkLv1,
#netIndex div.mainContents div.frameBox01 p a.outLink{
	margin-bottom: 5px;
	font-size: 120%;
	font-weight: bold;
	background-position: left 7px;
}
#netIndex div.mainContents div.frameBox01 p a.outLink{
	background: url(/images/common/icon_outLinkRed.gif) no-repeat left 6px !important;
}

/* 【Ｂ-29】/new/service/net/zaq/index.html
---------------------------------------------------- */
div.mainContents table.netTable {
	position: relative;
}
div.mainContents table.netTable th {
	background-color: #f5f5f5;
	font-weight: normal;
	width: 12em;
}
div.mainContents table.netTable th.title{
	background-color: #fedbbc;
	font-weight: bold;
	text-align: left;
	width: auto;
}
div.mainContents table.netTable th.title span{
	padding-left: 1em;
	font-weight: normal;
}
div.mainContents table.netTable th.title span.detail{
	position: absolute;
	right: 6px;
}

/* 【Ｂ-33】/new/service/net/info/
---------------------------------------------------- */
div.mainContents table.netInfo td{
	vertical-align: top;
	width: 50%;
}

/* /new/price/simulation/
---------------------------------------------------- */
#New_price #planChoice,
#New_price #result{
	width: 600px;
	position: relative;
	left: 125px;
}
#New_price #planChoice p.plus{
	margin-bottom: -20px;
	text-align: center;
}
#New_price #planChoice input{
	margin-right: 0.5em;
}
*:first-child+html #New_price #planChoice input{
	margin-right: 0.1em;
}
#New_price #planChoice td.simPrice,
#New_price #result td.simPrice{
	width: 8em;
	text-align: right;
}
#New_price #planChoice th,
#New_price #result th{
	width: 12em;
}
#New_price #result th.simResult{
	width: auto;
}
#New_price #planChoice table,
#New_price #result table{
	width: 600px;
}

/* 【Ｂ-37】/new/service/phone/price.html
---------------------------------------------------- */
div.mainContents table.phoneSPN td.price{
	white-space: nowrap;
	text-align: center;
}
div.mainContents table.phoneSPN td div.city{
	padding-bottom: 1em;
}

/* 【Ｂ-40】/new/service/phone/call_fuka.html
---------------------------------------------------- */
div.mainContents table.call_fuka th{
	white-space: nowrap;
}

/* 【Ｂ-43】/new/area/
---------------------------------------------------- */
#New_area .mapArea {
	padding-top: 1.5em;
	margin: 0 auto;
	width: 520px;
}
#New_area .mapArea p {
	text-align: right;
}

/* 【Ｂ-49】/new/service/net/zaq/hikaku/
---------------------------------------------------- */
div.mainContents table.zaq_hikaku th{
	white-space: nowrap;
}
div.mainContents table.zaq_hikaku th.title{
	background-color: transparent;
}


/* 【F】/new/service/net_service/
---------------------------------------------------- */
table.NsLinkBox th{
	text-align: left;
}
table.NsLinkBox td{
	width: 50%;
}
table.NsLinkBox a,
table.NsLinkBox span{
	display: inline-block;
	background: url(/images/common/icon_arrow01.gif) no-repeat left 6px;
	padding-left: 13px;
}

div.mainContents p.QandA2{
	border: solid 1px #999;
}
div.mainContents p.QandA2 span{
	display: block;
	position: relative;
	padding: 12px 10px 10px 43px;
	border: none;
}
div.mainContents p.QandA2 img {
	position: absolute;
	left: 10px;
	top: 8px;
}
div.mainContents p.QandA2 span.q {
	border-bottom: solid 1px #999;
	background-color: #f5f5f5;
	padding: 12px 10px 5px 43px;
	min-height: 24px;
	font-weight: bold;
}
div.mainContents p.QandA2 span span{
	display: block;
	position: relative;
	padding: 5px 0 0 0;
	margin-top: 0.1em;
	margin-bottom: -1em;
}
div.mainContents p.QandA2 span span.attention{
	padding: 5px 0 0 1em;
}

/* 【F】/new/service/net_service/ip_phone/price/
---------------------------------------------------- */
div.mainContents table.NShowto{
	margin-bottom: 15px;
}
div.mainContents table.NShowto th{
	white-space: nowrap;
	background-color: #f5f5f5;
	font-weight: normal;
}
div.mainContents table.NShowto td{
	line-height: 1.5;
}
div.mainContents table.NShowto td.arrow{
	border: none;
	text-align: center;
}

/* 【F】/new/service/net_service/ip_phone/flow.html
---------------------------------------------------- */
div.mainContents p.IPP_flow{
	margin-top: 30px;
}

/* 【F-1】/new/service/net_service/
---------------------------------------------------- */
div.mainContents table.netServiceIndex th{
	white-space: nowrap;
}
div.mainContents table.netServiceIndex th.second{
	text-align: left;
}
div.mainContents table.netServiceIndex td.NSI_limit,
div.mainContents table.netServiceIndex td.NSI_fee{
	text-align: center;
	white-space: nowrap;
}
div.mainContents table.netServiceIndex th a,
div.mainContents table.netServiceIndex td a{
	display: inline-block;
	background: url(/images/common/icon_arrow01.gif) no-repeat left 6px;
	padding-left: 13px;
}
div.mainContents table.netServiceIndex td span{
	display: inline-block;
	margin-top: 7px;
}

#NS_index div.mainContents div.frameBox02{
	float:left;
	width: 280px;
	height: 80px;
	margin: 0 0 20px 0;
}
*:first-child+html #NS_index div.mainContents div.frameBox02{
	margin: 0 0 0 0;
}
#NS_index div.mainContents div.frameBox02 p{
	margin-bottom: 0;
	padding-bottom: 0;
}
#NS_index div.mainContents div.optionBase img{
	position: relative;
	top: 7px;
}
#NS_index div.mainContents div.optionAdd{
	position: relative;
	left: 10px;
}

/* 【F-4】/new/service/net_service/ip_phone/price/
---------------------------------------------------- */
div.mainContents table.IPPprice td{
	padding-bottom: 15px;
}

/* 【F-5】/new/service/net_service/ip_phone/price/call_inter_
---------------------------------------------------- */
div.mainContents table.call_inter th{
	background-color: #f5f5f5;
	font-weight: normal;
	text-align: left;
}
div.mainContents table.call_inter th.title{
	background-color: #fedbbc;
	font-weight: bold;
	text-align: center;
}
div.mainContents table.call_inter td{
	text-align: center;
}

/* 【F-11】/new/service/net_service/ip_phone/attention.html
---------------------------------------------------- */
div.mainContents div.agreement{
	text-align: center;
}
div.mainContents div.agreement ul{
	display: inline-block;
}
*:first-child+html div.mainContents div.agreement ul{
	display: inline;
}
div.mainContents div.agreement ul li{
	display: block;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	padding: 10px 0px;
}

/* 【F-12】/new/service/net_service/mail/mailbox/
---------------------------------------------------- */
.popup div.mailbox_mini{
	margin: 20px auto;
	width: 560px;
	text-align: left;
}

/* 【F】/new/service/net_service/connect_mobile/mobile/
---------------------------------------------------- */
.popup div.abdc_mini{
	margin: 20px auto;
	width: 570px;
	text-align: left;
}
.popup div.abdc_mini p{
	margin: 0 0 15px 0 !important;
	padding: 0 0 0 0 !important;
}
.popup div.abdc_mini img{
	margin: 0 10px 0 0 !important;
	padding: 0 0 0 0 !important;
}
.popup div.abdc_mini ul{
	margin: 0 0 15px 0 !important;
	padding: 0 0 0 0 !important;
}