@charset "utf-8";

/* ******************************************************************************** */
/*  Ｋビジョン On The Web　stb2.css                                                 */
/*                                                                        20.01.27  */
/* ******************************************************************************** */

/* ================================================================================ */
/*      共通                                                                        */
/* ================================================================================ */

/* CSS読み込み
----------------------------------------------- */
@import url("../catv.css");


/* --- リスト --- */
.indent{
	text-indent: -13px;
}



/* ================================================================================ */
/*      4Kスマートチューナー                                                        */
/* ================================================================================ */

/* -------------------------------------------------------------------------------- */
/*      表紙                                                                        */
/* -------------------------------------------------------------------------------- */

.cover{ background: url(../../catv/stb2/img/cover/bcg.jpg) no-repeat center 95px; }



/* タイトル
----------------------------------------------- */
.cover h1{ margin-left: 15px; }
.cover h1 span{ display: block; }

/* --- 2行目 --- */
.cover h1 span.first-child{
	margin: 16px 0 0 16px;
}

/* --- 3行目 --- */
.cover h1 span.last-child{
	margin: 5px 0 0 331px;
	font: 0 / 0 a;
}


/* 金額
----------------------------------------------- */
.price{ margin: 232px 20px 0 20px; }
.price ul{ list-style-type: none; }

/* --- 左 --- */
.price ul li:first-child{
	float: left;
}

/* --- 右 --- */
.price ul li:last-child{
	float: right;
}
.price ul li:last-child img{
	margin-top: 36px;
}


/* -------------------------------------------------------------------------------- */
/*      便利な機能（共通）                                                          */
/* -------------------------------------------------------------------------------- */

/* 枠組み
----------------------------------------------- */
.list-box .header, .list-box .footer{
	font: 0 / 0 a;
}
.list-box .main{
	border-right: solid 1px #dedede;
	border-left: solid 1px #dedede;
}
.list-box .main ul{
	list-style-type: none;
}


/* 記事
----------------------------------------------- */
.list-box h3{
	padding-bottom: 6px;
	border-bottom: solid 3px #dddddd;
}
.list-box h3 span{
	display: block;
}


/* -------------------------------------------------------------------------------- */
/*      便利な機能（概要）                                                          */
/* -------------------------------------------------------------------------------- */

.overview h2{
	margin-top: 50px;
	text-align: center;
}


/* 枠組み
----------------------------------------------- */
.overview .list-box{
	margin: 10px auto 0 auto;
	width: 502px;
	background: url(../../catv/stb2/img/overview/bcg.gif) repeat 0 0;
}
.overview .list-box .main{
	padding: 16px 20px;
}
.overview .list-box .main ul li p{
	margin-right: 6px;
	margin-left: 6px;
}

/* --- 詳細はこちら --- */
.list-box .main .next{
	background: url(../../img/common/ico/ico_red01.gif) no-repeat 3px 4px;
	float: right;
}
.list-box .main .next a{
	margin-left: 19px;
}


/* 記事
----------------------------------------------- */
.innerMain{
	padding: 8px 10px;
	border-right: solid 1px #dedede;
	border-left: solid 1px #dedede;
	background: #ffffff;
}
.innerMain h3 span{
	margin-top: 6px;
	margin-right: 6px;
	margin-left: 6px;
}

/* --- 上部 --- */
.mainTop .controller{
	margin-top: 35px;
	margin-left: 10px;
	float: left;
}
.mainTop ul{
	width: 339px;
	float: right;
}
.mainTop ul li:first-child{
	margin-top: 0 !important;
}

/* --- 下部 --- */
.mainBottom ul li{
	width: 225px;
	float: left;
}
.mainBottom  ul li:first-child{
	margin-right: 10px !important;
}


/* -------------------------------------------------------------------------------- */
/*      メニューリンク                                                              */
/* -------------------------------------------------------------------------------- */

.menu{
	margin: 20px 15px 0 15px;
}
.menu ul{
	list-style-type: none;
}
.menu ul li{
}
.menu ul li:first-child{
	margin-top: 0 !important;
}
.menu ul li a{
	display: block;
	padding: 10px;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
}
.menu ul li a:hover{
	text-decoration: none;
}

/* --- ピンク --- */
.menu ul li.pink a{
	color: #ff1f98;
	border: solid 1px #ff77c1;
	background:  url(../../catv/stb2/img/menu/bcg_pink.gif)#ffe2f2;
}
.menu ul li.pink a:hover{
	color: #2189ff;
	border: solid 1px #60abff;
	background: url(../../catv/stb2/img/menu/bcg_pink-hover.gif) #e5f1ff;
}

/* --- 黄色 --- */
.menu ul li.yellow a{
	color: #8d8d00;
	border: solid 1px #a7a700;
	background:  url(../../catv/stb2/img/menu/bcg_yellow.gif)#ffff33;
}
.menu ul li.yellow a:hover{
	color: #4d9e00;
	border: solid 1px #6fce15;
	background: url(../../catv/stb2/img/menu/bcg_yellow-hover.gif) #a6ff4c;
}

