@charset "shift_jis";
/* CSS Document */


/* ----------------------------------------------------------------
01. connect 隗｣邏?ｒ縺疲､懆ｨ惹ｸｭ縺ｮ譁ｹ縺ｸ
----------------------------------------------------------------- */
p.cancel-lead {
	letter-spacing: -1px;
}
/* list-link-cancel01 ---------------------- */
ul.list-link-cancel01 {
	padding: 10px 0 0;
	zoom: 1;
}

ul.list-link-cancel01:after{
content:".";
display: block;
height:0px;
clear:both;
line-height:0;
visibility:hidden;
}

ul.list-link-cancel01 li {
	padding: 0 20px 20px;
	float: left;
}
em.em-04 {
	color: #009DD8;
	font-size: 117%;
}

/* box-aside-cancel01 ---------------------- */
.box-aside-cancel01 {
	background: none;
}
.box-aside-cancel01 .inner {
	background: none;
}
.box-aside-cancel01 .box-layout-col2 ul.column-col2 {
    padding: 0 0 10px 10px;
}
.box-aside-cancel01 .box-layout-col2 ul.img-l li.text {
    float: right;
    width: 198px;
}
.box-aside-cancel01 .box-layout-col2 ul.img-l li.img {
    float: left;
    width: 152px;
}

/* 譁ｰ逹?縲√♀縺吶☆繧∽ｽ懷刀繝ｻ莉雁ｾ後?縺翫☆縺吶ａ逡ｪ邨? ---------------------- */

.nav-carrousel-01 .inner {
	padding: 12px 12px 7px;
}

/* ----------------------------------------------------------------
02.connect 謗･邯壹?險ｭ螳壹′蛻?°繧峨↑縺?
----------------------------------------------------------------- */
/* lseparate-connect ---------------------- */
.separate-connect {
    height: 3px;
    background: url(../../../images/cs/cancel/connect/hr-01.jpg) repeat-x left top;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* list-link-btn ---------------------- */
.list-link-btn {
	text-align: center;
	padding-bottom: 50px;
}
.list-link-btn li {
	text-align: center;
	padding-bottom: 30px;
}


/* ----------------------------------------------------------------
02.connect 謗･邯壹?險ｭ螳壹′蛻?°繧峨↑縺?
----------------------------------------------------------------- */
/* lseparate-connect ---------------------- */
.separate-connect {
    height: 3px;
    background: url(../../../images/cs/cancel/connect/hr-01.jpg) repeat-x left top;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* ----------------------------------------------------------------
05.contents 繧ｳ繝ｳ繝?Φ繝?↓鬲?鴨縺檎┌縺?
----------------------------------------------------------------- */
/* box-aside-lineup ---------------------- */
.box-aside-lineup {
width:691px;
height:68px;
background:url(../../../images/cs/cancel/contents/contents_lineup_bg.gif) no-repeat left top;
margin: 10px auto 20px;
}

/* image-layout-lineup */

ul.image-layout-lineup {
padding:12px 0 0 10px;
}
ul.image-layout-lineup li {
float:left;
margin: 0 10px 10px 0;
}

.box-aside-07-2 .inner{
padding: 15px 10px;
}

.box-aside-03 p.pgh-lead-02 {
	font-size: 200%;
	font-weight: bold;
	padding-top: 0;
	color: #00A6E4;
}

.box-aside-07-3 {
	background: none;
	border: 5px solid #D1EFFF;
}
.box-aside-07-3 .inner {
	background: none;
}

/* ----------------------------------------------------------------
06.cancel contents 
----------------------------------------------------------------- */
.box-aside-cancel {
	;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-top: 0px;
}
.box-aside-cancel p {
	margin:0px 0px 5px 0px;
	padding:0px;
	line-height: 1.4;
}
ul.contents-list {
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

ul.contents-list li {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 35px;
	margin-left: 0px;
}
ul.contents-list li.main_conts {
	width: 345px;
	margin-right: 23px;
}
ul.contents-list li.sub_conts {
	width: 227px;
	margin-right: 16px;
}
h2.title  {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
}
.vod-t a{
	color: #060;
}
.ch-t a{
	color: #F03;
}

.copyright_osusume {
	font-size: 10px;
	margin-top: 0.7em;
}
 


/*Price*/
.planBox_price {
	background:url(../../../images/cs/cancel/price/img-price-bg01.gif) left top no-repeat;
	padding:39px 29px 29px;
}
.planBox_price p {
	margin:0 0 16px;
}



/*contents*/
ul.hikaritvch {
	clear:both;
	padding:24px 0 0 27px !important;
	background:url(../../../images/cs/cancel/contents/contents_bg_01.gif) left top no-repeat;
	margin-left:15px !important;
	height:166px;
}
ul.hikaritvch li {
	display:inline;
	margin-right:20px;
}
ul.hikaritvch li img {
	margin-bottom:20px;
}


/*time*/
.time_01 {
	background:url(../../../images/cs/cancel/time/img-time-bg01.gif) right top no-repeat;
	height:133px;
}

.item {
	background:url(../../../images/cs/cancel/time/img-time-bg02_201212.gif) left bottom no-repeat;
	margin-left:5px;
	margin-bottom:5px;
}
.item_inner {
	background:url(../../../images/cs/cancel/time/img-time-bg01_201212.gif) left top no-repeat;
	padding:15px 15px 8px;
}



.item ul li {
    float: left;
    width: 170px;
}

.item ul li .caption {
    display: block;
    width: 160px;
}



/* ----------------------------------------------------------------
ひかりＴＶならではの番組、作品　見逃してませんか？ 2/25修正
----------------------------------------------------------------- */

#content ul.ch_list {
	padding:10px 15px;
}
ul.ch_list li {
	margin-bottom:20px;
}
ul.ch_list li.last {
	margin-bottom:0px;
}
.ch_img {
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	width:129px;
	padding:30px 19px;
	border:1px solid #ccc;
	margin-right:10px;
	vertical-align:top;
}

.ch_txt {
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	width:518px;
}
p.ch_txt_tt {
	color:#00a2e6;
	font-size:140%;
	font-weight:bold;
	margin-bottom:5px;
}
.ch_txt span {
	font-size:90%;
}
.ch_txt_link {
	float:left;
	width:48%;
	background-image: url(/resources/hikari/pc/css/shared/images/icon-arrow-right.gif);
    background-position: left 0.3em;
    background-repeat: no-repeat;
    padding-left: 1.3em !important;
}
.ch_txt_btn {
	float:right;
	width:120px;
	text-align:center;
	background:#00a2e6;
	padding:5px !important;
	line-height:1;
}
.ch_txt_btn:hover {
	background:#65bfe5;
}
.ch_txt_btn a {
color:#fff;
}
.ch_txt_btn span.link {
	display:none;
}



/* clearfix
-------------------------------------------------------------- */
div.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div.clearfix {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */