/* 
	news 用CSS
*/

/* メンテ情報 */
/*タイトル*/
@media ( max-width : 767px ) {
.hTit {
	margin-top:10px;
	background-color: #C0182F;
	height: 80px;
	width: 100%;
	border-top: #E83828 10px solid;
	line-height: 70px;
	color: white;
	font-size: 24px;
	font-weight: bold;
}
}
@media ( min-width : 768px ) {
.hTit {
	margin-top:10px;
	background-color: #C0182F;
	height: 80px;
	width: 100%;
	border-top: #E83828 10px solid;
	line-height: 70px;
	color: white;
	font-size: 32px;
	font-weight: bold;
}
}

/*お知らせページ一覧*/		
	.infoList {
		width: 100%;
	}
	.infoList dl {
		width: 100%;
		font-size: 14px;
		line-height: 25px;
		color: #595757;
		padding-top:5px;
	}

	.infoList dt {
		display: block;
		width: 18%;
		clear: left;
		float: left;
		margin-top: 20px;
	
	}
	
	.infoList dd {
		display: block;
		width: 77%;
		float: left;
		margin-top: 20px;
		margin-left: 5%;
	}

/*最新チラシ・番組表・イベント情報*/
.event {
	padding-top: 30px;
	padding-bottom: 30px;
	
}
.event .text22b {
	font-size: 2.2rem;
	font-size: 22px;
	font-weight: bold;
}
@media ( max-width : 767px ) {
	.eventpdR10 {
		padding-right: 10px;
	}
	.eventpdL10 {
		padding-left: 10px;
	}
 
}
@media ( min-width : 768px ) {
	.eventpdR10 {
		padding-right: 0px;
	}
	.eventpdL10 {
		padding-left: 0px;
	}	
 		 	
}

/*最新チラシ・CCNet12番組表・イベント情報*/	
h1.evinfoTit {
	font-size: 2.0rem;
	font-size: 20px;
	font-weight: bold;
	color: white;
	padding: 15px 0px;
	margin-top: 30px;
	margin-bottom: 20px;
}
.clTit01 {
	background-color: #E5001B;
}
.clTit02 {
	background-color: #0068B6;
}
.clTit03 {
	background-color: #E75297;
}
.clTit04 {
	background-color: #009FE8;
}
.clTit05 {
	background-color: #009844;
}
.clTit06 {
	background-color: #F9BE00;
}
.clTit07 {
	background-color: #7D4697;
}
.clTit08 {
	background-color: #EF8200;
}

