@charset "Shift_JIS";



@import "http://www.ctn.jp/common/css/header.css";
@import "http://www.ctn.jp/common/css/global_navigation.css";
@import "http://www.ctn.jp/common/css/menu.css";
@import "http://www.ctn.jp/common/css/search.css";
@import "http://www.ctn.jp/common/css/breadcrumbs.css";
@import "http://www.ctn.jp/common/css/footer.css";

/* *********************************************************
 *
 *	Common style of the entire site
 *
 * *********************************************************
 */

* {
	margin: 0;
	padding: 0;
}
html{
    height:100%;
}
body {
	width: 760px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: small;
	font-family: '�l�r �o�S�V�b�N',Arial,Verdana,Helvetica;
	color: #333;
	background-color: #eeeedd;
	line-height: 1.4em;
}
@media print {
	body {
		background-color: #fff;
	}
}
h2 {
	font-size: 120%;
}
h3,h4 {
	font-size: small;
}
hr {
	margin: 0;
	padding: 0;
	display: none;
	font-size: 0;
	line-height: 0em;
	clear: both;
}
br.clear {
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0em;
	clear: both;
}
a img {
	border: none;
}
ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
table {
	border-collapse: collapse;
}
#container {
	text-align: center;
	background: #fff;
    height: 100%;
    min-height: 100%;
	position: relative;
	border-top:3px solid #ffa600;
}
body > #container {
	height: auto;
}
#contents .pagetop {
	margin-right: 3px;
	padding: 5px;
	float: right;
	border-left: 1px dotted #ddd;
	border-right: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
}
#contents .item_area .pagetop {
	margin-right: 3px;
}
.pagetop span {
	padding-right: 15px;
	background: url(http://www.ctn.jp/common/img/prt_arrow_up_01.gif) no-repeat right center;
}
a:link {
	color: #111;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #0000dd;
}
/* ******************  main  ************** */
#main {
	margin-top: 0;
	width: 760px;
	text-align: left;
}
#main .cat_ttl {
/*	position: relative;*/
	z-index: 1;
}
#main .mtop_base {
	margin-top: -80px;
}
#main .base {
	position: relative;
	_position: static;
	z-index: 5;
}
/* IE7 ��p */
*:first-child+html #main .base {
	position: static;
}
.base td {
	vertical-align: top;
}
#contents {
	width: 560px;
}
/* *****************  contents  ************ */
#contents {
	width: 560px;
	/*\*/
	width: 536px;
	/* */
	padding: 0 17px 0 7px;
}
.contents_area {
	padding-left: 10px;
}
.item_area {
	width: 510px;
	padding-left: 12px;
}
/* *************  side navigation  ********* */
#s_navi {
	width: 200px;
}
#s_navi .s_navi_entry {
	width: 180px;
	padding: 0 5px;
	background: url(http://www.ctn.jp/common/img/s_navi_prt_05.gif);
}
#s_navi .s_navi_bnr {
	width: 170px;
	padding: 0 5px;
	background: url(http://www.ctn.jp/common/img/s_navi_prt_11.gif);
}
#s_navi .s_navi_entry_flow {
	width: 164px;
	padding: 5px 13px;
	background: url(http://www.ctn.jp/common/img/s_navi_prt_01.gif);
}
#s_navi .s_navi_entry_flow p {
	min-height:11px;
	_height: 11px;
	padding-left: 18px;
	background: url(http://www.ctn.jp/common/img/prt_arrow_right_02.gif) no-repeat 0 0.2em;
	font-size: 12px;
}
#s_navi .sub_navi {
	width: 200px;
	margin-top: 10px;
	padding-bottom: 10px;
	background: url(http://www.ctn.jp/common/img/s_navi_prt_08.gif) no-repeat left bottom;
}
#s_navi .sub_navi .level1 {
	border-left: 1px solid #ddd;
}
#s_navi .sub_navi .level1 li {
	padding: 10px 0 0 0;
	background: #ebebeb url(http://www.ctn.jp/common/img/s_navi_prt_06.gif) repeat-x;
	border-top: 1px solid #ddd;
	vertica-align: top;
	font-size: 0;
	line-height: 0;
}
#s_navi .sub_navi .level1 li p {
	margin-left: 10px;
	padding: 0 10px 10px 18px;
	background: url(http://www.ctn.jp/common/img/prt_arrow_right_02.gif) no-repeat 0 0.2em;
	font-size: 12px;
	line-height: 118%;
}
#s_navi .sub_navi .level1 li p.cur01 {
	background: url(http://www.ctn.jp/common/img/prt_arrow_right_03.gif) no-repeat 0 0.2em;
}
#s_navi .sub_navi .level1 li p.cur02 {
	background: url(http://www.ctn.jp/common/img/prt_arrow_down_01.gif) no-repeat 0 0.2em;
}
#s_navi .sub_navi ul.level2 {
	padding-left: 9px;
	background: #fff url(http://www.ctn.jp/common/img/s_navi_prt_07.gif) no-repeat;
}
#s_navi .sub_navi ul.level2 li  {
	padding: 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: none;
}
#s_navi .sub_navi ul.level2 li.cur {
	background-color: #ffdd77;
}
#s_navi .sub_navi ul.level2 p {
	padding: 5px 10px 5px 8px;
	background: url(http://www.ctn.jp/common/img/prt_arrow_right_01.gif) no-repeat 0 0.7em;
}
/*
#s_navi .sub_navi ul.level2 li.cur p {
	padding: 5px 10px 5px 0;
	background: none;
}
*/
#s_navi .sub_navi ul.level2 li.cur a {
	color: #333;
}
#s_navi .useful_area {
	width: 182px;
	min-height: 300px;
	_height: 300px;
	padding: 0 9px 10px 9px;
	background: url(http://www.ctn.jp/common/img/s_navi_prt_09.gif) no-repeat;
}
#s_navi .useful_area ul {
	width: 178px;
	background: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#s_navi .useful_area .rss{
	width: 178px;
	background: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
