@charset "utf-8";

/* 003 */
.button003 { margin: 20px 0 20px 0; }
.button003 a {
    background: #eee;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 260px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button003 a:hover {
    background: #313131;
    color: #FFF;
}
.button003 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button003 a:hover:after {
    border-color: #FFF;
}

a.catalog-back { display: block; text-align: center; font-size: 140%; margin: 40px auto 0; border: solid 1px #333; padding: 10px; width:500px; text-decoration: none; cursor: pointer;}
a.catalog-back:hover { color: #fff; background-color: #333; }

.ecstar-title1 { font-size: 180%; font-weight: bold; margin: 60px 0 20px 0; border-bottom: 2px solid #003399; padding-bottom: 10px; clear: both; }
.ecstar-text1 { font-size: 120%; }
.ecstar-text1 span { font-size: 85%; }

.ecstar-wrapper { overflow: hidden; clear: both; }
.ecstar-box-1 { border: 1px solid #dbdbdb; overflow: hidden; width: /*32%*/219px; float: left; margin: /*0 0.5%*/ 0 10px; }
.ecstar-box-1-sub-1-1 { background-color: #fff; border-bottom: 1px solid #dbdbdb; text-align: center; font-size: 180%; font-weight: bold; overflow: hidden; height: 110px; background: url(../../img/ecstar/point1.jpg)top left no-repeat; padding: 50px 0 0 0; }
.ecstar-box-1-sub-1-2 { background-color: #fff; border-bottom: 1px solid #dbdbdb; text-align: center; font-size: 180%; font-weight: bold; overflow: hidden; height: 110px; background: url(../../img/ecstar/point2.jpg)top left no-repeat; padding: 50px 0 0 0; }
.ecstar-box-1-sub-1-3 { background-color: #fff; border-bottom: 1px solid #dbdbdb; text-align: center; font-size: 180%; font-weight: bold; overflow: hidden; height: 110px; background: url(../../img/ecstar/point3.jpg)top left no-repeat; padding: 50px 0 0 0; }
.ecstar-box-1-sub-1-4 { background-color: #fff; border-bottom: 1px solid #dbdbdb; text-align: center; font-size: 180%; font-weight: bold; overflow: hidden; height: 110px; background: url(../../img/ecstar/point4.jpg)top left no-repeat; padding: 50px 0 0 0; }
.ecstar-box-1-sub-2 { background-color: #f8f8f8; padding: 18px; font-size: 111%; height: /*130px*/191px; line-height: 150%; }
.ecstar-box-1-sub-2-1 { background-color: #f8f8f8; padding: 14px; font-size: 111%; height: 172px; line-height: 150%; }

.ecstar-box-2 { border: 1px solid #dbdbdb; overflow: hidden; width: 450px; float: left; margin: 0 30px 0 15px; }
.ecstar-box-2:last-child { margin: 0 auto; }
.ecstar-box-2-sub-1-1 { border-bottom: 1px solid #dbdbdb; text-align: center; font-size: 180%; font-weight: bold; overflow: hidden; height: 122px; padding: 50px 0 0 0; background-color: #f8f8f8; }
.ecstar-box-2-sub-1-2 { border-bottom: 1px solid #dbdbdb; text-align: center; font-size: 180%; font-weight: bold; overflow: hidden; height: 122px; padding: 30px 0 0 0; background-color: #f8f8f8; line-height: 140%; }
.ecstar-box-2-sub-2 { background-color: #fff; padding: 20px; font-size: 120%; height: 266px; text-align: center; }

.ecstar-title2 { text-align: center; font-size: 180%; font-weight: bold; color: #fff; background-color: #2c94ff; padding: 15px; line-height: 120%; margin-top: 20px; }

.ecstar-wrapper2 { overflow: hidden; background-color: #f0f5fb; }
.ecstar-box-3 { border: none; overflow: hidden; width: 46%; float: left; margin: 0 1.5%; }
.ecstar-box-3-sub-1-1 { background-color: #f0f5fb; border-bottom: none; text-align: center; font-size: 180%; line-height: 130%; font-weight: bold; overflow: hidden; height: 100px; padding: 40px 0 0 0; }
.ecstar-box-3-sub-1-2 { background-color: #f0f5fb; border-bottom: none; text-align: center; font-size: 180%; line-height: 130%; font-weight: bold; overflow: hidden; height: 100px; padding: 40px 0 0 0; }
.ecstar-box-3-sub-2 { background-color: #f0f5fb; padding: 20px; font-size: 120%; /*height: 210px; */text-align: center; }

.ecstar-box-4 { border: none; overflow: hidden; width: 25.5%; float: left; margin: 0 1px 0 0; }
.ecstar-box-4-sub-1-1 { background-color: #eaeaea; text-align: center; font-size: 120%; font-weight: bold; padding: 10px; ; }
.ecstar-box-4-sub-1-2 { background-color: #ffffff; text-align: center; font-size: 120%; font-weight: bold; padding: 10px; ; }
.ecstar-box-5 { border: none; overflow: hidden; width: 37%; float: left; margin: 0 1px 0 0; }
.ecstar-box-5-sub-1-1 { background-color: #dff2de; text-align: center; font-size: 120%; font-weight: bold; padding: 10px; ; }
.ecstar-box-5-sub-1-2 { background-color: #ffffff; text-align: center; font-size: 120%; font-weight: bold; padding: 10px; ; }
.ecstar-box-6 { border: none; overflow: hidden; width: 37%; float: left; margin: 0 0 0 0; }
.ecstar-box-6-sub-1-1 { background-color: #e3ebf7; text-align: center; font-size: 120%; font-weight: bold; padding: 10px; ; }
.ecstar-box-6-sub-1-2 { background-color: #ffffff; text-align: center; font-size: 120%; font-weight: bold; padding: 10px; ; }

.ca { margin-top: 15px; font-weight: normal; }
.ecstar-box-4-sub-1-1 span { font-size: 85%; font-weight: normal; }

.ec { font-size: 48%; font-weight: normal; margin-left:20px; }

.ecstar-box-7 { padding: 20px 70px 0; font-size: 180%; font-weight: bold; }
.ecstar-box-7 span { font-size: 65%; font-weight: normal; }
.ecstar-box-7 .ca { font-size: 57%; }
.ecstar-box-7 img.product { float: left; }

.ecstar-box-8 { border: 1px solid #dbdbdb; overflow: hidden; width: 46%; float: left; margin: 20px 1.5% 0; }
.ecstar-box-8-sub-1-1 { text-align: center; font-size: 150%; font-weight: bold; overflow: hidden; height: 65px; padding: 20px 0 0 0; background-color: #f8f8f8; }
.ecstar-box-8-sub-2 { background-color: #fff; padding: 20px; font-size: 100%; height: 297px; text-align: center; }
.ecstar-box-8-sub-2 span { text-align: left; display: block; }

.ecstar-option { clear: both; margin: 20px 0 0 15px; border: 2px solid #e6e6e6; width: 95%; padding: 20px; }
.ecstar-option-title { font-size: 180%; font-weight: bold; padding: 20px; margin-top:0px; border-bottom: 1px dotted #488d49; display: block; clear: both; }

.ecstar-box-9 { padding: 0 60px; font-size: 160%; font-weight: bold; overflow: hidden; margin-top:20px; }
.ecstar-box-9 span { font-size: 65%; font-weight: normal; }
.ecstar-box-9 .ca { font-size: 57%; padding-left: 222px; }
.ecstar-box-9 .ca2 { padding-left: 206px; }
.ecstar-box-9 img.product { float: left; }

.ecstar-box-8-sub-2 strong { font-weight: bold; }

.ecstar-box-10 { border: 1px solid #dbdbdb; overflow: hidden; width: 30%; float: left; margin: 20px 1.25% 0; }
.ecstar-box-10-sub-1-1 { text-align: center; font-size: 150%; font-weight: bold; overflow: hidden; height: 90px; padding: 20px 0 0 0; background-color: #f8f8f8; line-height:150%; }
.ecstar-box-10-sub-1-2 { text-align: center; font-size: 150%; font-weight: bold; overflow: hidden; height: 90px; padding: 38px 0 0 0; background-color: #f8f8f8; }
.ecstar-box-10-sub-2 { background-color: #fff; padding: 20px; font-size: 100%; height: 308px; text-align: center; }
.ecstar-box-10-sub-2 span { text-align: left; display: block; }


.ecstar-box-11 { border: 1px solid #dbdbdb; overflow: hidden; width: 95.5%; float: none; margin: 20px 1.25% 0; }
.ecstar-box-11-sub-1-1 { text-align: center; font-size: 150%; font-weight: bold; overflow: hidden; height: 70px; padding: 20px 0 0 0; background-color: #f8f8f8; line-height:180%; }
.ecstar-box-11-sub-2 { background-color: #fff; padding: 20px; font-size: 100%; text-align: left; }
.ecstar-box-11-sub-2 img { float: left; padding: 20px 40px 20px 20px;width: 368px; }



.tab1-s { margin-top: -6px; margin-left: 239px; color: #34a533; }
.tab2-s { margin-top: -6px; margin-left: 723px; color: #009fe8; }

div.tab_test{
 margin:0; text-align: center; margin-bottom:-3px;
}
.tab_test a { width: 460px; height: 94px; text-align: center; padding-top: 20px; }

a.active#tab1 img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); }
a.active#tab2 img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); }
a:hover#tab1 img  { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); }
a:hover#tab2 img  { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); }
a#tab1 img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
a#tab2 img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }

a#tab1 { margin-right:20px; box-sizing: content-box; margin-left:6px;
list-style:none;
display:inline-block;
background:#f4f4f4;
color:#fff;
cursor: pointer;
border-radius: 10px 10px 0 0;
border-bottom: 3px solid #009fe8; box-sizing: content-box;
}
a.active#tab1 { box-sizing: content-box; margin-left:0px;
background:#e5f5e5;
color:#000;
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
border: 3px solid #34a533;
border-radius: 10px 10px 0 0;
border-bottom: 3px solid #fff;
}
a:hover#tab1 { box-sizing: content-box; margin-left:0px;
background:#34a533;
opacity: 0.3;
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
border: 3px solid #34a533;
border-bottom: none;
}

a#tab2 { box-sizing: content-box; margin-left:5px;
list-style:none;
display:inline-block;
background:#f4f4f4;
color:#fff;
cursor: pointer;
border-radius: 10px 10px 0 0;
border-bottom: 3px solid #34a533;
}
a.active#tab2 { box-sizing: content-box; margin-left:0px;
 background:#e9eff9;
color:#000;
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
border: 3px solid #009fe8;
border-radius: 10px 10px 0 0;
border-bottom: 3px solid #fff;
}
a:hover#tab2 { box-sizing: content-box; margin-left:0px;
background:#009fe8;
opacity: 0.3;
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
border: 3px solid #009fe8;
border-bottom: none;
}
.tab_cnt {
 overflow:hidden;
}
.tab_cnt section{
 display:none;
}
.tab_cnt section.active{
 display:block;
}


#tab1_cnt { border-top:3px solid #34a533; }

#tab2_cnt { border-top:3px solid #009fe8; }






.scrollTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
    display: none;
    cursor: pointer;
}

.scrollTop__link {
    display: block;
}

.scrollTop__img {
    transition: all .3s;
}

.scrollTop__link:hover .scrollTop__img {
    opacity: .5;
    transition: .3s;
}

.slick-dots { background-color: #333; }
.slick-dots li button::before { color: #fff; }

.zs-enabled .zs-slideshow, .zs-enabled .zs-slides, .zs-enabled .zs-slide {
height: 460px;
}

.zs-enabled .zs-slideshow:after {
height: 460px;
}


#mainTitle {
	background-color: #06C;
}
#mainTitle .contents {
	position: relative;
	font-size: 0;
	line-height:0;
}
#mainContents .contents {
	padding-bottom: 60px;
}
#mainContents li {
	display: inline;
}
#mainContents li a {
	display: inline;
	float: left;
	margin-top: 16px;
	margin-right: 16px;
}
#mainContents li:nth-child(4n+0) a {
	margin-right: 0px;
}
#mainContents li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#mainContents .boxTable table {
	margin-top: 20px;
}
#mainContents .boxTable .program {
	width: 30%;
}
#mainContents .boxTable .broadcastingSta {
	width: 20%;
}
#mainContents .boxTable .day {
	width: 20%;
}
#mainContents .boxTable .time {
	width: 20%;
}
#mainContents .boxTable li {
	display: block;
}





.lineupBox {
	padding: 0px;
}




/***/
.side_area {
	width: 316px;
	float: left;
	overflow: hidden;
	margin-top: 40px;
}

.bana_area {
	margin-top: 50px;
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
	clear: both;
	overflow: hidden;
}

.bana {
	margin-right: 10px;
	margin-bottom: 15px;
	vertical-align: text-top;
}

.banner div { width:23.5%; display:block; float:left; margin-right:2%; text-align:center; font-size:83%; margin-bottom:10px; }
.banner div.banner-end { margin-right:0; }
.banner div img { /*width:100%;*/ }











.ca-acc { border: 1px solid #909090; padding: 30px; margin-top: 40px; line-height: 180%; }
.ca-acc span { padding: 15px 15px 0px 13px; display: block; }