@charset "UTF-8";


/* Channel Name Link */

a.chlink01{
font-size: 96%;
        display: block;
        color: #0066FF;
        font-weight: bold;
        width: 97%;
        line-height: 50px;
        text-align: left;
        padding-left: 4px;
        background:#ffffff;

	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;

}
a:hover.chlink01{
	background-color: #e6ffff;
        color: #008000;
}


a.pgbrlink01{
font-size: 104%;
        display: block;
        color: #34518b;
        width: 98%;
        line-height: 50px;
        font-weight: bold;
        text-align: left;
        text-decoration: none;
        padding-left: 2%;
        background:#eaffff;
        border: 1px solid;
        border-color:#aaaaaa #444444 #444444 #aaaaaa;
}
a:hover.pgbrlink01{
	background-color: #fed1ee;
        color: #008000;
}


a.pgbrlink01-mid{
font-size: 98%;
        display: block;
        color: #34518b;
        width: 98%;
        line-height: 50px;
        font-weight: bold;
        text-align: left;
        text-decoration: none;
        padding-left: 2%;
        background:#eaffff;
        border: 1px solid;
        border-color:#aaaaaa #444444 #444444 #aaaaaa;
}
a:hover.pgbrlink01-mid{
	background-color: #fed1ee;
        color: #008000;
}


.pgbr-waku01{
        float: left;
        width: 100%;
        height: 56px;
        padding-left: 0px;
}



a.sidelink01{
font-size: 100%;
        display: block;
        color: #0066FF;
        margin-right: auto;
        margin-left : auto;
        width: 180px;
        height: 28px;
        padding-top: 12px;
        text-align: left;
        padding-left: 20px;
        text-decoration: none;
        border: 1px solid;
        border-color:#aaaaaa #aaaaaa #aaaaaa #aaaaaa;
        background:#ffffff;
}
a:hover.sidelink01{
	background-color: #ffff99;
        color: #ff0000;
}




/* Country Name Link */

a.statelink01{
font-size: 100%;
        display: block;
        color: #0066FF;
        width: 98%;
        line-height: 50px;
        height: 50px;
        text-align: left;
        padding-left: 2%;
        text-decoration: none;
        border: 1px solid;
        border-color:#aaaaaa #444444 #444444 #aaaaaa;
        background:#ffffff;

	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;

}
a:hover.statelink01{
	background-color: #ffff99;
        color: #ff0000;
}

a.statelink02{
font-size: 100%;
        display: block;
        color: #666666;
        width: 98%;
        line-height: 50px;
        height: 50px;
        text-align: left;
        padding-left: 2%;
        text-decoration: none;
        border: 1px solid;
        border-color:#aaaaaa #444444 #444444 #aaaaaa;
        background:#f9f9f9;

	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;

}
a:hover.statelink02{
	background-color: #ffff99;
        color: #ff0000;
}


.state-waku01{
        float: left;
        width: 314px;
        height: 56px;
        padding-left: 6px;
}



a.genrelink01{
font-size: 100%;
        display: block;
        color: #1f658b;
        width: 98%;
        line-height: 50px;
        height: 50px;
        text-align: left;
        padding-left: 4%;
        text-decoration: none;
        border: 1px solid;
        border-color:#a0cdd3 #7da5ac #7da5ac #84bdc6;
        border-radius: 8px;
        background:#ffffff;
        background: url("img/gnrebtn01.png") repeat;

	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;

}
a:hover.genrelink01{
	background-color: #e8fec9;
        color: #ff0000;
        background: url("img/gnrebtn03.png") no-repeat;

}

.genre-waku01{
        float: left;
        width: 320px;
        height: 60px;
        padding-left: 12px;
}




/* TV Icon */

.tvall {
    background: url("img/player01_all_b.png") no-repeat;
}
.tvall a {
    display: inline-block;
}
.tvall a:hover {
	background-color: transparent; /* IE6対応 */
}
.tvall a:hover img {
    visibility: hidden;
}


.tvlim {
    background: url("img/player01_lim_b.png") no-repeat;
}
.tvlim a {
    display: inline-block;
}
.tvlim a:hover {
	background-color: transparent; /* IE6対応 */
}
.tvlim a:hover img {
    visibility: hidden;
}



.tvwmp {
    background: url("img/player01_wmp_b.png") no-repeat;
}
.tvwmp a {
    display: inline-block;
}
.tvwmp a:hover {
	background-color: transparent; /* IE6対応 */
}
.tvwmp a:hover img {
    visibility: hidden;
}


