@charset "shift_jis";
	/* =========================================================================================================================
ファミリー劇場
package.css
===========================================================================================================================*/

/* =======================================

ファミリー劇場
base/base.css

=========================================*/

body {
	background: url(../../img/bg.png) repeat-x;
	text-align: center;
}
li p img {
	}
h2 {
	margin: 0 20px;
	padding: 14px 0 0 24px;
	height: 55px;
}
h3 {
	margin: 0 20px;
	height: 26px;
}
h4 {
	text-indent: -9999px;
	/* \*/
	overflow: hidden;
	/* */
	height: 26px;
}
h4.program1 {
	background: url(../../img/content/h4-1-1.png) no-repeat;
}
h4.program2 {
	background: url(../../img/content/h4-1-2.png) no-repeat;
}
h4.program3 {
	background: url(../../img/content/h4-1-3.png) no-repeat;
}
h4.program4 {
	background: url(../../img/content/h4-1-4.png) no-repeat;
}
h4.program5 {
	background: url(../../img/content/h4-1-5.png) no-repeat;
}
h5 {
	margin: 10px 0;
	padding-left: 10px;
	padding-bottom: 5px;
	background: url(../../img/content/h5.png) repeat-x 0 bottom;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	border-left: #69c 3px solid;
}
h6 {
	}
#container {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
#key,
 #footer {
	width: 100%;
}
#container #content {
	margin: 0 auto;
	width: 960px;
}
#header,
 #topic-path,
 #module,
 #footer #content {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

.clearbox {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	background: none;
	line-height: 0;
}
*html .clearbox {
	margin-top: -10px;
}

.program1 table {
	border: 0;
}

table.fami {
	border-collapse: collapse;
	border-spacing: 0;
}

table.fami th {
	color: #369;
	background: url(../../img/content/th.png) repeat-x #bfddf2;
	height: 38px;
	text-align: center;
	border: 1px #a4d1e2 solid;
}

table.fami tr {
	height: 22px;
}

table.fami td {
	padding: 0 2px;
	border: 1px #a4d1e2 solid;
}

table.fami .no-border,
table.fami .no-border tr,
table.fami .no-border td,
table.fami .no-border th {
	border-collapse: collapse;
	border: 0px #FFF none;
	border-spacing: 0;
}

/* =======================================

ファミリー劇場
base/header.css
=========================================*/

/*
h1
*/

#header {}
#header:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#header h1 {
	float: left;
	display: inline;
	width: 254px;
	text-indent: -9999px;
	/* \*/
	overflow: hidden;
	/* */
}
#header h1 a {
	display: block;
	height: 90px;
	background: url(../../img/logo.png) no-repeat;
}
#header h1 a:hover {
	display: block;
	height: 90px;
	background: url(../../img/logo.png) no-repeat 0 -90px;
}

/*

.search-btn
.search-box

*/

#header p {
	float: right;
	display: inline;
	margin-top: 14px;
	text-indent: -9999px;
	/* \*/
	overflow: hidden;
	/* */
}
#header p.search-btn {
	display: block;
	width: 61px;
	height: 33px;
	text-indent: 0;
}
#header p.search-box {
	width: 214px;
	text-indent: 0;
	border: none;
	position: relative;
	margin: 12px 3px 0 3px;
	background: url(../../img/header/search-box.png) no-repeat 0 2px;
}
#styling {
	width: 214px;
	background: url(../../img/header/search-box.png) no-repeat;
	padding: 8px 10px;
	display: block;
	border: none;
}
#styling input {
	margin-top: 4px;
	border: none;
}

#header #navi ul {
	display: none;
	z-index: 2000 !important;
}

/*
.s-navi
*/

ul.s-navi {
	float: right;
	display: inline;
	margin-top: 23px;
	padding-right:10px;
}
ul.s-navi li {
	float: left;
	display: inline;
	padding-left: 14px;
	background: url(../../img/header/s-navi-list.png) no-repeat 6px 2px;
}

ul.s-navi li.li1 {
	background: none;
}
#footer ul.s-navi li.li2{
	background: none;
}

ul.s-navi li a {
	display: block;
	height: 14px;
	line-height: 0;
	text-indent: -9999px;
	/* \*/
	overflow: hidden;
	/* */
}

ul.s-navi li.li1 a {
	width: 107px;
	background: url(../../img/header/s-navi_whats.png) no-repeat;
}

ul.s-navi li.li2 a {
	width: 65px;
	background: url(../../img/header/s-navi_howto.png) no-repeat;
}
ul.s-navi li.li3 a {
	width: 150px;
	background: url(../../img/header/s-navi_twitter.png) no-repeat;
}

ul.s-navi li a:hover {
	background-position: 0 -14px;
}

/*
.howto_ico

*/

ul.howto_ico {
	float: right;
	display: inline;
	margin-top: 19px;
}
ul.howto_ico li {
	float: left;
	display: inline;
	padding-left: 7px;
	/*background:url(../../img/header/s-navi-list.png) no-repeat 6px 2px;
	*/
}

ul.howto_ico li.li1 {
	background: none;
}

ul.howto_ico li a {
	display: block;
	height: 21px;
	width: 21px;
	line-height: 0;
	text-indent: -9999px;
	/* \*/
	overflow: hidden;
	/* */
}

ul.howto_ico li.li1 a {
	background: url(../../img/header/howto01.png) no-repeat;
}

ul.howto_ico li.li2 a {
	background: url(../../img/header/howto02.png) no-repeat;
}

ul.howto_ico li.li3 a {
	background: url(../../img/header/howto03.png) no-repeat;
}

ul.howto_ico li.li4 a {
	background: url(../../img/header/howto04.png) no-repeat;
}

/*

#navi

*/


#header ul#navi {
	clear: right;
}

#header ul#navi li {
	float: left;
	display: inline;
}