#s_navi .useful_area .rss p {
	padding: 0px 8px;
	font-size: 12px;
}


#s_navi .useful_area div.community{
	width: 178px;
	background: #fff;
		border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;

}

#s_navi .useful_area li {
	padding: 8px;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
	line-height: 118%;
}
#s_navi .useful_area li p {
	padding-left: 8px;
	background: url(http://www.ctn.jp/common/img/prt_arrow_right_01.gif) no-repeat 0 0.3em;
}
#s_navi .useful_area .more {
	float: right;
	margin-top: 5px;
	padding-left: 8px;
	background: url(http://www.ctn.jp/common/img/prt_arrow_right_01.gif) no-repeat 0 0.3em;
	font-size: 10px;
}
#s_navi .useful_area p.ttl {
	color: #0a3c98;
	text-align: center;
	width: 178px;
	background: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding-top: 5px;
}

#s_navi .bnr_area {
	padding-top: 10px;
	padding-left: 9px;
	background: url(http://www.ctn.jp/common/img/s_navi_prt_12.gif) repeat-x;
}
/* **************  common item  *********** */
.more {
	float: right;
	margin-top: 5px;
	padding-left: 8px;
	background: url(http://www.ctn.jp/common/img/prt_arrow_right_01.gif) no-repeat left center;
}
/* title type */
.ttl_type01 {
	border-left: 2px solid #ffa600;
}
.ttl_type01 .item {
	width: 488px;
	padding: 4px 10px;
/*
	background: url(http://www.ctn.jp/tv/comichan/img/prt_bg_02.gif) repeat-y;
*/
	background: url(http://www.ctn.jp/common/img/prt_bg_08.gif) repeat-y;
}
.ttl_type01 .item h3 {
	font-size: 120%;
}

.ttl_type02 {
	border-left: 2px solid #1188ee;
}
.ttl_type02 .item {
	width: 488px;
	padding: 4px 10px;
	background: url(http://www.ctn.jp/support/resource/img/prt_ttl_bg_01.gif) repeat-y;
}
.ttl_type02 .item h3 {
	font-size: 120%;
}
/* ---------------------------------------- */
/* read */
.read {
	margin-left: 10px;
}
/* ---------------------------------------- */
/* adobe reader */
.adobe_reader .bg {
	width: 498px;
	padding: 0 11px;
	background: url(http://www.ctn.jp/common/img/prt_bg_01.gif) repeat-y;
}
.adobe_reader .bnr {
	padding-right: 10px;
}
.adobe_reader_ebf0f4 .bg {
	width: 488px;
	padding: 0 11px;
	background: url(http://www.ctn.jp/common/img/prt_bg_03.gif) repeat-y;
	text-align: left;
}
.adobe_reader_ebf0f4 .bnr {
	padding-right: 10px;
}
/* Windows Media Player */
.wmp .bg {
	width: 498px;
	padding: 0 11px;
	background: url(http://www.ctn.jp/common/img/prt_bg_01.gif) repeat-y;
}
.wmp .bnr {
	padding-right: 10px;
}
/* ---------------------------------------- */
/* link item */
.self {
	padding-left: 8px;
	background: url(http://www.ctn.jp/common/img/prt_arrow_right_01.gif) no-repeat 0 0.5em;
}
.arrowr_01{
	background: url(http://www.ctn.jp/common/img/prt_arrow_right_01.gif) no-repeat 0 0.5em;
	padding-left: 10px;
}
.category_self {
	min-height: 11px;
	_height: 11px;
	padding-left: 15px;
	background: url(http://www.ctn.jp/common/img/prt_arrow_right_02.gif) no-repeat 0 0.2em;
}
.pdf{
	min-height: 32px;
	_height: 32px;
	padding-left: 45px;
	background: url(http://www.ctn.jp/common/img/icn_pdf.gif) no-repeat 0 0;
}
.pdf p.self{
	margin-top:10px;
}
.icn_kanren {
	min-height: 14px;
	_height: 14px;
	padding-left: 26px;
	background: url(http://www.ctn.jp/common/img/icn_kanren.gif) no-repeat left top;
}
.blank {
	min-height: 16px;
	_height: 16px;
	padding-left: 20px;
	background: url(http://www.ctn.jp/common/img/icn_01.gif) no-repeat 0 0;
}
.movie {
	min-height: 16px;
	_height: 16px;
	padding-left: 20px;
	background: url(http://www.ctn.jp/common/img/icn_movie.gif) no-repeat 0 0;
}

/* page link */
.page_link li {
	padding-right: 5px;
	float: left;
}
.page_link li.end {
	padding: 0;
}
/* ---------------------------------------- */
/* separator item */
.dotline_t_ffaa00 {
	padding-top: 10px;
	background: url(http://www.ctn.jp/common/img/prt_dotline_01.gif) repeat-x left top;
}
.dotline_b_ffaa00 {
	padding-bottom: 5px;
	background: url(http://www.ctn.jp/common/img/prt_dotline_01.gif) repeat-x left bottom;
}
.dotline_t_1188ee {
	padding-top: 10px;
	background: url(http://www.ctn.jp/support/resource/img/prt_dotline_01.gif) repeat-x left top;
}
.dotline_b_1188ee {
	padding-bottom: 5px;
	background: url(http://www.ctn.jp/support/resource/img/prt_dotline_01.gif) repeat-x left bottom;
}
.dotline_t{
	background: url(http://www.ctn.jp/support/resource/img/prt_dotline_01.gif) left bottom repeat-x;
	margin:20px 0 6px 0;
	padding:0 0 5px 0;
}
/* ---------------------------------------- */
/* list item */
ul.disc {
	padding-left: 20px;
}
ul.disc li {
	margin-bottom: 10px;
	list-style-type: disc;
}
ul.decimal,
ol.decimal {
	padding-left: 23px;
}
ul.decimal li,
ol.decimal li {
	list-style-type: decimal;
}

.list_l {
	width: 247px;
	margin: 5px 10px 0 0;
	float: left;
}
.list_r {
	width: 247px;
	margin-top: 5px;
	float: right;
}
.list_l .ttl,
.list_r .ttl {
	width: 240px;
}

#main .list_l .ttl,
#main .list_r .ttl {
	margin-top: 30px;
	padding-bottom: 7px;
	background: url(http://www.ctn.jp/tv/digital/resource/img/spt_01.gif) no-repeat left bottom;
}

#main .list_l div.ttl p,
#main .list_r div.ttl p {
	background: url(http://www.ctn.jp/tv/digital/resource/img/icon_arrowr_01.gif) no-repeat 0 0.3em;
	padding-left: 15px;
}

/* ---------------------------------------- */
/* faq item */
.faq li {
	padding: 8px 0;
	border-bottom: 1px dashed #ddd;
}
li.q {
	min-height: 26px;
	_height: 26px;
	padding-left: 26px;
	background: url(http://www.ctn.jp/common/img/icn_q.gif) no-repeat left center;
}
li.q p.self {
	padding-top: 6px;
	background-position: 0 1em;
}
div.question {
	float: left;
}
div.question li {
	padding: 8px 0;
	border-bottom: 1px dashed #ddd;
}
div.question li.icn {
	min-height: 17px;
	_height: 17px;
	padding-left: 26px;
	background: url(http://www.ctn.jp/common/img/icn_faq_01.gif) no-repeat left center;
}
p.question_pic {
	padding-right: 5px;
	float: right;
}
.question_d {
	width: 494px;
	padding: 0 8px 3px 8px;
	background: url(http://www.ctn.jp/common/img/prt_bg_q.gif) repeat-y;
}
.question_d p {
	padding: 5px 0 5px 27px;
	background: url(http://www.ctn.jp/common/img/icn_q_02.gif) no-repeat left center;
	font-size: 120%;
}
.question_a {
	width: 494px;
	padding: 0 8px 3px 8px;
	background: url(http://www.ctn.jp/common/img/prt_bg_a.gif) repeat-y;
}
.question_a p {
	padding: 5px 0 5px 27px;
	background: url(http://www.ctn.jp/common/img/icn_a.gif) no-repeat left center;
}
.question_img {
	text-align: center;
}
.question_form {
	text-align: center;
}
.question_form img {
	border: 0;
}
/* ---------------------------------------- */
/* category links */
#main .tb_menu td{
	width:244px;
}
#main .tb_menu .tdl{
	padding-right:30px;
}

#main .tb_menu .ttl{
	margin-top: 30px;
	padding-bottom: 7px;
	background: url(http://www.ctn.jp/tv/digital/resource/img/spt_01.gif) no-repeat left bottom;
}

#main .tb_menu div.ttl p{
	background: url(http://www.ctn.jp/tv/digital/resource/img/icon_arrowr_01.gif) no-repeat 0 0.3em;
	padding-left: 15px;
}

#main .tb_menu .category_block {
	width: 240px;
	padding: 0;
	float: left;
}

/* ---------------------------------------- */
/* table item */
.tbl_base th,
.tbl_base td {
	padding: 5px;
	border: 1px solid #d0d0d0;
	vertical-align: middle;
}
.tbls_base th,
.tbls_base td {
	padding: 3px;
	border: 1px solid #d0d0d0;
	vertical-align: middle;
}
tr.center th,
tr.center td,
th.center,
td.center {
	text-align: center;
}
th.null,
td.null {
	border: 0;
}
th.normal {
	font-weight: normal;
}
/* price  */
.monthly th,
.option th,
.course th,
.nhk .head th,
.price th,
.ch th {
	background: #ffbf00;
}
.price tr.bg_ddeeff th {
	background: #ffbf00;
}
tr.bg_ffbf00 th,
tr.bg_ffbf00 td,
.bg_ffbf00 {
	background: #ffbf00;
}
tr.bg_fefae2 th,
tr.bg_fefae2 td,
.bg_fefae2 {
	background: #fefae2;
}
tr.bg_ff9d90 th,
tr.bg_ff9d90 td,
.bg_ff9d90 {
	background: #ff9d90;
}
tr.bg_ffece9 th,
tr.bg_ffece9 td,
.bg_ffece9 {
	background: #ffece9;
}
tr.bg_85dcab th,
tr.bg_85dcab td,
.bg_85dcab {
	background: #85dcab;
}
tr.bg_effff6 th,
tr.bg_effff6 td,
.bg_effff6 {
	background: #effff6;
}
tr.bg_fef696 th,
tr.bg_fef696 td,
.bg_fef696 {
	background: #fef696;
}
tr.bg_ddeeff th,
tr.bg_ddeeff td,
.bg_ddeeff {
	background: #ddeeff;
}
tr.bg_f5f5f5 th,
tr.bg_f5f5f5 td,
.bg_f5f5f5 {
	background: #f5f5f5;
}
tr.bg_ee1111 th,
tr.bg_ee1111 td,
.bg_ee1111 {
	background: #ee1111;
	color:#fff;
}
tr.bg_0a3c98 th,
tr.bg_0a3c98 td,
.bg_0a3c98 {
	background: #0a3c98;
	color: #fff;
}
tr.bg_0B7129 th,
tr.bg_0B7129 td,
.bg_0B7129 {
	background: #0B7129;
	color: #fff;
}

tr.bg_000033 th,
tr.bg_000033 td,
.bg_000033 {
	background: #000033;
	color: #fff;
}

/* 2008/02/22 add */
tr.bg_6d3c30 th,
tr.bg_6d3c30 td,
.bg_6d3c30 {
	background: #744237;
	color: #fff;
}
tr.bg_f0eeee th,
tr.bg_f0eeee td,
.bg_f0eeee {
	background: #f0eeee;
}

tr.bg_d7053d th,
tr.bg_d7053d td,
.bg_d7053d {
	background: #d7053d;
	color: #fff;
}
tr.bg_ffeef2 th,
tr.bg_ffeef2 td,
.bg_ffeef2 {
	background: #ffeef2;
}

tr.bg_f198ab th,
tr.bg_f198ab td,
.bg_f198ab {
	background: #f198ab;
	color: #fff;
}
tr.bg_fff4f6 th,
tr.bg_fff4f6 td,
.bg_fff4f6 {
	background: #fff4f6;
}

tr.bg_004c6f th,
tr.bg_004c6f td,
.bg_004c6f {
	background: #004c6f;
	color: #fff;
}
tr.bg_e5eef0 th,
tr.bg_e5eef0 td,
.bg_e5eef0 {
	background: #e5eef0;
}

tr.bg_0074be th,
tr.bg_0074be td,
.bg_0074be {
	background: #0074be;
	color: #fff;
}
tr.bg_e5f1f8 th,
tr.bg_e5f1f8 td,
.bg_e5f1f8 {
	background: #e5f1f8;
}

tr.bg_00a7e3 th,
tr.bg_00a7e3 td,
.bg_00a7e3 {
	background: #00a7e3;
	color: #fff;
}
tr.bg_eef9fd th,
tr.bg_eef9fd td,
.bg_eef9fd {
	background: #eef9fd;
}

tr.bg_ed6c00 th,
tr.bg_ed6c00 td,
.bg_ed6c00 {
	background: #ed6c00;
	color: #fff;
}
tr.bg_fdf0e5 th,
tr.bg_fdf0e5 td,
.bg_fdf0e5 {
	background: #fdf0e5;
}

/* ---------------------------------------- */
/* tab */
.tab {
	background: url(http://www.ctn.jp/common/img/prt_bg_02.gif) repeat-y;
}
.tab table{
	width: 520px;
	margin-left: 5px;
}
.tab ul{
	width: 520px;
}
.tab li{
	float: left;
}
/* ---------------------------------------- */
/* image item */
.pic_left_type01 {
	float: left;
}
.pic_left_type02 {
	text-align: left;
}
.pic_center {
	margin: 0 auto;
	text-align: center;
}
.pic_right_type01 {
	float: right;
}
.pic_right_type02 {
	text-align: right;
}
/* ---------------------------------------- */
/* text item */
.txt_left {
	float: left;
}
.txt_right {
	float: right;
}
.notice_outside {
	padding-left: 1em;
}
.notice {
	text-indent: -1em;
}
/* ---------------------------------------- */
/* margin item */
.mtop5 {
	margin-top: 5px;
}
.mtop10 {
	margin-top: 10px;
}
.mtop15 {
	margin-top: 15px;
}
.mtop20 {
	margin-top: 20px;
}
.mtop25 {
	margin-top: 25px;
}
.mtop30 {
	margin-top: 30px;
}
.mtop35 {
	margin-top: 35px;
}
.mtop40 {
	margin-top: 40px;
}
.mtop50 {
	margin-top: 50px;
}
.mtop70 {
	margin-top: 70px;
}
.mtop85 {
	margin-top: 85px;
}
/* ---------------------------------------- */
/* font-color */
.f_dd0000 {
	color: #dd0000;
}
.f_ff0000 {
	color: #ff0000;
}
.f_ee0000 {
	color: #ee0000;
}
.f_0a3c98 {
	color: #0a3c98;
}
/* ---------------------------------------- */
/* notice */
.extxt{
	margin:10px 0 0 0;
	padding:0 0 0 1.9em;
	text-indent:-1.9em;
}
/* ---------------------------------------- */
/* font-sup */
.sup{
	font-size:80%;
	vertical-align:top; 
}
/* ---------------------------------------- */
/* paging */
.paging .prev {
	min-height: 23px;
	_height: 23px;
	float: left;
	padding: 5px 0 0 25px;
	background: url(http://www.ctn.jp/common/img/prt_arrow_left_01.gif) no-repeat left center;
}
.paging .next {
	min-height: 23px;
	_height: 23px;
	float: right;
	padding: 5px 25px 0 0;
	background: url(http://www.ctn.jp/common/img/prt_arrow_right_04.gif) no-repeat right center;
}

/* ---------------------------------------- */
/* inquiry */
.btn_form_439{
	width: 439px;
	padding: 14px 0;
	background: url(http://www.ctn.jp/common/img/prt_inq_bg.gif) repeat-y;
}
.btn_form_439 td{
	text-align: left;
}
.ttl_inq {
	width: 409px;
	margin: 0 auto;
	padding: 5px 15px;
	background: #ffbf00;
	font-size: 120%;
	text-align: center;
}
p.dial {
	padding: 0 0 0 30px;;
	background: url(http://www.ctn.jp/support/resource/img/icn_tell_01.gif) no-repeat left top;
}
p.phone {
	padding: 0 0 0 30px;;
	background: url(http://www.ctn.jp/support/resource/img/icn_tell_02.gif) no-repeat left top;
}
p.call {
	padding: 0 0 0 30px;;
	background: url(http://www.ctn.jp/support/resource/img/icn_tell_03.gif) no-repeat left top;
}

#s_navi div.csvoice {
	margin: 0 auto;
	width: 180px;
	background: url(http://www.ctn.jp/company/csvoice/img/bg_06.gif) repeat-y;
}

#s_navi div.csvoice div.item {
	padding: 0 8px 4px 8px;
	background: url(http://www.ctn.jp/company/csvoice/img/bg_05.gif) no-repeat left bottom;
}

#s_navi div.csvoice div.item p.link {
	margin-top: 5px;
	padding-left: 8px;
	background: url(http://www.ctn.jp/common/img/prt_arrow_right_01.gif) no-repeat left center;
}

#s_navi div.csvoice div.item p.lead {
	margin-left: 8px;
}


/* ---------------------------------------- */
/* contents frame */
.common_frm {
	width: 490px;
	padding: 10px;
	background: #fefae2;
}
/* ---------------------------------------- */
/* news item  */
.w510 {
	width: 510px;
}
/* ---------------------------------------- */
.securitybtn_l {
	width: 250px;
	margin: 10px 10px 0px 0px;
	float: left;
}
.securitybtn_r {
	width: 250px;
	margin: 10px 0px 0px 0px;
	float: right;
}

.scbtn_text{
	width: 510px;
	text-align:center;
}
.f_right{
	float: right;
}