.tvradio {
    background: url("img/player01_radio_b.png") no-repeat;
}
.tvradio a {
    display: inline-block;
}
.tvradio a:hover {
	background-color: transparent; /* IE6対応 */
}
.tvradio a:hover img {
    visibility: hidden;
}






/* 地図の地域別リンク */


a.regionafrica {/*リンクされた文字*/
    color:#008040;
    font-style:normal;
    text-decoration: underline;
}
a:link.regionafrica {/*未訪問のリンク*/
    color:#008040;
    font-style:normal;
    text-decoration: underline;
}
a:visited.regionafrica {/*訪問後のリンク*/
    color:#008040;
    text-decoration: underline;
}
a:hover.regionafrica {/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration: underline;
}
a:active.regionafrica {/*クリック中*/
    text-decoration: none;
}


a.regionamericas {/*リンクされた文字*/
    color:#974b00;
    font-style:normal;
    text-decoration: underline;
}
a:link.regionamericas {/*未訪問のリンク*/
    color:#974b00;
    font-style:normal;
    text-decoration: underline;
}
a:visited.regionamericas {/*訪問後のリンク*/
    color:#974b00;
    text-decoration: underline;
}
a:hover.regionamericas {/*マウスをのせたとき*/
    color:#ff0080;
    font-style:normal;
    text-decoration: underline;
}
a:active.regionamericas {/*クリック中*/
    text-decoration: none;
}


a.regionusa {/*リンクされた文字*/
    color:#05b89d;
    font-style:normal;
    text-decoration: underline;
}
a:link.regionusa {/*未訪問のリンク*/
    color:#05b89d;
    font-style:normal;
    text-decoration: underline;
}
a:visited.regionusa {/*訪問後のリンク*/
    color:#05b89d;
    text-decoration: underline;
}
a:hover.regionusa {/*マウスをのせたとき*/
    color:#ff0080;
    font-style:normal;
    text-decoration: underline;
}
a:active.regionusa {/*クリック中*/
    text-decoration: none;
}


a.regionasia {/*リンクされた文字*/
    color:#ff0000;
    font-style:normal;
    text-decoration: underline;
}
a:link.regionasia {/*未訪問のリンク*/
    color:#ff0000;
    font-style:normal;
    text-decoration: underline;
}
a:visited.regionasia {/*訪問後のリンク*/
    color:#ff0000;
    text-decoration: underline;
}
a:hover.regionasia {/*マウスをのせたとき*/
    color:#ff0080;
    font-style:normal;
    text-decoration: underline;
}
a:active.regionasia {/*クリック中*/
    text-decoration: none;
}


a.regioneurope {/*リンクされた文字*/
    color:#0053a6;
    font-style:normal;
    text-decoration: underline;
}
a:link.regioneurope {/*未訪問のリンク*/
    color:#0053a6;
    font-style:normal;
    text-decoration: underline;
}
a:visited.regioneurope {/*訪問後のリンク*/
    color:#0053a6;
    text-decoration: underline;
}
a:hover.regioneurope {/*マウスをのせたとき*/
    color:#ff0080;
    font-style:normal;
    text-decoration: underline;
}
a:active.regioneurope {/*クリック中*/
    text-decoration: none;
}


a.regionme {/*リンクされた文字*/
    color:#990099;
    font-style:normal;
    text-decoration: underline;
}
a:link.regionme {/*未訪問のリンク*/
    color:#990099;
    font-style:normal;
    text-decoration: underline;
}
a:visited.regionme {/*訪問後のリンク*/
    color:#990099;
    text-decoration: underline;
}
a:hover.regionme {/*マウスをのせたとき*/
    color:#ff0080;
    font-style:normal;
    text-decoration: underline;
}
a:active.regionme {/*クリック中*/
    text-decoration: none;
}


a.regionoceania {/*リンクされた文字*/
    color:#e37200;
    font-style:normal;
    text-decoration: underline;
}
a:link.regionoceania {/*未訪問のリンク*/
    color:#e37200;
    font-style:normal;
    text-decoration: underline;
}
a:visited.regionoceania {/*訪問後のリンク*/
    color:#e37200;
    text-decoration: underline;
}
a:hover.regionoceania {/*マウスをのせたとき*/
    color:#ff0080;
    font-style:normal;
    text-decoration: underline;
}
a:active.regionoceania {/*クリック中*/
    text-decoration: none;
}





/* kkku */

.sqkdbx01a {
	display: inline-block;
        float: left;
        width: ;
        text-align: center;
        padding-left: 0px;
}
/* hakku de ie6-7 nomi ni tekiyou */
html*.sqkdbx01a {
	display: inline;
	zoom: 1;
}


.sqkdbx01b {
	display: inline-block;
        float: right;
        width: ;
        text-align: center;
        padding-left: 0px;
}