#header ul#navi li a {
	height: 43px;
	width: 133px;
	display: block;
	/*text-indent: -9999px;*/
	/* \*/
	overflow: hidden;
	/* */
	background: url(../../img/header/navi.png) no-repeat;
}

#header ul#navi li.li5 li a{text-indent: 0px;
}

#header ul#navi li.li1 a {
	width: 49px;
	background-position: 0 0;
}
#header ul#navi li.li1 a:hover {
	width: 49px;
	background-position: 0 -43px;
}

#header ul#navi li.li2 a {
	height: 39px;
	background-position: -49px 0;
}
#header ul#navi li.li2 a:hover {
	height: 39px;
	background-position: -49px -43px;
}
#header ul#navi li.li3 a {
	height: 39px;
	background-position: -182px 0;
}
#header ul#navi li.li3 a:hover {
	height: 39px;
	background-position: -182px -43px;
}
#header ul#navi li.li4 a {
	height: 39px;
	background-position: -315px 0;
}
#header ul#navi li.li4 a:hover {
	height: 39px;
	background-position: -315px -43px;
}
#header ul#navi li.li5 a {
	background-position: -448px 0;
	height: 39px;
}
#header ul#navi li.li5 a:hover {
	background-position: -448px -43px;
	height: 39px;
}
#header ul#navi li.li6 a {
	width: 139px;
	height: 39px;
	background-position: -581px 0;
}
#header ul#navi li.li6 a:hover {
	width: 139px;
	height: 39px;
	background-position: -581px -43px;
}


/*

#topic-path

________________*/

#topic-path ul li {
	float: left;
	display: inline;
	font-size: 0.83em;
}
#topic-path ul li {
	float: left;
	display: inline;
	padding: 0 0 0 20px;
	line-height: 20px;
	background: url( ../../img/header/topic-path.png) no-repeat 8px 7px;
}
#topic-path ul li.li1 {
	float: left;
	display: inline;
	padding: 0 0 0 20px;
	line-height: 20px;
	background: none;
}

/* =======================================

ファミリー劇場
base/footer.css

=========================================*/

#footer {
	clear: both;
	width: 100%;
	margin-top: 10px;
	height: 170px;
	background: url(../../img/footer/bg.png) repeat-x #FFF;
	text-align: center;
}
#footer #privacy-policy {
	float: right;
	margin: 15px 0 46px 0;
}

/*

.s-navi
__________*/

#footer ul.s-navi {
	float: right;
	margin-right:50px;
	padding-right:0;
}
#footer ul.s-navi li {
	float: left;
	display: block;
	margin-top: 20px;
}
#footer ul.s-navi li.li1 a {
	width: 87px;
	background: url(../../img/footer/s-navi_monitor.png) no-repeat;
}
#footer ul.s-navi li.li2 a {
	width: 46px;
	background: url(../../img/footer/s-navi_company.png) no-repeat;
}
#footer ul.s-navi li.li3 a {
	width: 65px;
	background: url(../../img/footer/s-navi_sitemap.png) no-repeat;
}
#footer ul.s-navi li.li4 a {
	width: 32px;
	background: url(../../img/footer/s-navi_link.png) no-repeat;
}

#footer ul.s-navi li.li5 a {
	width: 103px;
	background: url(../../img/footer/s-navi_privacypolicy.png) no-repeat;
}
#footer ul.s-navi li.li6 a {
	width: 67px;
	background: url(../../img/footer/s-navi_aboutad.png) no-repeat;
}
#footer ul.s-navi li.li7 a {
	width: 120px;
	background: url(../../img/footer/s-navi_opinion.png) no-repeat;
}

/* 20130306追記 議事録pdfへのリンク */

#footer ul.s-navi li.li8 a {
	width: 92px;
	background: url(../../img/footer/s-navi_proceedings.png) no-repeat;
}

#footer ul.s-navi li a:hover {
	background-position: 0 -14px;
}

/*

caps
__________*/

#copyright {
	padding-top: 10px;
	width: 980px;
	text-align: center;
	margin: 0 auto;
	clear: both;
	color: #999;
	font-size: 0.833em;
}

#copyright small,
#copyright p {
	font-size: 0.3em;
}
#footer address {
	clear: both;
	text-align: center;
	display: block;
}

/* =========================================================================================================================

ファミリー劇場
layout/layout1.css

===========================================================================================================================*/

/*

.layout1 Structure

============================================================================================*/

.layout1 h2 {
	background: url(../../img/content/h2-1.png) no-repeat;
}

.layout1 h3 {
	background: url(../../img/content/h3-1.png) no-repeat;
}

.layout1 #content #main {
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

.layout1 #content {
	clear: both;
	width: 960px;
	background: url(../../img/content/column1-sub-bg.png) repeat-y;
}

.layout1 #content div.bnr {
	background: none;
}

.layout1 #content div:after,
.layout1 #content div ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.layout1 #content div ul li p.img {
	float: left;
	display: inline;
	clear: none;
	margin: 7px 0 7px 7px;
}

.layout1 #content div ul li dd p.img {
	float: none;
	display: inline;
	clear: none;
	margin: 0;
}

.layout1 #content div ul li ul {
	margin: 0;
	width: auto;
}

.layout1 #content div ul li h4,
.layout1 #content div ul li dl {
	float: left;
	display: block;
	clear: none;
	margin: 7px 0 0 7px;
}

.layout1 #content div ul li.top {
	background: none;
}

.layout1 #content div ul li dl dd {
	float: left;
}

.layout1 #content div ul li dl dd a img {
	line-height: 30px;
}

.layout1 #content div ul li dl dd a {
	display: block;
	height: 30px;
}

.layout1 #content div ul li dl dd.right {
	float: right;
	line-height: 18px;
}

/*

.layout1 Decoration

============================================================================================*/


