@charset "Shift_JIS";

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



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