/* hakku de ie6-7 nomi ni tekiyou */
html*.sqkdbx01b {
	display: inline;
	zoom: 1;
}




.sqtopboxa {
	display: inline-block;
        float: left;
        width: 314px;
        height: 240px;
        text-align: center;
        padding-left: 6px;
}
/* ハックでIE6,7のみに適用 */
html*.sqtopboxa {
	display: inline;
	zoom: 1;
}


.sqtopboxb {
	display: inline-block;
        float: left;
        width: 314px;
        height: 240px;
        text-align: center;
        padding-left: 6px;
}
/* ハックでIE6,7のみに適用 */
html*.sqtopboxb {
	display: inline;
	zoom: 1;
}


.sqtopboxf {
	display: inline-block;
        float: left;
        width: 314px;
        height: 144px;
        text-align: center;
        padding-left: 6px;
}
/* ハックでIE6,7のみに適用 */
html*.sqtopboxf {
	display: inline;
	zoom: 1;
}


.sqtopboxg {
	display: inline-block;
        float: left;
        width: 314px;
        height: 132px;
        text-align: center;
        padding-left: 6px;
}
/* ハックでIE6,7のみに適用 */
html*.sqtopboxg {
	display: inline;
	zoom: 1;
}


a.greymoji01 {/*リンクされた文字*/
    color:#666666;
    font-style:normal;
    text-decoration: underline;
}
a:link.greymoji01 {/*未訪問のリンク*/
    color:#666666;
    font-style:normal;
    text-decoration: underline;
}
a:visited.greymoji01 {/*訪問後のリンク*/
    color:#666666;
    text-decoration: underline;
}
a:hover.greymoji01 {/*マウスをのせたとき*/
    color:#ff0080;
    font-style:normal;
    text-decoration: underline;
}
a:active.greymoji01 {/*クリック中*/
    text-decoration: none;
}


a.stsitemaplink01{
font-size: 100%;
        display: block;
        color: #0066FF;
        width: 98%;
        line-height: 30px;
        height: 30px;
        text-align: left;
        padding-left: 2%;
        text-decoration: none;
        border: 1px solid;
        border-color:#aaaaaa #444444 #444444 #aaaaaa;
        background:#ffffff;

	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;

}
a:hover.stsitemaplink01{
	background-color: #ffff99;
        color: #ff0000;
}
.stsitemap-waku01{
        float: left;
        width: 300px;
        height: 34px;
        padding-left: 6px;
}



a.sttoppgstlink01{
font-size: 100%;
        display: block;
        color: #0066FF;
        width: 99%;
        line-height: 30px;
        height: 26px;
        text-align: left;
        padding-left: 2%;
        text-decoration: none;
        border: 0px solid;
        background:#ffffff;

	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;

}
a:hover.sttoppgstlink01{
	background-color: #ffff99;
        color: #ff0000;
}
.sttoppgstlink-waku01{
        float: left;
        width: 96px;
        height: 28px;
        padding-left: 4px;
}



.cnmoji01 {font-family: 'SimSun','sans-serif'; }


.armoji01 {font-family: 'Tahoma';unicode-bidi: embed;direction: rtl; }


.armoji02 {font-family: 'Arial';unicode-bidi: embed;direction: rtl; }



a.ctrylink01{
font-size: 88%;
        display: block;
        color: #bb5e00;
        font-weight: bold;
        width: 98%;
        line-height: 50px;
        text-align: center;
        text-decoration: none;
        padding-left: 0px;
        background:#ffffff;

	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;

}
a:hover.ctrylink01{
	background-color: #efffce;
        color: #008000;
}




a.sttoppgstlink02{
font-size: 97%;
        display: block;
        color: #008000;
        width: 99%;
        line-height: 30px;
        height: 28px;
        text-align: left;
        padding-left: 2%;
        text-decoration: none;
        border: 0px solid;
        background:#ffffff;

	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;

}
a:hover.sttoppgstlink02{
	background-color: #e6fecd;
        color: #8000ff;
}

.sttoppgstlink-waku02{
        float: left;
        width: 300px;
        height: 30px;
        padding-left: 2px;
}



.yt01 {
    position: relative;
    max-width: 100%;
    padding-top: 56.25%;
}
.yt01 iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


p.reszim01 img { width: 98%; height: 98%; }


a.tateba01 {/*リンクされた文字*/
        color:#8931f4;
        font-style:normal;
        font-weight: bold;
        text-decoration: none;
}
a:hover.tateba01 {/*マウスをのせたとき*/
        color:#009900;
        font-style:normal;
        text-decoration: underline;
}
a:active.tateba01 {/*クリック中*/
        text-decoration: none;
}