/*

caps

__________*/

.layout1 #content div.white-top {
	display: block;
	width: 960px;
	height: 20px;
	margin: 0;
	background: url(../../img/content/column1-white-top.png) no-repeat;
}

.layout1 #content div.blue-top {
	background: url(../../img/content/column1-blue-top.png) no-repeat;
}

.layout1 #content div.bottom {
	display: block;
	width: 960px;
	height: 20px;
	margin: 0;
	background: url(../../img/content/column1-sub-bottom.png) no-repeat;
}

/*

decoration rect
_______________*/

.layout1 #content div.main-top {
	display: block;
	width: 960px;
	height: 20px;
	margin: 0;
	background: url(../../img/content/column1-mian-top.png) no-repeat;
}

.layout1 #content div.main-bottom {
	display: block;
	width: 960px;
	height: 20px;
	margin: 0;
	background: url(../../img/content/column1-mian-bottom.png) no-repeat;
}

.layout1 #content div.main {
	background: url(../../img/content/column1-mian-bg.png) repeat-y;
}

/*

.layout1 List

============================================================================================*/

/*
common
_________________*/


.layout1 .column1 ul,
.layout1 .column2 ul,
.layout1 .column3 ul,
.layout1 .column4 ul,
.layout1 .column5 ul,
.layout1 .column6 ul,
.layout1 .column7 ul {
	width: 920px;
	margin: 0 20px;
}

.layout1 .column1 ul li,
.layout1 .column2 ul li,
.layout1 .column3 ul li,
.layout1 .column4 ul li,
.layout1 .column5 ul li,
.layout1 .column6 ul li,
.layout1 .column7 ul li {
	background: url(../../img/content/column-l-line.png) repeat-x;
}

/*

column1

_________________*/

.layout1 .column1 li {
	width: 920px;
}

.layout1 .column1 ul li h4,
.layout1 .column1 ul li dl {
	width: 618px;
}

/*

column2
_________________*/

.layout1 .column2 li {
	width: 460px;
	float: left;
}

.layout1 .column2 ul {
	background: url(../../img/content/column1-v1-line.png) repeat-y;
}

.layout1 .column2 ul li h4,
.layout1 .column2 ul li dl {
	width: 234px;
	clear: both;
}

/*

column3
_________________*/

.layout1 .column3 li {
	width: 306px;
	float: left;
}

.layout1 .column3 ul {
	background: url(../../img/content/column1-v2-line.png) repeat-y;
}

.layout1 .column3 ul li h4,
.layout1 .column3 ul li dl {
	width: 284px;
}

/*

column4
_________________*/

.layout1 .column4 li {
	width: 230px;
	float: left;
}

.layout1 .column4 ul {
	background: url(../../img/content/column1-v3-line.png) repeat-y;
}

.layout1 .column4 ul li h4,
.layout1 .column4 ul li dl {
	width: 210px;
}

/*

column5
_________________*/

.layout1 .column5 li {
	width: 184px;
	float: left;
}

.layout1 .column5 ul {
	background: url(../../img/content/column1-v4-line.png) repeat-y;
}

.layout1 .column5 ul li dl {
	width: 163px;
}

/*

column6
_________________*/

.layout1 .column6 li {
	width: 153px;
	float: left;
}

.layout1 .column6 ul {
	background: url(../../img/content/column1-v5-line.png) repeat-y;
}

.layout1 .column6 ul li h4,
.layout1 .column6 ul li dl {
	width: 131px;
}

/*

column7
_________________*/

.layout1 .column7 li {
	width: 131px;
	float: left;
}

.layout1 .column7 ul {
	background: url(../../img/content/column1-v6-line.png) repeat-y;
}

.layout1 .column7 ul li h4,
.layout1 .column7 ul li dl {
	width: 108px;
}

/*

.bnr
_________________*/

.layout1 #content div.bnr {
	background: none;
	background: #FFF;
}

.layout1 #content .bnr ul {
	width: 860px;
	padding: 30px 0 20px 50px;
	background: url(../../img/content/dot.png) repeat-x 0 10px;
}

.layout1 #content .bnr ul li {
	background: none;
	padding: 0;
	margin: 2px;
	width: 160px;
}
/*

#main
_________________*/

.layout1 #content #main {
	width: 980px;
}

.layout1 #content #main table {
	width: 920px;
	margin: 0 20px;
}

/* =========================================================================================================================

ファミリー劇場
layout/layout1.css

===========================================================================================================================*/

/*

.layout2 Structure
#left
======================================================================================================================*/

.layout2 h2 {
	background: url(../../img/content/h2-2.png) no-repeat;
}

.layout2 h3 {
	background: url(../../img/content/h3-2.png) no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #1a44af;
}

.layout2 #left {
	float: left;
	display: inline;
	clear: both;
	width: 742px;
	background: url(../../img/content/column2-sub-bg.png) repeat-y;
}

.layout2 #left #main {
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

.layout2:after,
.layout2 #left div:after,
.layout2 #left div ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*
.layout2 #left div

________________________*/

.layout2 #left .column1 ul li p.img,
.layout2 #left .column2 ul li p.img,
.layout2 #left .column3 ul li p.img,
.layout2 #left .column4 ul li p.img,
.layout2 #left .column5 ul li p.img,
.layout2 #left .column6 ul li p.img {
	float: left;
	display: inline;
	clear: none;
	margin: 5px 0 5px 7px;
	padding: 0;
	line-height: 0;
}

.layout2 #left .column1 ul li dd p.img,
.layout2 #left .column2 ul li dd p.img,
.layout2 #left .column3 ul li dd p.img,
.layout2 #left .column4 ul li dd p.img,
.layout2 #left .column5 ul li dd p.img,
.layout2 #left .column6 ul li dd p.img {
	float: left;
	display: inline;
	clear: none;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.layout2 #left .column1 ul li h4,
