@charset "utf-8";

/* global setting
============================*/
#Header #Header-Inner {
	background: url(images/header.png) no-repeat;}

/* side column
============================*/
#Contents #Side h3 {
	width: 200px;
	height: 44px;
	margin-bottom: 10px;
	text-indent: -9999px; 
	overflow: hidden; 
	background-image: url(./images/h3.png);}


#Contents #Side #Sidenavi {
	width: 200px;
	margin-bottom: 10px;
	list-style-type: none;
}

#Contents #Side #Sidenavi li {}

#Contents #Side #Sidenavi li a {
	display: block;
	overflow: hidden;}

#Contents #Side #Sidenavi li.current a,
#Contents #Side #Sidenavi li a:hover {
	background-position: left bottom;}


#Contents #Side #Sidenavi li#sn1 a {
	width: 200px; 
	height: 44px;
	background-image: url(./images/snavi1.png);}

#Contents #Side #Sidenavi li#sn2 a {
	width: 200px; 
	height: 37px;
	background-image: url(./images/snavi2.png);}

#Contents #Side #Sidenavi li#sn3 a {
	width: 200px; 
	height: 43px;
	background-image: url(./images/snavi3.png);}

#Contents #Side #Sidenavi li.current a img,
#Contents #Side #Sidenavi li a:hover img {
	display: none !important;}



#Contents #Side #Sidenavi li ul {
	border-left: #666 1px solid;
	border-right: #666 1px solid;
	padding-top: 3px;
	list-style: none;
	background: #FFF url(./images/bg_sidenavi.png) center bottom no-repeat;}


#Contents #Side #Sidenavi li ul li {
	padding: 3px 0px;
	width: 190px;}

#Contents #Side #Sidenavi li#sn2 ul li a {
	text-indent: 0px;
	display: block;
	padding-left: 30px;
	width: 160px;
	height: auto;
	background-image: none;}

#Contents #Side #Sidenavi li#sn2 ul li a:hover {
	color: #F00000;}

#Contents #Side #Sidenavi li#sn2 ul li a.current {
	background: url(images/sidenavipoint.gif) 20px 0.5em no-repeat;
	color: #F00000;}

/* ============================
category top
============================ */
#Contents #Main #Showcase {
	margin-bottom: 14px;
	background: url(./images/box_foot.gif) left bottom no-repeat;
	padding-bottom: 1px;}

#Contents #Main #Showcase #Showcase-Inner {
	height: auto;
	overflow: hidden;} 

#Contents #Main #Showcase .Item {
	width: 323px;
	border: #666 solid 1px;
	float: left;
	background: #CCC url(images/bg_sc.png) left 49px no-repeat;
	cursor: pointer;
	padding-bottom: 32767px;  
	margin-bottom: -32767px;}

#Contents #Main #Showcase .Item h2 {
	margin-bottom: 0px;}

#Contents #Main #Showcase .Item p {
	position: relative;
	padding-right: 164px;
	padding-left: 16px;
	min-height: 110px;}

#Contents #Main #Showcase .Item p img {
	display: block;
	width: 151px; 
	height: 105px;
	position: absolute; 
	right: 5px; 
	top: 0px;}


/*============================

============================*/
#Contents #Main #intro p {
	padding: 0 20px;}

#Contents #Main #intro p img {
	display: block;
	width: 382px;
	height: 90px;
	margin: 0 auto;}

#Contents #Main p.Image {
	padding-right: 237px;}


#Contents #Main p#Image01 {
	background: url(images/img_04.png) top right no-repeat;}

#Contents #Main .table {
	width: 666px;
	padding: 1px 1px 0px 1px;
	border: #8D8D8D solid 1px;
	margin-bottom: 20px;}

#Contents #Main table {
	width: 666px;}

#Contents #Main table thead {
	color: #FFF;
	background: #F00000;}

#Contents #Main tr.hr {
	background: #CCCCCC;}

#Contents #Main table thead td {
	color: #FFF;
	padding: 6px;}

#Contents #Main table td {
	padding: 6px;
	padding-right: 30px;
	padding-left: 30px;
	text-align: center;
	border-left: #8D8D8D solid 1px;}

#Contents #Main table td.colOther {
	text-align: right;
	width: 160px;}

#Contents #Main table thead td.colOther {
	text-align: center;}

#Contents #Main table th {
	text-align: center;
	padding: 6px;}


#Contents #Main #btmcon {
	position: relative;
	min-height: 500px;}

#Contents #Main #btmcon #pic {
	width: 240px; 
	height: 474px; 
	position: absolute; 
	top: 27px;
	right: 0px;}


#btn {
	width: 360px;
	margin: 0 auto;
	padding-top: 20px;	}

#btn_info a {
	display: block;
	width: 161px; 
	height: 30px;
	text-indent: -9999px; 
	overflow: hidden;
	background: url(images/btn_info.png) no-repeat;}

#btn_request a {
	display: block;
	width: 161px; 
	height: 30px;
	text-indent: -9999px; 
	overflow: hidden;
	background: url(images/btn_request.png) no-repeat;}

#Contents #Main #btn_info,
#Contents #Main #btn_request {
	width: 161px; 
	height: 30px;}