a.tatebamore {/*リンクされた文字*/
        color:#990099;
        font-style:normal;
        font-weight: bold;
        text-decoration: none;
}
a:hover.tatebamore {/*マウスをのせたとき*/
        color:#ff0080;
        font-style:normal;
        text-decoration: underline;
}
a:active.tatebamore {/*クリック中*/
        text-decoration: none;
}


a.stexmtv01{
font-size: 96%;
        display: block;
        color: #8931f4;
        width: 100%;
        line-height: 28px;
        height: 28px;
        text-align: left;
        padding-left: 0%;
        text-decoration: none;
        border: 0px solid;
        background:#ffffff;

	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;


}
a:hover.stexmtv01{
	background-color: #ffff99;
        color: #990099;
}
.stexmtv-waku01{
        float: left;
        width: 140px;
        height: 32px;
        padding-left: 6px;
}



a.stexmtvmore {/*リンクされた文字*/
        color:#990099;
        font-style:normal;
        font-weight: bold;
        text-decoration: none;
        padding-right: 3%;
}
a:hover.stexmtvmore {/*マウスをのせたとき*/
        color:#ff0080;
        font-style:normal;
        text-decoration: underline;
}
a:active.stexmtvmore {/*クリック中*/
        text-decoration: none;
}









.imgbg01 {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 310px;	/*画像の幅*/
	height: 60px;	/*画像の高さ*/
}
.imgbg01 img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgbg01 img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.imgbg-waku01{
        float: left;
        width: 320px;
        height: 66px;
        padding-left: 4px;
}




.imgbg02 {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 310px;	/*画像の幅*/
	height: 100px;	/*画像の高さ*/
}
.imgbg02 img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgbg02 img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.imgbg-waku02{
        float: left;
        width: 320px;
        height: 120px;
        padding-left: 4px;
}



p.resizeimage01 img { width: 98%; height: 98%; }


/* トップページ画像01の可変サイズ */

.squidtv-top-image01 {
    display: block;      /* 画像をブロック要素にして改行＋中央寄せ用 */
    width: 100%;          /* 親要素に対して常に98%の横幅 */
    height: auto;        /* 縦横比を保ったまま拡大縮小 */
    max-width: 100%;     /* はみ出し防止（親より大きくならない） */
    margin: 0 auto;      /* 左右中央寄せ */
}



/* 透明 重なり阻止対策 ここから 2026-03-04 */


@media (min-width: 900px){

  /* PC表示で、レイヤー順を明示 */
  #hpb-main{
    position: relative;
    z-index: 100;
  }

  #hpb-aside{
    position: relative;
    z-index: 200;
    overflow: hidden;
  }

  /* クリック対象だけ少し前へ（公開専用なのでHPB破壊は気にしない） */
  #hpb-main a,
  #hpb-main button,
  #hpb-main input,
  #hpb-main select,
  #hpb-main textarea{
    position: relative;
    z-index: 101;
  }

  #hpb-aside a,
  #hpb-aside button,
  #hpb-aside input,
  #hpb-aside select,
  #hpb-aside textarea,
  #hpb-aside iframe{
    position: relative;
    z-index: 201;
  }

}




/* 透明 重なり阻止対策 ここまで 2026-03-04 */





/* 透明 重なり阻止対策 スマホ版 ここから */

@media (max-width: 899px){

  /* スマホ表示で本文エリアを前面に出す */
  #hpb-main{
    position: relative;
    z-index: 100;
  }

  /* サイド・メニュー系が本文をふさがないようにする */
  #hpb-aside{
    position: relative;
    z-index: 50;
    overflow: hidden;
  }

  /* 本文内のクリック対象をさらに前へ */
  #hpb-main a,
  #hpb-main button,
  #hpb-main input,
  #hpb-main select,
  #hpb-main textarea{
    position: relative;
    z-index: 101;
  }

  /* サイド側のクリック対象も必要最低限前へ */
  #hpb-aside a,
  #hpb-aside button,
  #hpb-aside input,
  #hpb-aside select,
  #hpb-aside textarea,
  #hpb-aside iframe{
    position: relative;
    z-index: 51;
  }

}

/* 透明 重なり阻止対策 スマホ版 ここまで */






/* スマホ横揺れ防止対策 ここから */

@media (max-width: 899px){

  html,
  body{
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  ins.adsbygoogle,
  .adsbygoogle{
    max-width: 100% !important;
    overflow: hidden !important;
  }

  iframe{
    max-width: 100% !important;
  }

  img{
    max-width: 100%;
    height: auto;
  }

}

/* スマホ横揺れ防止対策 ここまで */