.infoBox01 {
	margin-left: auto;
	margin-right: auto;
}
.infoBox01 .titBox {
	width: 100%;
	border-bottom: 1px solid #7F542E;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

@media ( max-width : 767px ) {
	.infoBox01 .titBox .left {
		font-size: 2.0rem;
		font-size: 20px;
		font-weight: bold;
	}
	.infoBox01 .titBox .right {
		font-size: 1.4rem;
		font-size: 14px;
	}	

 
}
@media ( min-width : 768px ) {
	.infoBox01 .titBox .left {
		float: left;
		font-size: 2.0rem;
		font-size: 20px;
		font-weight: bold;
	}
	.infoBox01 .titBox .right {
		float: right;
		font-size: 1.4rem;
		font-size: 14px;
	}	
 		 	
}


.infoBox01 .title01 {
	color: #E5001B;
	font-size: 2.0rem;
	font-size: 20px;
	font-weight: bold;
	
}

.evinfoBox {
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.colorEvinfoBox {
	background-color: #F2EEEA;
}

.evinfoBox .title01 {
	color: #E5001B;
	font-size: 2.0rem;
	font-size: 20px;
	font-weight: bold;
	
}
.evinfoBox .title {
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7F542E;
	font-weight: bold;
}

.evinfoBox dl {
		width: 100%;
	}

.evinfoBox dt {
		display: block;
		width: 20%;
		clear: left;
		float: left;
		padding-top: 15px;
	}
	
.evinfoBox dd {
		display: block;
		width: 80%;
		float: left;
		padding-top: 15px;
	}



.evinfoBox .syosai {
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 25px;
	color: #595757;
}
.coution {
	color: #C0182F;
}
.cpBox .syosai a {
	color: #C0182F;
	text-decoration: underline;
}
.cpBox .syosai a:hover {
	text-decoration: none;
}
.cpBox .syosai dl {
		width: 100%;
	}

.cpBox .syosai dt {
		display: block;
		width: 20%;
		clear: left;
		float: left;
		padding-top: 20px;
	}
	
.cpBox .syosai dd {
		display: block;
		width: 80%;
		float: left;
		padding-top: 20px;
	}

.hiyou {
	width: 100%;
	font-size: 1.4rem;
	font-size: 14px;
	color: #595757;
}
.hiyou  td, th {
	padding: 10px 10px;
	border: 1px solid #595959;
}
.kakaku {
	color: #E83828;
	font-size: 2.5px;
	font-size: 25px;
	text-align: center;
}
.kakaku .sml {
	color: #E83828;
	font-size: 1.4px;
	font-size: 14px;
}
.line {
	background-color: #E6E6E6;
}


.hiyouText {
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 25px;
	color: #595757;
	border-top: 1px solid #595757;
	padding-top: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.cautionBox {
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 25px;
	color: #595757;
	padding-top: 20px;
	padding-bottom: 20px;
}
.grayCtBox {
	background-color: #E6E6E6;
}

.cautionBox .title {
	font-size: 1.4rem;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}
.cautionBox p {
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 25px;
}

	
/* お知らせ詳細ページ */	
	h1.infoTit {
		font-size: 20px;
		color: white;
		background-color: #595757;
		padding: 15px 0px;
		margin-top: 30px;
	}
	

@media ( max-width : 767px ) {
	.infoTex {
		margin-top:20px;
		padding: 0px;

	}
 
}
@media ( min-width : 768px ) {
	.infoTex {
		margin-top:20px;
		padding: 0px 25px;

	}	
 		 	
}

	
	.infoTex .image {
		margin-top:20px;
		padding: 0px 0px 20px 0px;

	}
	
	.infoTex .mTex {
		margin:0px;
		padding: 0px 0px 40px 0px;
		color: #595757;
		font-size: 14px;
		line-height: 24px;

	}
	
	.infoTex .mTex h3 {
		margin:0px;
		padding: 0px;
		color: #C0182F;
		font-size: 20px;
		line-height: 44px;
	}
	
	.infoTex dl {
		width: 100%;
	}

	.infoTex dt {
		display: block;
		width: 20%;
		clear: left;
		float: left;
	
	}
	
	.infoTex dd {
		display: block;
		width: 80%;
		float: left;
	}
	
	.ccHenkou {
		margin:0px;
		padding: 5px 0px;
		background-color: #cccccc;
	}
	
	.ccHenkou .title {
		font-size: 20px;
		padding: 10px 0px;
		color: black;
	}

@media ( max-width : 767px ) {

 	.ccHenkouTex {
		color: #595757;
		font-size: 14px;
		line-height: 24px;
		padding: 0px;
	}
}
@media ( min-width : 768px ) {
	
 	.ccHenkouTex {
		color: #595757;
		font-size: 14px;
		line-height: 24px;
		padding: 0px 25px;
	}	 	
}


	
	.ccHenkouTex dl {
		padding-top: 25px;
		width: 100%;
	}

	.ccHenkouTex dt {
		display: block;
		width: 20%;
		clear: left;
		float: left;
	
	}
	
	.ccHenkouTex dd {
		display: block;
		width: 80%;
		float: left;
	}


/* メンテナンス情報 */
			
.text16_25 {
		font-size: 1.6rem;
		font-size: 16px;
		line-height: 25px;
		color: #595757;
}
	

	
@media ( max-width : 767px ) {

	.cableBo { 
		font-size: 100%;

		margin-left: auto;
		margin-right: 0px;
		margin-top: 25px;
		border: 2px solid #595757; 
		width: 100%;
		height: auto;
		line-height: 1.2;
		min-height:50px;
		padding:5px;
		color: #595757;		
		background-color: #EEEEEE;
		text-align: center;
	    border-radius: 10px;        /* CSS3草案 */  
	    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 10px;   /* Firefox用 */ 
	} 

		.cableBo a { 
				text-decoration: none;
		}
 		 	
	.ccnBo { 
		margin-left: auto;
		margin-right: 0px;
		border: 2px solid #F9BE00; 
		width: 100%;
		height: 50px;
		line-height: 50px;
		color: #595757;
		background-color: #FEF2CC;
		text-align: center;
	    border-radius: 10px;        /* CSS3草案 */  
	    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 10px;   /* Firefox用 */
	}
		.ccnBo a { 
				text-decoration: none;
		}
 		 	

	.hikariBo { 
		margin-left: auto;
		margin-right: 0px;
		margin-top: 25px;
		border: 2px solid #E07F00; 
		width: 100%;
		height: 50px;
		line-height: 50px;
		color: #595757;
		background-color: #F9E5CC;
		text-align: center;
	    border-radius: 10px;        /* CSS3草案 */  
	    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 10px;   /* Firefox用 */
	}
		.hikariBo a { 
				text-decoration: none;
		}
 		 	

}
@media ( min-width : 768px ) {

	.cableBo { 
					margin-left: auto;
					margin-right: 0px;
					margin-top: 25px;
					border: 2px solid #595757; 
					width: 100%;
					height: auto;
					line-height: 1.2;
					min-height:50px;
					color: #595757;
					padding:5px;
					background-color: #EEEEEE;
					text-align: center;
				    border-radius: 10px;        /* CSS3草案 */  
				    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
				    -moz-border-radius: 10px;   /* Firefox用 */ 
				    color: #595757; 
	} 
	
		.cableBo a { 
				text-decoration: none;
		}
	
	.ccnBo { 
					margin-left: auto;
					margin-right: 0px;
					border: 2px solid #F9BE00; 
					width: 100%;
					height: 50px;
					line-height: 50px;
					color: #595757;
					background-color: #FEF2CC;
					text-align: center;
				    border-radius: 10px;        /* CSS3草案 */  
				    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
				    -moz-border-radius: 10px;   /* Firefox用 */
				    color: #595757;  
	}
		.ccnBo a { 
				text-decoration: none;
		}

	.hikariBo { 
				margin-left: auto;
				margin-right: 0px;
				border: 2px solid #E07F00; 
				width: 100%;
				height: 50px;
				line-height: 50px;
				color: #595757;
				background-color: #F9E5CC;
				text-align: center;
			    border-radius: 10px;        /* CSS3草案 */  
			    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
			    -moz-border-radius: 10px;   /* Firefox用 */ 
			    color: #595757; 
	}	
		.hikariBo a { 
				text-decoration: none;
		}
 		 	
}






@media ( max-width : 767px ) {

	.menteTit {
		color: white;
		font-size: 100%;
		height: 50px;
		width: 100%;
		line-height: 50px;
		margin-top: 30px;
	}

	.svIconBox {
		color: #595757;
		background-color: #EEEEEE;
		padding: 10px 5px 5px 5px;
	}
	
	.svIconBox .title {
		font-size: 16px;
		font-weight: bold;
	}

	div.iconTitle {
		line-height: 30px;
	}

	.svIconBox .iconTitle {
		font-size: 11px;

	}

	.svIconBox .iconTitle .icon1 {
		background-color:#EC6D88 ;
		text-align: center;
		display: block;
		width: 25%;
		float: left;
		background-color: white;
		color: #EC6D88;
		border:#EC6D88 solid 2px;
		margin-right: 5px;
		margin-bottom: 10px;
	}
	.svIconBox .iconTitle .icon2 {
		background-color:#0097D2 ;
		text-align: center;
		display: block;
		width: 25%;
		float: left;
		background-color: white;
		color: #0097D2;
		border:#0097D2 solid 2px;
		margin-right: 5px;
		margin-bottom: 10px;
	}
	.svIconBox .iconTitle .icon3 {
		background-color:#007F41 ;
		text-align: center;
		display: block;
		width: 25%;
		float: left;
		background-color: white;
		color: #007F41;
		border:#007F41 solid 2px;
		margin-right: 5px;
		margin-bottom: 10px;
	}
	.svIconBox .iconTitle .icon4 {
		background-color:#7D4697 ;
		text-align: center;
		display: block;
		width: 25%;
		float: left;
		background-color: white;
		color: #7D4697;
		border:#7D4697 solid 2px;
		margin-right: 5px;
		margin-bottom: 10px;
	}
 
}
@media ( min-width : 768px ) {

.menteTit {
	color: white;
	font-size: 20px;
	height: 50px;
	width: 100%;
	line-height: 50px;
	margin-top: 30px;
}
	.svIconBox {
		color: #595757;
		background-color: #EEEEEE;
		padding: 10px 25px 25px 25px;
	}
	
	.svIconBox .title {
		font-size: 17px;
		font-weight: bold;
	}
	.svIconBox .iconTitle {
		font-size: 16px;
	}
	.svIconBox .iconTitle .icon1 {
		background-color: white;
		color: #EC6D88;
		border:#EC6D88 solid 2px;
		padding: 5px 10px;
		margin-right: 10px;
	}
	.svIconBox .iconTitle .icon2 {
		background-color: white;
		color: #0097D2;
		border:#0097D2 solid 2px;
		padding: 5px 10px;
		margin-right: 10px;
	}
	.svIconBox .iconTitle .icon3 {
		background-color: white;
		color: #007F41;
		border:#007F41 solid 2px;
		padding: 5px 10px;
		margin-right: 10px;
	}
	.svIconBox .iconTitle .icon4 {
		background-color: white;
		color: #7D4697;
		border:#7D4697 solid 2px;
		padding: 5px 10px;
		margin-right: 10px;
	}
	}

}



.bg_color01 ,
.bg_color03 {
	background-color:#f9be00;
}
.bg_color02 {
	background-color:#e07f00;
}

.infoIchiBox {
	color: #595757;
	font-size: 14px;
	line-height: 28px;
	border: #595757 solid 1px;
}

.infoIchiBox .title {
	text-align: center;
	height: 30px;
	background-color:#EEEEEE ;
	line-height: 30px;
	border-bottom: 1px solid #595757;
}

.infoIchiBox dl {
		width: 100%;
		padding: 10px;
	}

@media ( max-width : 767px ) {
	.infoIchiBox dt {
			display: block;
			width: 100%;
			clear: left;
			float: left;
		
		}
		
	.infoIchiBox dd {
			display: block;
			width: 100%;
			float: left;
		}

	.oshiraseBox {
		color: #595757;
	}
	.oshiraseBox .title {
		background-color: #FEF2CC;
		padding: 10px 20px;
		font-size: 14px;
	}

	.oshiraseBox dl {
		width: 100%;
		padding: 10px;
		border-bottom:1px solid black;
		font-size: 14px;
		line-height: 26px;
	}

	.oshiraseBox dt {
		display: block;
		width: 25%;
		clear: left;
		float: left;	

	}
			
	.oshiraseBox dd {
		display: block;
		width: 75%;
		float: left;
	}

	.oshiraseBox dd .icon1 {
		background-color: white;
		color: #EC6D88;
		border:#EC6D88 solid 2px;
		padding: 5px 10px;
		margin-right: 10px;
	}
	.oshiraseBox dd .icon2 {
		background-color: white;
		color: #0097D2;
		border:#0097D2 solid 2px;
		padding: 5px 10px;
		margin-right: 10px;
	}
	.oshiraseBox dd .icon3 {
		background-color: white;
		color: #007F41;
		border:#007F41 solid 2px;
		padding: 5px 10px;
		margin-right: 10px;
	}
	.oshiraseBox dd .icon4 {
		background-color: white;
		color: #7D4697;
		border:#7D4697 solid 2px;
		padding: 5px 10px;
		margin-right: 10px;
	}


}

@media ( min-width : 768px ) {
	.infoIchiBox dt {
			display: block;
			width: 15%;
			clear: left;
			float: left;
		
		}
		
	.infoIchiBox dd {
			display: block;
			width: 85%;
			float: left;
		}	


	.oshiraseBox {
		color: #595757;
	}
	.oshiraseBox .title {
		background-color: #FEF2CC;
		padding: 10px 20px;
		font-size: 17px;
	}

	.oshiraseBox dl {
		width: 100%;
		padding: 10px;
		border-bottom:1px solid black;
		font-size: 16px;
		line-height: 32px;
	}

	.oshiraseBox dt {
		display: block;
		width: 15%;
		clear: left;
		float: left;	

	}
			
	.oshiraseBox dd {
		display: block;
		width: 85%;
		float: left;
	}

	.oshiraseBox dd .icon1 {
		background-color: white;
		color: #EC6D88;
		border:#EC6D88 solid 2px;
		padding: 5px 10px;
		margin-right: 10px;

	}
	.oshiraseBox dd .icon2 {
		background-color: white;
		color: #0097D2;
		border:#0097D2 solid 2px;
		padding: 5px 10px;
		margin-right: 10px;
	}
	.oshiraseBox dd .icon3 {
		background-color: white;
		color: #007F41;
		border:#007F41 solid 2px;
		padding: 5px 10px;
		margin-right: 10px;
	}
	.oshiraseBox dd .icon4 {
		background-color: white;
		color: #7D4697;
		border:#7D4697 solid 2px;
		padding: 5px 10px;
		margin-right: 10px;
	}

}



/* C space */
.csphTit {
			margin-top:10px;
			height: 80px;
			width: 100%;
			line-height: 70px;
			color: white;
			font-size: 32px;
			font-weight: bold;
}
.csphColor01 {
			background-color: #E5001B;
			border-top: #ED4C5F 10px solid;
}
.csphColor02 {
			background-color: #0068B6;
			border-top: #4C95CC 10px solid;
}

.csp {
	color: #595757;
}

@media ( max-width : 767px ) {
	.cspBox {
		margin-top: 20px;
	}
	.cspScBox {
		margin-top: 20px;
	}
 
}
@media ( min-width : 768px ) {
	.cspBox {
		margin-top: 45px;
		padding-left: 85px;
		padding-right: 85px;
	}
	.cspScBox {
		margin-top: 45px;
	}	
 		 	
}

.cspText14_25 {
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 25px;
}

.cspText16_23 {
	font-size: 1.6rem;
	font-size: 16px;
	line-height: 25px;
	font-weight: bold; 
	padding-top: 10px;
}

.specTit {
	width: 110px;
	font-size: 2.0rem;
	font-size: 20px;
	color: white;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ED8508;
	text-align: center;
	    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}

@media ( max-width : 767px ) {
	.callBox {

	}
 
}
@media ( min-width : 768px ) {
	.callBox {
		padding-left: 150px;
		padding-right: 150px;
	}	
 		 	
}

/* ご利用予定ボタン */
button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}

.buttonBox {
	margin-top: 50px;
	margin-bottom: 40px;
}

@media ( max-width : 767px ) {
	button.csp_bo01  {
		margin-left: auto;
		margin-right: auto;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color: white;
		width: 100%;
		height: 60px;
		background-color: #EF8200;
		border: 1px solid #EF8200;
		border-radius: 10px;        /* CSS3草案 */  
	    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 10px;   /* Firefox用 */ 
	    background-image:url(../news/images/yajirushi.jpg);
	    background-repeat: no-repeat;
	    background-position: right center;
	    display: block;
	   	text-decoration: none;
	}
 
}
@media ( min-width : 768px ) {
	button.csp_bo01  {
		margin-left: auto;
		margin-right: auto;
		font-size: 1.4rem;
		font-size: 14px;
		font-weight: bold;
		color: white;
		width: 400px;
		height: 60px;
		background-color: #EF8200;
		border: 1px solid #EF8200;
		border-radius: 10px;        /* CSS3草案 */  
	    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 10px;   /* Firefox用 */ 
	    background-image:url(../news/images/yajirushi.jpg);
	    background-repeat: no-repeat;
	    background-position: right center;
	    display: block;
	   	text-decoration: none;
	}	
 		 	
}

button.csp_bo01 a {
	text-decoration: none;
	color: white;
}
button.csp_bo01:hover {
	text-decoration:  underline ;
}


/* 戻るボタン */
.modoru {
	padding: 50px 0px 50px 0px;
}


@media ( max-width : 767px ) {

			.modoruBo { 
				margin-left: auto;
				margin-right: auto;
				border: 1px solid #000000; 
				width: 260px;
				height: 50px;
				line-height: 50px;
				color: black;
				text-align: center;
			    border-radius: 10px;        /* CSS3草案 */  
			    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
			    -moz-border-radius: 10px;   /* Firefox用 */  
		} 	
 
}
@media ( min-width : 768px ) {
 	
			.modoruBo { 
				margin-left: auto;
				margin-right: 0px;
				border: 1px solid #000000; 
				width: 260px;
				height: 50px;
				line-height: 50px;
				color: black;
				text-align: center;
			    border-radius: 10px;        /* CSS3草案 */  
			    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
			    -moz-border-radius: 10px;   /* Firefox用 */  
		} 
	}

/* ページ内リンクをナビ分ずらすための設定（メンテナンス情報） */

@media ( min-width : 768px ) {
}

@media ( max-width : 767px ) {
}

/* リンクボタン */
div.linkBtn  {
margin-left: auto;
margin-right: auto;
font-size: 100%;
color: #7F542E;
text-decoration: none;
text-align: center;
vertical-align: middle;
padding: 30px 30px 30px 10px;

width: 100%;
min-height: 60px;
line-height: 1.3em;
border: 1px solid #7F542E;
border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
background-color: white;
background-image: url(../imgs/icon_arrow_r_brown.png);
background-repeat: no-repeat;
background-position: right center;
display: table;
}

div.linkBtn a {
text-decoration: none;
color: #7F542E;
text-align: center;
vertical-align: middle;
width: 100%;
min-height: 20px;
line-height: 1.3em;
display: table;
}

div.linkBtn:hover {
text-decoration:  underline ;
display: table;
}