#Contents #Main #btn_info {
	float: left;}

#Contents #Main #btn_request {
	float: right;}


#Contents #Main #btn_back {
	padding-top: 20px;
	text-align: center;}


/* ========================================================
tab contents
======================================================== */

/* tab navigation
============================*/
.supportnavi {
	list-style: none;
	display: inline; 
	display: inline-block;}

.supportnavi li {
	float: left;
	margin-bottom: 15px;
	white-space:nowrap;
	background: url(images/point.gif) left center no-repeat;}

.supportnavi li a {
	display: inline-block;
	margin-left: 7px;
	margin-right: 13px;}

.lr {
	font-size: 12px;
	padding-top: 15px;
	_padding-bottom: 15px;
	padding-left: 15px;
	background: #FFF;
	width: 655px;}

.lr li {
	float: left;
	margin-bottom: 15px;
	display: inline;
	background: url(images/point_w.gif) left center no-repeat;}



/* tab panel
============================*/

#Contents #Main #panes .panel {}

#Contents #Main #panes .panel .ColR {
	width: 230px;
	float: right;}

#Contents #Main #panes .panel .ColL {
	width: 420px;
	float: left;}

#Contents #Main #panes .panel ol {
	list-style: none;
	margin-bottom: 10px;}

#Contents #Main #panes .panel ol li {
	padding-bottom: 20px;
	background: url(images/vctr.gif) center bottom no-repeat;
	margin-bottom: 10px;}

#Contents #Main #panes .panel ul {
	padding-left: 1.5em;
	list-style: disc;
	list-style: square;
	margin-bottom: 15px;}

#Contents #Main #panes .panel li.btm {
	background: none;
	padding-bottom: 5px;}

#Contents #Main #panes .panel h4 {
	font-weight: bold;
	margin-bottom: 0.7em;
	padding-left: 13px;
	background: url(images/bg_h4.png) left center no-repeat;}

#Contents #Main #panes .panel dl dt {
	font-weight: bold;
	margin-bottom: 5px;}

#Contents #Main #panes .panel dl dd {
	margin-bottom: 10px;
	padding-bottom: 15px; 
	background: url(images/vctr.gif) center bottom no-repeat;}


#Contents #Main #panes .panel dl dd.btm {
	background: none;
	padding-bottom: 5px;}

/*============================
support4.html
============================*/

#Contents #Main #panes .panel .gacon {
	width: 410px;
	padding-bottom: 12px;
	background: url(images/qa_box_foot.png) right bottom no-repeat;
	margin-bottom: 20px;}

#Contents #Main #panes .panel .gacon .Inner {
	padding: 10px 10px 0px 10px;
	background: url(images/qa_box_body.png) right repeat-y; }



/*============================
support5.html
============================*/
#Contents #Main table#tableCATV {
	width: 100%;
	background: #FFF;
	margin-bottom: 1em;
	border-top: #8D8D8D solid 1px;	}

#Contents #Main table#tableCATV th,
#Contents table#tableCATV td {
	padding: 10px;
	border-bottom: #8D8D8D solid 1px;}

#Contents #Main table#tableCATV th { 
width: 15;
text-align: left;
background: #485468 url(images/bg_th.png) repeat-y;
color: #FFF;
border-left: #8D8D8D solid 1px;}

#Contents #Main table#tableCATV td {
	text-align: left;
	border-left: #8D8D8D solid 1px;
	border-right: #8D8D8D solid 1px;}

#Contents #Main table#tableCATV td.telNum {
	text-align: center;
	background: #CCC;}

#Contents #Main #Application table {
	width: 100%;}


#Contents #Main #Application table th {
	padding: 2px 0px; 
	width: 7em;
	font-weight: bold;
	text-align: left;}

#Contents #Main #Application table td {
	padding: 2px 0px; 
	text-align: left;
	border: none;}


#Contents #Main #Leaving .List {
	margin-bottom: 10px;
	padding-bottom: 13px;
	background: url(images/vctr.gif) center bottom no-repeat;}

#Contents #Main #Leaving .List p.Att {
	margin-bottom: 0.3em; 
	margin-left: 2em;}

#Contents #Main #Leaving .btm {
	background: none;}

#Contents #Main #Leaving .List h4 {
	padding-left: 0px;
	background: none;}

#Contents #Main #Leaving .List dl {
	padding-left: 2em;}

#Contents #Main #Leaving .List dl dt {
	margin-bottom: 0.3em;}

#Contents #Main #Leaving .List dl dd {
	padding-bottom: 0px;
	background: none;}

#Contents #Main #Leaving .List dl dd dl {
	padding-left: 2em;}



/*============================
support_5.html
============================*/

#Contents #Main .ListLO .List {
	margin-bottom: 10px;
	padding-bottom: 20px;
	background: url(images/vctr.gif) center bottom no-repeat;}

#Contents #Main #panes .ListLO .List .Inner {
	padding: 10px;
	background: #FFF;}

#Contents #Main #panes .ListLO .List .Inner h4 {
	margin: 0px; 
	padding: 0px; 
	text-indent: 0ox;
	background: none;
	margin-bottom: 5px;}

#Contents #Main #panes .ListLO .List p {
	margin-bottom: 0px;
	padding-left: 1em;}

#Contents #Main #panes .ListLO .List p.Att {
	margin-bottom: 0.3em; 
	margin-left: 2em;}

#Contents #Main #panes .ListLO .btm {
	background: none;}







/*=========================================*/


#Contents #Main #sodaigomi table {
	width: 48%;
	background:  #FFF;
	border-top: #8D8D8D solid 1px;
	float: left;}

#Contents #Main #sodaigomi table.tableR {
	float: right;}

#Contents #Main #sodaigomi table th {
	color: #FFF;
	width: 6em;
	padding: 10px;
	text-align: left;
	border-left: #8D8D8D solid 1px;
	border-bottom: #8D8D8D solid 1px;
	background: #485468 url(images/bg_th.png) repeat-y;}

#Contents #Main #sodaigomi table td {
	padding: 10px;
	border-left: #8D8D8D solid 1px;
	border-right: #8D8D8D solid 1px;
	border-bottom: #8D8D8D solid 1px;}

/*============================
support_tv.html
============================*/
#Contents #Main #flash {
	margin-bottom: 20px;}

#Contents #Main table thead th {color:#FFFFFF;}

#Contents #Main .table-tv {
	width: 666px;
	padding: 1px 1px 0px 1px;
	border: #8D8D8D solid 1px;
	margin-bottom: 20px;}
	
#Contents #Main .table-tv tr th,
#Contents #Main .table-tv tr td {
	vertical-align:middle;}
	
#Contents #Main table {
	width: 666px;}

#Contents #Main table thead {
	color: #FFF;
	background: #F00000;}

#Contents #Main tr.hr {
	background: #CCCCCC;}

#Contents #Main tr.Net_sokudo {
	border-top: #8D8D8D solid 1px;}

#Contents #Main table thead th {
	color: #FFF;
	padding: 6px;
	border-left: #8D8D8D solid 1px;
	border-bottom: #8D8D8D solid 1px;}

#Contents #Main table td {
	padding: 6px;
	padding-right: 8px;
	padding-left: 8px;
	text-align: center;
	border-left: #8D8D8D solid 1px;}

#Contents #Main table thead td.colOther {
	text-align: center;}

#Contents #Main table th {
	text-align: center;
	padding: 6px;
	top: -200px;}
	
#Contents #Main .table-tv {
	position: relative;}

#Contents #Main .table-tv img {
	display: block;
	position: absolute;
	top: -25px;}

#Contents #Main .table-tv img.Icon01 { 
	left: 170px;
	_left: 155px;}

#Contents #Main .table-tv img.Icon02 { 
	left: 310px;
	_left: 295px;}

#Contents #Main .table-tv img.Icon03 { 
	left: 510px;}


#Contents #Main .table-tv table thead th {
	text-align: center; 
	padding: 5px 0px;
	font-size: 12px;}

#Contents #Main .table-tv table thead th.IN {
	text-indent: 40px;}

#Contents #Main .table-tv table thead th.mansion {
	width: 170px;
	padding: 0px;}

#Contents #Main .table-tv table thead th.CS,
#Contents #Main .table-tv table thead th.BS {
	width: 32px; 
	padding: 0px;}

#Contents #Main .table-tv table thead th.CS110 {
	width: 62px;
	padding: 0px;}

#Contents #Main .table-tv table thead th.c_name {
	width: 90px;}

#Contents #Main .table-tv table thead th.analog,
#Contents #Main .table-tv table thead th.digital {
	width: 55px;
	padding: 0px;}

#Contents #Main .table-tv table thead th.c_name2 {
	width: 110px;
	padding: 0px;}

#Contents #Main .table-tv table thead th.speed {
	width: 46px;}

#tv_net-guide #Contents #Main .Col2 {
	margin-bottom: 30px;}

#Contents #Main .about {
	background:  #FFF;
	padding: 10px;
	position: relative;
	width: 27em;
	float: left;
	font-size: 13px;}

#Contents #Main .about img {
	display: block;
	position: absolute;
	top: -10px; 
	left: 10px;}

#Contents #Main .about h5 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 50px;}

#Contents #Main .about p {
	margin-bottom: 0px;}

#Contents #Main .btn_catv {
	float: right;}

#Contents #Main .btn_catv a {
	display: block;
	width: 264px; 
	height: 30px;
	text-indent: -9999px; 
	overflow: hidden;
	background-image: url(./images/btn_dtl.png);}

#Contents #Main p#flash-map {
	display: none;}


@media print 
{

	#Main #Contents	#Showcase {}

	#Contents #Main #Showcase .Item { 
		font-size: 14px;
		margin: 0px; 
		padding: 0px;
		height: 190px;}

	#Contents #Side #Sidenavi li a {
		text-indent: 0px;
		position: relative;}
		
	#Contents #Side #Sidenavi li.current a img {
		display: block !important;
		position: absolute; 
		bottom: 0px;}
		
	#Contents #Main #flash {
			display: none;}
		
	#Contents #Main p#flash-map {
		display: block;}


}