@charset "Shift_JIS";

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



ファミリー劇場
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;
}

.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:20px;
	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:20px;
	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;
}

.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;
}

/*


bnr

__________*/

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

.layout2 #right ul.bnr li {
}

/*



.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;
}