@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

 Style Info:     トップページのスタイル設定
 File name:      home.css
 Last update:    2009.5.19
 
 
 
----------------------------------------------------------- */


/*----------------------------------------------------
	インフォメーションエリア
----------------------------------------------------*/

body#home div#information{
	background-image:url(../../images/home_top_bg.gif);
	background-repeat:repeat-x;
	padding:7px 10px 0 10px;
	width:880px;
	height:351px;
	margin-bottom:19px;
}
body#home div#information p.video{
	width:503px;
	float:left;
	text-align:center;
	background-color:#000;
}
body#home div#information div#infoArea{
	width:365px;
	float:right;
	font-size:69%;
	color:#FFF;
}
body#home div#information div#infoArea h2{
	margin-bottom:10px;
}
body#home div#information div#infoArea dl{
	padding-left:3px;
	margin-bottom:2px;
}
body#home div#information div#infoArea div.schedule dl dt{
	width:3em;
}
body#home div#information div#infoArea div.schedule dl dd{
	border-bottom:1px solid #fff;
	padding:1px 0 1px 4em;
}
body#home div#information div#infoArea dl dt{
	background-image:url(../../images/home_news_li_mark.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:1px 0 1px 12px;
	position:absolute;
	width:6em;
}
body#home div#information div#infoArea dl dd{
	border-bottom:1px solid #fff;
	padding:1px 0 1px 7em;
}
body#home div#information div#infoArea p.showList{
	text-align:right;
}
body#home div#information div#infoArea p.showList a{
	background-image:url(../images/link_arrow.gif);
	background-repeat:no-repeat;
	background-position:2px;
	padding-left:8px;
}
body#home div#information div#infoArea a{
	color:#FFF;
}

/*----------------------------------------------------
	コンテンツエリア
----------------------------------------------------*/