.layout2 #left .column1 ul li dl,
.layout2 #left .column2 ul li h4,
.layout2 #left .column2 ul li dl,
.layout2 #left .column3 ul li h4,
.layout2 #left .column3 ul li dl,
.layout2 #left .column4 ul li h4,
.layout2 #left .column4 ul li dl,
.layout2 #left .column5 ul li h4,
.layout2 #left .column5 ul li dl,
.layout2 #left .column6 ul li h4,
.layout2 #left .column6 ul li dl {
	float: left;
	display: inline;
	clear: none;
	margin: 7px 0 0 7px;
	padding: 0;
}

.layout2 #left .column1 ul li.top,
.layout2 #left .column2 ul li.top,
.layout2 #left .column3 ul li.top,
.layout2 #left .column4 ul li.top,
.layout2 #left .column5 ul li.top,
.layout2 #left .column6 ul li.top {
	background: none;
}

.layout2 #left .column1 ul li ul.no-border li, {
	background:none;
}

/*

.layout2 #left div ul li dl dd {
	float:left;
}
.layout2 #left div ul li dl dd.right {
	float:right;
}
.layout2 #left div ul li dd span.date {
	float:right;
	display:inline;
	text-align:right;
}

*/

/*

.layout2 Decoration

============================================================================================*/

/*
caps
__________*/

.layout2 #left div.white-top {
	clear: none;
	display: block;
	width: 742px;
	height: 25px;
	background: url(../../img/content/column2-white-top.png) no-repeat;
}

.layout2 #left div.blue-top {
	clear: none;
	background: url(../../img/content/column2-blue-top.png) no-repeat;
}

.layout2 #left div.bottom {
	clear: none;
	display: block;
	width: 742px;
	height: 25px;
	margin: 0;
	background: url(../../img/content/column2-sub-bottom.png) no-repeat;
}

/*

decoration rect

_______________*/

.layout2 #left div.main-top {
	display: block;
	width: 742px;
	height: 20px;
	margin: 0;
	background: url(../../img/content/column2-mian-top.png) no-repeat;
}

.layout2 #left div.main-bottom {
	display: block;
	width: 742px;
	height: 20px;
	margin: 0;
	background: url(../../img/content/column2-mian-bottom.png) no-repeat;
}
.layout2 #left div.main {
	background: url(../../img/content/column2-mian-bg.png) repeat-y;
}

/*

.layout2 List

============================================================================================*/

/*

common

_________________*/

.layout2 .column1 ul,
.layout2 .column2 ul,
.layout2 .column3 ul,
.layout2 .column4 ul,
.layout2 .column5 ul,
.layout2 .column6 ul,
.layout2 .column7 ul {
	width: 702px;
	margin: 0 20px;
}

.layout2 .column1 ul li,
.layout2 .column2 ul li,
.layout2 .column3 ul li,
.layout2 .column4 ul li,
.layout2 .column5 ul li,
.layout2 .column6 ul li,
.layout2 .column7 ul li {
	background: url(../../img/content/column-l-line.png) repeat-x;
	padding: 0px 0;
	display: inline;
}

*html .layout2 #content div ul li {
	/*margin-bottom:-10px;
	*/
}

#main-content {
	margin: 0 6px;
}
.main-inner {
	margin: 0 15px;
}

/*
column1

_________________*/

.layout2 .column1 li {
	width: 702px;
	float: left;
}

.layout2 .column1 li p {
	clear: none;
}

.layout2 .column1 ul li h4,
.layout2 .column1 ul li dl {
	float: left;
	width: 486px;
}

/*

column2

_________________*/


.layout2 .column2 li {
	width: 351px;
	float: left;
}

.layout2 .column2 ul {
	background: url(../../img/content/column2-v1-line.png) repeat-y;
}

.layout2 .column2 ul li h4,
.layout2 .column2 ul li dl {
	float: left;
	width: 161px;
}

/*

column3
_________________*/

.layout2 .column3 li {
	width: 230px;
	float: left;
	display: inline;
}

.layout2 .column3 li img {
	margin-top: 10px;
}

.layout2 .column3 ul {
	background: url(../../img/content/column2-v2-line.png) repeat-y;
	position: relative;
	left: 12px;
}

.layout2 .column3 ul li h4,
.layout2 .column3 ul li dl {
	width: 202px;
	float: left;
}

/*

column4
_________________

.layout2 .column4 li {
	width:230px;
}

.layout2 .column4 ul {
	background:url(../../img/content/column2-v3-line.png) repeat-y;
}

.layout2 .column4 ul li h4,
.layout2 .column4 ul li dl {
	width:210px;
}

.layout2 .column4 ul li ul li {
	width:182px;
}

column5
_________________


.layout2 .column5 li {
	width:184px;
}

.layout2 .column5 ul {
	background:url(../../img/content/column2-v4-line.png) repeat-y;
}

.layout2 .column5 ul li h4,
.layout2 .column5 ul li dl {
	width:163px;
}


column6

_________________

.layout2 .column6 li {
	width:153px;
}

.layout2 .column6 ul {
	background:url(../../img/content/column2-v5-line.png) repeat-y;
}

.layout2 .column6 ul li h4,
.layout2 .column6 ul li dl {
	width:131px;
}

column7
_________________*/

.layout2 .column7 li {
	width: 131px;
}

.layout2 .column7 ul {
	background: url(../../img/content/column2-v6-line.png) repeat-y;
}

.layout2 .column7 ul li h4,
.layout2 .column7 ul li dl {
	width: 108px;
}

/*

.bnr
_________________*/

.layout2 .bnr {
	margin-top: 10px;
	padding-bottom:20px;
}

.layout2 .bnr ul {
	padding-top: 20px;
	padding-left: 10px;
	background: url(../../img/content/dot.png) repeat-x;
}

.layout2 #content .bnr ul li {
	background: none;
}

/*

.layout2
#right Structure

======================================================================================================================*/

.layout2 #right {
	float: right;
	width: 218px;
	margin-right: 0px;
	min-height: 1px;
}

.layout2 #right {
	background: url(../../img/content/layout2-topbnr-bg.png) repeat-y;
}

.layout2 #right h3 {
	margin: 12px 0 0 15px;
	width: 188px;
	background: url(../../img/content/h3-3.png) repeat-y;
}

*html .layout2 #right h3 {
	margin-bottom: -17px;
}

*+html .layout2 #right h3 {
	margin-bottom: -17px;
}

.layout2 #right #first-top {
	width: 218px;
	height: 236px;
	display: block;
	background: url(../../img/content/layout2-topbnr-top01.png) repeat-y;
}

.layout2 #right #ranking,
.layout2 #right #more {
	margin-top: -236px;
	min-height: 236px;
	height: auto !important;
	height: 236px;
}

.layout2 #right #first-bottom {
	width: 218px;
	height: 15px;
	display: block;
	position: relative;
	background: url(../../img/content/layout2-topbnr-bottom.png) repeat-y;
}

.layout2 #right ul {
	display: inline;
}

.layout2 #right:after,
.layout2 #right #ranking:after,
.layout2 #right #more:after,
.layout2 #right ul.bnr:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*

.content ul

__________*/

.layout2 #right #ranking ul li {
	display: block;
	margin: 0 14px 0 7px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 10px 0 0 40px;
	float: none;
}

.layout2 #right #more ul li {
	display: block;
	margin: 0 13px;
	min-height: 45px;
	height: auto !important;
	height: 45px;
	padding: 10px 0 0 0px;
}

.layout2 #right #more ul li img {
	float: left;
	clear: right;
	display: inline;
	margin: 0;
	width: 60px;
	height: 45px;
}

.layout2 #right #more ul li span {
	float: right;
	display: inline;
	width: 125px;
	margin: 0;
}

*html .layout2 #right #ranking ul li {
	margin-left: -10px;
}

*+html .layout2 #right #ranking ul li {
	margin-left: -10px;
}

*html .layout2 #right #more ul {
	margin-top: -20px;
}

*+html .layout2 #right #more ul {
	margin-top: -20px;
}

*html .layout2 #right #more ul li {
	margin: 0;
}

*+html .layout2 #right #more ul li {
	margin: 0;
}

*html .layout2 #right #more ul li span {
	margin-right: 10px;
}

*+html .layout2 #right #more ul li span {
	margin-right: 10px;
}

.layout2 #right #ranking ul li.li1 {
	background: url(../../img/content/ranking-1.png) no-repeat;
}

.layout2 #right #ranking ul li.li2 {
	background: url(../../img/content/ranking-2.png) no-repeat;
}

.layout2 #right #ranking ul li.li3 {
	background: url(../../img/content/ranking-3.png) no-repeat;
}

.layout2 #right #ranking ul li.li4 {
	background: url(../../img/content/ranking-4.png) no-repeat;
}

.layout2 #right #ranking ul li.li5 {
	background: url(../../img/content/ranking-5.png) no-repeat;
}
.layout2 #right #ranking ul li.li6 {
	background: url(../../img/content/ranking-6.png) no-repeat;
}
.layout2 #right #ranking ul li.li7 {
	background: url(../../img/content/ranking-7.png) no-repeat;
}

/*
bnr
__________*/

.layout2 #right ul.bnr {
	display: block;
	background: #FFF;
	margin: 0;
}

.layout2 #right .bnr2 {
	background: #FFF url(../../img/content/layout2-specialpage.png) no-repeat top;
}

.layout2 #right .bnr2 #specialTit {
	padding: 20px 0 20px 17px;
}

.layout2 #right .bnr2 ul.bnr {
	background: none;
}

.layout2 #right ul.bnr li {
	margin: 0 0 16px 0;
}
.layout2 #right ul.bnr.top_area li {
	margin: 0 0 0 0 !important;
}


/*

.layout2
body.program #left #tab

======================================================================================================================*/

/*

common
__________*/

body .layout2 #content #left ul#tab {
	width: 742px;
}

body .layout2 #content #left ul#tab li {
	float: left;
	height: 51px;
	line-height: 0;
	margin-bottom: 0;

}

body .layout2 #content #left ul#tab li a {
	display: block;
	height: 51px;
	line-height: 0;
	text-indent: -9999px;
	/* \*/
	overflow: hidden;
	/* */
}

/*

current
__________*/

body.program1 .layout2 #content #left ul#tab li {
	background: url(../../img/tab/program-tab01_on.png) no-repeat;
}

body.program1 .layout2 #content #left ul#tab li a {
	background: url(../../img/tab/program-tab01.png) no-repeat;
}

body.program2 .layout2 #content #left ul#tab li {
	background: url(../../img/tab/program-tab02_on.png) no-repeat;
}

body.program2 .layout2 #content #left ul#tab li a {
	background: url(../../img/tab/program-tab02.png) no-repeat;
}

body.program3 .layout2 #content #left ul#tab li {
	background: url(../../img/tab/program-tab03_on.png) no-repeat;
}

body.program3 .layout2 #content #left ul#tab li a {
	background: url(../../img/tab/program-tab03.png) no-repeat;
}

body.program4 .layout2 #content #left ul#tab li {
	background: url(../../img/tab/program-tab04_on.png) no-repeat;
}

body.program4 .layout2 #content #left ul#tab li a {
	background: url(../../img/tab/program-tab04.png) no-repeat;
}

body.program5 .layout2 #content #left ul#tab li {
	background: url(../../img/tab/program-tab05_on.png) no-repeat;
}

body.program5 .layout2 #content #left ul#tab li a {
	background: url(../../img/tab/program-tab05.png) no-repeat;
}

body.program6 .layout2 #content #left ul#tab li {
	background: url(../../img/tab/program-tab06_on.png) no-repeat;
}

body.program6 .layout2 #content #left ul#tab li a {
	background: url(../../img/tab/program-tab06.png) no-repeat;
}

/*

hover

*/

body .layout2 #content #left ul#tab li a:hover {
	background: none;
}

/*

width

*/

body .layout2 #content #left ul#tab li.li1,
body .layout2 #content #left ul#tab li.li1 a {
	width: 105px;
}

body .layout2 #content #left ul#tab li.li2,
body .layout2 #content #left ul#tab li.li2 a {
	width: 99px;
}

body .layout2 #content #left ul#tab li.li3,
body .layout2 #content #left ul#tab li.li3 a {
	width: 129px;
}

body .layout2 #content #left ul#tab li.li4,
body .layout2 #content #left ul#tab li.li4 a {
	width: 172px;
}

body .layout2 #content #left ul#tab li.li5,
body .layout2 #content #left ul#tab li.li5 a {
	width: 139px;
}

body .layout2 #content #left ul#tab li.li6,
body .layout2 #content #left ul#tab li.li6 a {
	width: 98px;
}

/*
background-position
*/


body .layout2 #content #left ul#tab li.li1,
 body .layout2 #content #left ul#tab li.li1 a {
	background-position: 0px 0px;
}

body .layout2 #content #left ul#tab li.li2,
 body .layout2 #content #left ul#tab li.li2 a {
	background-position: -105px 0px;
}

body .layout2 #content #left ul#tab li.li3,
 body .layout2 #content #left ul#tab li.li3 a {
	background-position: -204px 0px;
}

body .layout2 #content #left ul#tab li.li4,
 body .layout2 #content #left ul#tab li.li4 a {
	background-position: -333px 0px;
}

body .layout2 #content #left ul#tab li.li5,
 body .layout2 #content #left ul#tab li.li5 a {
	background-position: -505px 0px;
}

body .layout2 #content #left ul#tab li.li6,
 body .layout2 #content #left ul#tab li.li6 a {
	background-position: -644px 0px;
}

/* =======================================
ファミリー劇場
base/text.css
=========================================*/

body {
	font-size: 12px;
	color: #666;
	line-height: 1.333em;
}

a {
	color: #39C;
	text-decoration: underline;
}

a:hover {
	color: #3CF;
}

.btn {}

h2 {
	font-size: 1.333em;
	color: #369;
	font-weight: bolder;
}

h4 {}

h5 {
	color: #369;
	font-size: 1.083em;
}

h6 {}
dt {
	font-size: 1.166em;
}

/*
dt a
____________*/

dt {
	background: url(../../img/content/h5-a_on.png) no-repeat;
}

dt a {
	display: block;
	padding: 0 0 0 22px;
	min-height: 18px;
	font-weight: bolder;
	background: url(../../img/content/h5-a.png) no-repeat;
}

dt a:hover {
	background: none;
}

dt p {
	display: block;
	padding: 0 0 0 22px;
	min-height: 18px;
	background: url(../../img/content/dt.png) no-repeat;
}

/*

dt a [small]
____________*/

#content .column6 ul li dl dt,
 #content .column7 ul li dl dt {
	background: url(../../img/content/list-a_on.png) no-repeat -8px 3px;
}
#content .column6 ul li dl dt a,
 #content .column7 ul li dl dt a {
	font-size: 0.833em;
	padding: 0 0 0 16px;
	background: url(../../img/content/list-a.png) no-repeat -8px 3px;
}
#content .column6 ul li dl dt a:hover,
 #content .column7 ul li dl dt a:hover {
	background: none;
}

/*
span
____________*/

span.date {
	float: right;
	display: inline;
	margin-right: 3px;
	text-align: right;
	color: #999;
	font-size: 0.833em;
}

/*
list
____________*/

/*
.list{
	padding:0 0 0 28px;
	background:url(../../img/content/list.png) no-repeat 0px 3px;
}

.link-list{
	padding:0 0 0 28px;
	background:url(../../img/content/list-a_on.png) no-repeat 0px 3px;
}

.link-list a{
	padding:0 0 0 28px;
	background:url(../../img/content/list-a.png) no-repeat 0px 3px;
	margin:0 0 0 -28px;
}

.link-list a:hover{
	background:none;
}

.link-list.new a{
	background:url(../../img/content/list-new_1.png) no-repeat 0px 3px;
}

.link-list.new a:hover{
	background:url(../../img/content/list-new_1.png) no-repeat 0px 3px;
}

.link-list dd.dotline{
	background:url(../../img/content/dot.png) repeat-x 0 3px;
	height:7px;
	width:100%;
}
*/

.list dd,
.list li,
.link-list li p,
.link-list dd p {
	float: left;
	display: block;
	clear: both;
	width: 100%;
	background: url(../../img/content/list.png) no-repeat 0px 3px;
	padding-left: 28px;
}

.list dd p,
.list li p {
	padding: 0 0 0 28px;
}

.list dd.dotline,
.list li.dotline {
	background: url(../../img/content/dot.png) repeat-x 0 3px;
	height: 7px;
}

.link-list dd,
.link-list li {
	float: left;
	display: block;
	clear: both;
	width: 100%;
	background: url(../../img/content/list-a_on.png) no-repeat 0px 3px;
}

.link-list dd a,
.link-list li a {
	display: block;
	padding: 0 0 0 28px;
	background: url(../../img/content/list-a.png) no-repeat 0px 3px;
}

.link-list dd a:hover,
.link-list li a:hover {
	background: none;
}

.link-list dd.new a,
.link-list li.new a {
	background: url(../../img/content/list-new_1.png) no-repeat 0px 3px;
}

.link-list dd.new a:hover,
.link-list li.new a:hover {
	background: url(../../img/content/list-new_1.png) no-repeat 0px 3px;
}

.link-list dd.dotline,
.link-list li.dotline {
	background: url(../../img/content/dot.png) repeat-x 0 3px;
	height: 7px;
}

.s-list li {
	padding: 0 0 0 28px;
	background: url(../../img/content/s-list.png) no-repeat 0 2px;
}

.link-list.down dd,
.link-list.down li {
	background: url(../../img/content/list-down-a_on.png) no-repeat 0px 3px;
}

.link-list.down a {
	background: url(../../img/content/list-down-a.png) no-repeat 0px 3px;
}

.list2 dd,
.list2 li {
	float: left;
	display: block;
	padding: 0 0 0 28px;
	background: url(../../img/content/list.png) no-repeat 0px 3px;
}

.list2 dd.dotline,
.list2 li.dotline {
	background: url(../../img/content/dot.png) repeat-x 0 3px;
	height: 7px;
}

.link-list2 dd,
.link-list2 li {
	float: left;
	display: block;
	background: url(../../img/content/list-a_on.png) no-repeat 0px 3px;
}

.link-list2 dd a,
.link-list2 li a {
	display: block;
	padding: 0 0 0 28px;
	background: url(../../img/content/list-a.png) no-repeat 0px 3px;
}

.link-list2 dd a:hover,
.link-list2 li a:hover {
	background: none;
}

.link-list2 dd.new a,
.link-list2 li.new a {
	background: url(../../img/content/list-new_1.png) no-repeat 0px 3px;
}

.link-list2 dd.new a:hover,
.link-list2 li.new a:hover {
	background: url(../../img/content/list-new_1.png) no-repeat 0px 3px;
}

.link-list2 dd.dotline,
.link-list2 li.dotline {
	background: url(../../img/content/dot.png) repeat-x 0 3px;
	height: 7px;
}

.s-list2 li {
	padding: 0 0 0 28px;
	background: url(../../img/content/s-list.png) no-repeat 0 2px;
}

.link-list2.down dd,
.link-list2.down li {
	background: url(../../img/content/list-down-a_on.png) no-repeat 0px 3px;
}

.link-list2.down a {
	background: url(../../img/content/list-down-a.png) no-repeat 0px 3px;
}

/* TOP special　new表示 */

.top dl dt.new {
	background: none;
}

.top dl dt.new a {
	background: url(../../img/content/list-new_1.png) no-repeat left center;
	padding-left: 25px;
}

/*
table color
________*/


table .white {
	background: #FFF;
}
table .gray {
	color: #369;
	background: #f5f5f5;
}
table .red,
 table .category1 {
	background: #ffe8ec;
}
table .yellow,
 table .category2 {
	background: #fff2d9;
}
table .green,
 table .category3 {
	background: #f0ffdb;
}

table .blue,
 table .category4 {
	background: #edfcff;
}

table .purple,
 table .category5 {
	background: #f5edff;
}

/* =======================================

ファミリー劇場
base/parts.css

=========================================*/

.dotline {
	background: url(../../img/content/dot.png) repeat-x 0;
	height: 7px;
	width: 100%;
}

.page-top {
	clear: both;
	float: right;
	display: inline;
	width: 89px;
	height: 18px;
	text-indent: -9999px;
	/* \*/
	overflow: hidden;
	/* */
	background: url(../../img/content/btn-pagetop_on.png) no-repeat;
}

/*
.page-top
_______*/

.page-top {
	margin: 10px 20px;
}

.timetable .page-top {
	margin: 10px 40px;
}

.page-top a {
	width: 89px;
	height: 18px;
	display: block;
	background: url(../../img/content/btn-pagetop.png) no-repeat;
}

.page-top a:hover {
	width: 89px;
	height: 18px;
	display: block;
	background: none;
}

/*
.request-btn
_______*/

.request-btn a {
	display: block;
	width: 205px;
	height: 36px;
	clear: both;
	text-indent: -9999px;
	/* \*/
	overflow: hidden;
	/* */
	background: url(../../img/content/btn-request.png) no-repeat;
}

.request-btn a:hover {
	background-position: 0 -36px;
}

/*
.ichioshi-btn
_______*/

.ichioshi-btn a {
	width: 116px;
	height: 42px;
	display: block;
	clear: none;
	text-indent: -9999px;
	/* \*/
	overflow: hidden;
	/* */
	background: url(../../img/content/btn-ichioshi.png) no-repeat;
}

.ichioshi-btn a:hover {
	background-position: 0 -42px;
}

#program .ichioshi-btn {
	float: right;
	display: inline;
	margin: -60px 25px 0 0;
}

.ex-broadcast {
	margin-top: 10px;
	text-indent: -9999px;
	/* \*/
	overflow: hidden;
	/* */
	background: url(../../img/content/ex-broadcast.png) no-repeat;
}

.ex-broadcast a {
	display: block;
	width: 135px;
	height: 28px;
}

/*
.scroll
____________*/

a.jScrollArrowUp {
	background: url(../../img/module/basic_arrow_up.gif) repeat-x 0 1px;
}

a.jScrollArrowUp:hover {
	background-position: 0 -19px;
}

a.jScrollArrowDown {
	background: url(../../img/module/basic_arrow_down.gif) repeat-x 0 -2px;
}

a.jScrollArrowDown:hover {
	background-position: 0 -22px;
}

a.jScrollActiveArrowButton,
a.jScrollActiveArrowButton:hover {
	background-position: 0 -39px;
}

.scroll {
	width: 660px;
	height: 80px;
	overflow: auto;
	float: left;
	display: inline;
}

.jScrollPaneContainer {
	margin: 5px 0;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../../img/module/basic_arrow_bg.gif)
}

.jScrollPaneDrag {
	position: absolute;
	background: url(../../img/module/scrollpane-drag.gif);
	cursor: pointer;
	overflow: hidden;
}

a.jScrollArrowUp,
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 17px;
}

/*
#push
____________*/

#push {
	width: 700px;
	margin: 0 auto;
	margin-bottom: 8px;
}

#push .img {
	float: left;
}

#push .left {
	float: right;
	width: 493px;
}

#push h4 {
	text-indent: 0;
	overflow: visible;
	font-weight: bold;
	background: url(../../img/content/h4-1.png) repeat-x;
	padding: 5px 5px 0px 7px;
	margin-top: 7px;
}

#push dt {
	background: url(../../img/content/dot.png) repeat-x bottom;
	padding-bottom: 7px;
}

#push dt a:hover {
	background: url(../../img/content/h5-a_on.png) no-repeat;
}

#push dd {
	clear: both;
}

#push dd a img {
	float: right;
}

/*
#push_present
____________*/

#push_present {
	width: 560px;
	margin: 0 auto;
}

#push_present .img {
	float: left;
}

#push_present .left {
	float: right;
	width: 350px;
	margin-left: 5px;
}

#push_present h4 {
	text-indent: 0;
	overflow: visible;
	font-weight: bold;
	background: url(../../img/content/h4-1.png) repeat-x;
	padding: 5px 5px 0px 7px;
	margin-top: 7px;
}

#push_present dt {
	background: url(../../img/content/dot.png) repeat-x bottom;
	padding-bottom: 7px;
}

#push_present dt a:hover {
	background: url(../../img/content/h5-a_on.png) no-repeat;
}

#push_present dd {
	clear: both;
}

#push_present dd a img {
	float: right;
}

/*
#floating-bnr
____________*/

#floating-bnr {
	display: none;
	z-index:9999;
	overflow:hidden;
	zoom:0;
}
#floating-bnr-content {
	width: 980px;
	height: 160px;
	margin: 0 auto;
	position: relative;
}
/*#floating-bnr-content a{
	display:block;
	width: 980px;
	height: 150px;
}*/
#floating-bnr-close {
	width: 43px;
	height:43px;
	position: absolute;
	top: 10px;
	right: 0;
	cursor:pointer;
	background:url(../../img/floating_bnr/close.png) no-repeat;
	z-index:10000;
}
#floating_howto{
	background:url(../../img/floating_bnr/howto.png) no-repeat bottom left;
	width:233px;
	height:160px;
	float:right;
	position:relative;
}
#floating_howto a{
	display:block;
	width:203px;
	height:81px;
	position:absolute;
	top:69px;
	left:10px;
}
#floating_howto a:hover{
	background:url(../../img/floating_bnr/howto_over.png) no-repeat;
}
#floating-bnr-inner{
	width:747px;
	float:left;
	margin:0;
}
#floating-bnr-inner a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*
body.responsive
____________*/

body.responsive #topic-path{
	overflow: hidden;
	*zoom: 1;
}
body.responsive #footer {
	margin-top: 0;
}



/*
DropDown
*/

#header ul#navi{
	position: relative;
}

#header ul#navi .navi-menu{
	text-indent: -9999px;
}

#header ul#navi .navi-list{
	position: absolute;
	top: 54px;
	left: 388px;
	z-index: 1000;
}

#header ul#navi ul.navi-list a{
	background-image: none;
}

#header ul#navi li.navi-arrow{
	position: absolute;
	top: -15px;
	left: 0px;
}

#header ul#navi .navi-list ul{
	width: 648px;
	position: absolute;
	margin-left: -130px;
	background: rgba(51,153,204,0.95);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 30px 30px 20px 30px;
}

#header ul#navi .navi-list li{
	font-size: 14px;
	text-align: left;
	margin-bottom: 10px;
	width: 200px;
	height: 20px;
}

#header ul#navi .navi-list li a{
	display: block;
	width: 200px;
	height: 20px;
	color: #fff;
	background: url(../../img/header/arrow.png) no-repeat left top !important;
	padding-left: 20px;
}
#header ul#navi .navi-list li a:hover{
	width: 200px;
	height: 20px;
	text-decoration: none;
}

#header ul#navi .navi-list .navi-list-ttl{
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	width: 628px;
	display: inline-block;
	padding-bottom: 10px;
}

#header ul#navi .navi-list .navi-list-ttl span{
	font-size: 15px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 15px;
	display: block !important;
}

#header ul#navi .navi-list .navi-program-ttl{
	padding-bottom: 30px;
}

#header ul#navi .navi-special li{
	 width: 160px;
	 height: 30px;
	 margin: 0 50px 15px 0;
}

#header ul#navi .navi-special li a{
	 width: 160px;
	 height: 30px;
}
#header ul#navi .navi-special li a:hover{
	width: 160px;
	height: 30px;
}


/*
グロナビのタイトルが3行だった場合
_________________________________*/

#header ul#navi .navi-special li.li7, #header ul#navi .navi-special li.li8, #header ul#navi .navi-special li.li9{
	display:block;
	height: 60px;
}

#header ul#navi .navi-special li.li7 a, #header ul#navi .navi-special li.li8 a, #header ul#navi .navi-special li.li9 a{
	display:block;
	height: 60px;
}

#header ul#navi .navi-list .list-txt{
	font-size: 10px;
	color: #fff;
	width: 648px;
}


/*
フィリックスの視聴方法バナー
_________________________________*/

#howto_bnr a{
	display: block;
	width: 218px;
	height: 86px;
	overflow: hidden;
	background: url(../../img/content/layout2-topbnr-1.png);
}

#howto_bnr a:hover{
	background-position: 0 -86px;

}

.old_head{
	background-color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0 10px;
}
.old_head a{
	width: 220px;
	display: block;
	margin: 0 auto;
}
.old_head a img{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}