/* --- 青 --- */
.menu ul li.blue a{
	color: #00877f;
	border: solid 1px #009f96;
	background:  url(../../catv/stb2/img/menu/bcg_blue.gif) #acf0ec;
}
.menu ul li.blue a:hover{
	color: #a730ec;
	border: solid 1px #bd60f3;
	background: url(../../catv/stb2/img/menu/bcg_blue-hover.gif) #eed1ff;
}


/* -------------------------------------------------------------------------------- */
/*      リンク                                                                      */
/* -------------------------------------------------------------------------------- */

.link{
	margin-top: 25px;
	text-align: center;
}
.link p{ margin-top: 0; }


/* -------------------------------------------------------------------------------- */
/*      便利な機能（詳細）                                                          */
/* -------------------------------------------------------------------------------- */

.details h1{
	text-align: center;
}

/* 枠組み
----------------------------------------------- */
.details .list-box{
	position: relative;
	margin: 13px auto 0 auto;
	width: 500px;
}
.details .list-box .sticker{
	position: absolute;
	top: 0;
}


/* 記事
----------------------------------------------- */
.details .main{
	padding: 20px 15px 5px 15px;
	min-height: 220px;
}
.details .main h3{
	padding-right: 12px;
	padding-left: 12px;
}
.details .main .text{
	margin-top: 20px;
}
.details .main p{
	margin-top: 20px;
	line-height: 1.7;
}

/* --- type01 --- */
.details .type01 .sticker{ right: 0; }
.details .type01 .text{ margin-right: 210px; margin-left: 20px; }


/* --- type02 --- */
.details .type02 .main h3{ text-align: right; }
.details .type02 .sticker{ left: 0; }
.details .type02 .main .text{ margin-right: 20px; margin-left: 210px; }

/* --- 個別設定 --- */
#box01{ background: url(../../catv/stb2/img/details/bcg01.jpg) no-repeat bottom right; }
#box02{ background: url(../../catv/stb2/img/details/bcg02.jpg) no-repeat bottom left; }
#box03{ background: url(../../catv/stb2/img/details/bcg03.jpg) no-repeat bottom right; }
#box04{ background: url(../../catv/stb2/img/details/bcg04.jpg) no-repeat bottom left; }
#box05{ background: url(../../catv/stb2/img/details/bcg05.jpg) no-repeat 200px 69px; }

/* --- 追加情報 --- */
#box05 .aside{
	margin-bottom: 2px;
	padding: 5px 10px 10px 10px;
	border: solid 1px #dedede;
}
#box05 .aside ul li{
	margin-top: 5px;
	line-height: 1.5;
}


/* -------------------------------------------------------------------------------- */
/*      CM                                                                          */
/* -------------------------------------------------------------------------------- */

/* --- 枠組み --- */
#cm{
	position: relative;
	margin: 50px auto 0 auto;
	width: 500px;
}
#cm .main{
	padding-top: 35px;
	background: url(../../catv/stb2/img/cm/bcg.gif) repeat 0 0;
}
#cm .main ul{
	margin: 0 auto;
	width: 468px;
	list-style-type: none;
}
#cm .main ul li{
	float: left;
}
#cm .main ul li:first-child{
	margin-right: 16px !important;
}
#cm .footer{
	margin-top: 16px;
	font: 0 / 0 a;

}

/* --- タイトル --- */
#cm h4{
	top: 16px;
	right: 16px;
	position:absolute;
}

#cm h5{
	padding: 6px;
	background: #000000;
}
#cm h6{
	margin-top: 10px;
	text-align: center;
}

/* --- 動画 --- */
#cm .movie{
	width: 214px;
	background: #ffffff;
	border: solid 6px #1b1e1d;
}
#cm .movie .frame{ height: 150px; }
#cm .movie .frame iframe{ width: 214px; }


/* -------------------------------------------------------------------------------- */
/*      主な仕様                                                                    */
/* -------------------------------------------------------------------------------- */

#specification{ margin-top: 60px; }


/* リスト
----------------------------------------------- */
#specification .indent li{
	margin-top: 0 !important;
}
#specification .disc{
	margin-left: 16px !important;
}


/* テーブル
----------------------------------------------- */
#specification table{
	border-collapse: collapse;
}
#specification table thead th{
	color: #ffffff;
	font-size: 18px;
	background: #1090cc;
}
#specification table tbody th{
	color: #ffffff;
	background: #51bbed;
	border-bottom: solid 1px #ffffff;
}
#specification table tbody th.last-child{
	border-bottom: solid 1px #cccccc;
}
#specification table tbody td{
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}


/* 追加情報
----------------------------------------------- */
#specification .aside{
	margin: 10px 20px;
}
#specification .aside ul{
	font-size: 11px;
}


/* -------------------------------------------------------------------------------- */
/*      前に戻る                                                                    */
/* -------------------------------------------------------------------------------- */

.backlink{ margin-top: 30px !important; }