body#home p.workImage{
	margin-bottom:0px;
}


	/* メインコンテンツエリア
	----------------------------------------------------*/
	body#home div#distribution{
		width:433px;
		float:left;
	}
	body#home div#salesAndWorks{
		width:272px;
		float:right;
	}


		/* おすすめ配給作品｜メインコンテンツエリア
		----------------------------------------------------*/
		body#home div#distribution div#recommend{
			margin-bottom:14px;
		}
		body#home div#distribution div#recommend h2{
			margin-bottom:13px;
		}
		body#home div#distribution div#recommend h3{
			font-size:113%;
			margin-bottom:12px;
			border-bottom:2px solid #762246;
		}
		body#home div#distribution div#recommend h3 a{
			color:#039;
			text-decoration:none;
		}
		body#home div#distribution div#recommend h3 a:hover{
			text-decoration:underline;
		}
		body#home div#distribution div#recommend p.catch{
			color:#0e5170;
			font-size:88%;
			width:229px;
			float:right;
			font-weight:bold;
			margin-bottom:8px;
			line-height:1.3;
		}
		body#home div#distribution div#recommend ul{
			font-size:69%;
			padding:5px 0 5px 0;
			margin-bottom:8px;
			border-bottom:1px dotted #000;
			border-top:1px dotted #000;
			width:229px;
			float:right;
			line-height:1.3;
		}
		body#home div#distribution div#recommend div.text p{
			font-size:75%;
			padding-bottom:2em;
			border-bottom:1px dotted #000;
		}
		body#home div#distribution div#recommend p.workImageReccommend{
			float:left;
			width:204px;
		}
		body#home div#distribution div#recommend p.workImageReccommend a img{
			border:1px solid #aaa;
			padding:5px;
			width:178px;
		}
		body#home div#distribution div#recommend p.workImageReccommend a:hover img{
			border:1px solid #000;
			opacity:0.7;
			filter: alpha(opacity=60);
		}
		
		/* 他の配給作品｜メインコンテンツエリア
		----------------------------------------------------*/
		body#home div#distribution div#distList{
		}
		body#home div#distribution div#distList h2{
			margin-bottom:19px;
		}
		body#home div#distribution div#distList div.distEntry{
			margin-bottom:20px;
			clear:both;
		}
		body#home div#distribution div#distList div.distEntry h3{
			font-size:88%;
			border-bottom:2px solid #762246;
			margin-bottom:5px;
			line-height:1.3;
		}
		body#home div#distribution div#distList div.distEntry div.distEntryBody{
			width:278px;
			float:right;
		}
		body#home div#distribution div#distList div.distEntry p.catch{
			color:#0e5170;
			font-size:75%;
			font-weight:bold;
			margin-bottom:5px;
			line-height:1.4;
		}
		body#home div#distribution div#distList div.distEntry ul{
			font-size:63%;
			line-height:1.3;
			margin-bottom:1em;
		}
		body#home div#distribution div#distList div.distEntry p.showDetail{
			font-size:69%;
			text-align:right;
		}
		body#home div#distribution div#distList div.distEntry p.showDetail a{
			background-image:url(../images/link_arrow.gif);
			background-repeat:no-repeat;
			background-position:2px;
			padding-left:8px;
		}
		body#home div#distribution div#distList div.distEntry p.workImageOther{
			width:144px;
			float:left;
		}
		body#home div#distribution div#distList div.distEntry p.workImageOther a img{
			width:136px;
			border:1px solid #aaa;
			padding:4px;
		}
		body#home div#distribution div#distList div.distEntry p.workImageOther a:hover img{
			border:1px solid #000;
			opacity:0.7;
			filter: alpha(opacity=60);
		}

		
		
		
		
		/* DVD作品｜メインコンテンツエリア　右
		----------------------------------------------------*/
		body#home div#salesAndWorks div#dvdSales{
			margin-bottom:20px;
		}
		body#home div#salesAndWorks div#dvdSales h2{
			margin-bottom:13px;
		}
		body#home div#salesAndWorks div#dvdSales div#dvdSalesList div.dvdEntry{
			margin-bottom:13px;
			clear:both;
		}
		body#home div#salesAndWorks div#dvdSales div#dvdSalesList div.dvdEntry h3{
			font-size:75%;
			border-bottom:2px solid #762246;
			margin-bottom:5px;
			line-height:1.3;
		}
		body#home div#salesAndWorks div#dvdSales div#dvdSalesList div.dvdEntry div.dvdEntryBody{
			width:162px;
			float:right;
		}
		body#home div#salesAndWorks div#dvdSales div#dvdSalesList div.dvdEntry p.catch{
			color:#0e5170;
			font-size:75%;
			font-weight:bold;
			margin-bottom:5px;
			line-height:1.4;
		}
		body#home div#salesAndWorks div#dvdSales div#dvdSalesList div.dvdEntry ul{
			font-size:63%;
			line-height:1.3;
		}
		body#home div#salesAndWorks div#dvdSales div#dvdSalesList div.dvdEntry p.showDetail{
			font-size:69%;
			text-align:right;
		}
		body#home div#salesAndWorks div#dvdSales div#dvdSalesList div.dvdEntry p.showDetail a{
			background-image:url(../images/link_arrow.gif);
			background-repeat:no-repeat;
			background-position:2px;
			padding-left:8px;
		}
		body#home div#salesAndWorks div#dvdSales div#dvdSalesList div.dvdEntry p.workImage{
			width:100px;
			float:left;
		}
		body#home div#salesAndWorks div#dvdSales div#dvdSalesList div.dvdEntry p.workImage a img{
			width:94px;
			border:1px solid #aaa;
			padding:3px;
		}
		body#home div#salesAndWorks div#dvdSales div#dvdSalesList div.dvdEntry p.workImage a:hover img{
			border:1px solid #000;
			opacity:0.7;
			filter: alpha(opacity=60);
		}

		
		
		
		/* m20製作作品｜メインコンテンツエリア　右
		----------------------------------------------------*/
		body#home div#salesAndWorks div#works{
			margin-bottom:20px;
		}
		body#home div#salesAndWorks div#works h2{
			margin-bottom:9px;
		}
		body#home div#salesAndWorks div#works div#worksList div.worksEntry{
			margin-bottom:13px;
			clear:both;
		}
		body#home div#salesAndWorks div#works div#worksList div.worksEntry h3{
			font-size:75%;
			border-bottom:2px solid #762246;
			margin-bottom:5px;
			line-height:1.3;
		}
		body#home div#salesAndWorks div#works div#worksList div.worksEntry div.worksEntryBody{
			width:162px;
			float:right;
		}
		body#home div#salesAndWorks div#works div#worksList div.worksEntry p.catch{
			color:#0e5170;
			font-size:75%;
			font-weight:bold;
			margin-bottom:5px;
			line-height:1.4;
		}
		body#home div#salesAndWorks div#works div#worksList div.worksEntry ul{
			font-size:63%;
			line-height:1.3;
		}
		body#home div#salesAndWorks div#works div#worksList div.worksEntry p.showDetail{
			font-size:69%;
			text-align:right;
		}
		body#home div#salesAndWorks div#works div#worksList div.worksEntry p.showDetail a{
			background-image:url(../images/link_arrow.gif);
			background-repeat:no-repeat;
			background-position:2px;
			padding-left:8px;
		}
		body#home div#salesAndWorks div#works div#worksList div.worksEntry p.workImage{
			width:100px;
			float:left;
		}
		body#home div#salesAndWorks div#works div#worksList div.worksEntry p.workImage a img{
			width:94px;
			border:1px solid #aaa;
			padding:3px;
		}
		body#home div#salesAndWorks div#works div#worksList div.worksEntry p.workImage a:hover img{
			border:1px solid #000;
			opacity:0.7;
			filter: alpha(opacity=60);
		}