@charset "utf-8";

div.main_visual{
	position: relative;
	width:1020px;
	height:430px;
	background:url("/images/top/back.jpg") no-repeat;
	margin-bottom: 10px;
}

h2.index {
	float:left;
	text-indent:-9999px;
	width:0px;
	height:0px;
	visibility: hidden;
}
div.top_image{
	float:left;
	width:1020px;
	height:430px;
	margin-bottom:10px;
	background-color:#333;
}
div.top_image div.flash{
	float:left;
	width:805px;
	height:430px;
}
div.top_image div.news{
	float:left;
	width:205px;
	height:420px;
	padding:5px;
}
div.top_image div.news h3.newstitle{
	float:left;
	width:205px;
	height:35px;
	background-image: url(/images/top/news.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
}
div.top_image div.news div.newstext{
	float:left;
	width:205px;
	height:385px;
	background-color: #FFFFFF;
	overflow: auto;
}
div.top_image div.news div.newstext dl{
	padding:10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
div.top_image div.news div.newstext dt{
	font-weight: bold;
	color: #006699;
}
div.top_image div.news div.newstext dd{
	margin-top:5px;
}
/* ここまで追加 */

/* タグクラウド */
div#easy_search_area {
	float:left;
	width:800px;
	height:40px;
	background-image: url(/images/top/keyword.png);
}
div#easy_search_area div.keyword{
		float:left;
		padding-top:8px;
		padding-left:200px;
		height:40px;
		width:200px;
}
div#easy_search_area div.keyword input{
		width:180px;
		padding:2px;
}
div#easy_search_area div.search_submit{
		float:left;
		padding-top:8px;
		height:40px;
	}
div#easy_search_area div.search_submit input.submit{
	display:block;
	width: 55px;
	height: 24px;
	border: none;
	text-indent:-9999px;
	background: url("/images/top/search.png") transparent no-repeat;
	}

div#easy_search_area div.search_option div.category{
		float:left;
		margin-left:35px;
		width:68px;
	}	
div#easy_search_area div.search_option div.category button.to_search_detail{
	width: 139px;
	height: 24px;
	border: none;
	margin-top:8px;
	background: url("/images/top/keyword_detail.png") transparent no-repeat;
}
div#easy_search_area span{
		display:block;
		text-indent:-9999px;
	}

#tagcloud {
	float:left;
	padding:0px;
	width:798px;
	margin-bottom:10px;
	border: solid 1px #ccc;
	background-color: transparent;
	background-repeat: no-repeat;
}

#tagcloud p {
	padding:5px;
}
#tagcloud #cloud {
	float:left;
	padding:5px;
	width:778px;
}


/* 新着素材 */
#new_movie {
	float:left;
	padding:0px;
	width:800px;
	margin-bottom:10px;
}
#new_movie h3 {
	float:left;
	width:800px;
	height:30px;
	text-indent:-9999px;
no-repeat;
	margin-bottom:10px;
	background-image: url(/images/top/new_movie.gif);
}
#new_movie .result {
	float: left;
	padding: 6px;
	position: relative;
	width: 188px;
}
#new_movie img {
	background: #fff;
	border: solid 1px #ccc;
	width: 188px;
	height:105px;
}
#new_movie span.hd {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/hd.png) no-repeat;
	text-indent:-9999px;
}
#new_movie span.sd {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/sd.png) no-repeat;
	text-indent:-9999px;
}
#new_movie span.sq {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/squeeze.png) no-repeat;
	text-indent:-9999px;
}
#new_movie span.h4k {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/4k.png) no-repeat;
	text-indent:-9999px;
}
#new_movie span.h3d {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/3d.png) no-repeat;
	text-indent:-9999px;
}
#new_movie dl {
	float:left;
	clear:both;
	width:184px;
	padding:5px;
	_width: 182px;
}
#new_movie dt {
	font-weight: bold;
}
/* 人気素材 */
#popularity_movie {
	float:left;
	padding:0px;
	width:800px;
	margin-bottom:10px;
}
#popularity_movie h3 {
	float:left;
	width:800px;
	height:30px;
	text-indent:-9999px;
no-repeat;
	margin-bottom:10px;
	background-image: url(/images/top/popularity_movie.gif);
}
#popularity_movie .result {
	float: left;
	padding: 6px;
	position: relative;
	width: 188px;
}
#popularity_movie img {
	background: #fff;
	border: solid 1px #ccc;
	width: 188px;
	height:105px;
}
#popularity_movie span.hd {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/hd.png) no-repeat;
	text-indent:-9999px;
}
#popularity_movie span.sd {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/sd.png) no-repeat;
	text-indent:-9999px;
}
#popularity_movie span.sq {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/squeeze.png) no-repeat;
	text-indent:-9999px;
}
#popularity_movie span.h4k {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/4k.png) no-repeat;
	text-indent:-9999px;
}
#popularity_movie span.h3d {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/3d.png) no-repeat;
	text-indent:-9999px;
}
#popularity_movie dl {
	float:left;
	clear:both;
	width:184px;
	padding:5px;
	_width: 182px;
}
#popularity_movie dt {
	font-weight: bold;
}
/* おすすめ素材 */
#recommendation_movie {
	float:left;
	padding:0px;
	width:800px;
	margin-bottom:10px;
}
#recommendation_movie h3 {
	float:left;
	width:800px;
	height:30px;
	text-indent:-9999px;
no-repeat;
	margin-bottom:10px;
	background-image: url(/images/top/recommendation_movie.gif);
}
#recommendation_movie .resultactive {
	float: left;
	padding: 8px;
	position: relative;
	width: 184px;
	background-color:#E4E4E4;
	_width: 182px;
}
#recommendation_movie .result {
	float: left;
	padding: 6px;
	position: relative;
	width: 188px;
}
#recommendation_movie img {
	background: #fff;
	border: solid 1px #ccc;
	width: 188px;
	height:105px;
}
#recommendation_movie span.hd {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/hd.png) no-repeat;
	text-indent:-9999px;
}
#recommendation_movie span.sd {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/sd.png) no-repeat;
	text-indent:-9999px;
}
#recommendation_movie span.sq {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/squeeze.png) no-repeat;
	text-indent:-9999px;
}
#recommendation_movie span.h4k {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/4k.png) no-repeat;
	text-indent:-9999px;
}
#recommendation_movie span.h3d {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/3d.png) no-repeat;
	text-indent:-9999px;
}
#recommendation_movie dl {
	float:left;
	clear:both;
	width:184px;
	padding:5px;
	_width: 182px;
}
#recommendation_movie dt {
	font-weight: bold;
}

h2.material{
	float:left;
	text-indent:-9999px;
	width:1020px;
	height:430px;
	background-image: url(/images/pagetitle/material.gif);
	background-repeat: no-repeat;
}

/* ニュースエリア */
div.main_visual div.news_area{
	position: absolute;
	bottom: 0px;
	right: 20px; 
	width: 180px;
	padding: 10px 10px 0;
	background-color: #333;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.7);
	color: #fff;
}
div.main_visual div.news_area h3{
	background: transparent url("/images/top/news_headline.png") no-repeat;
	text-indent: -9999px;
	height: 26px;
}

div.main_visual div.news_area ul{
	list-style-type: none;
}

div.main_visual div.news_area ul li{
	border-top: 1px dotted #fff;
	padding: 10px;
}

div.main_visual div.news_area ul li p.news_title{
	padding-bottom: 12px;
}

div.main_visual div.news_area ul li a{
	color: #fff;
	margin-bottom: 1px;
}

div.main_visual div.news_area ul li a:hover{
	margin-bottom: 0;
	border-bottom: 1px solid #fff;
}


/* 新着素材 */
#new_movie{
	float:left;
	padding:0px;
	width:800px;
	margin-bottom:10px;
}
#new_movie h3{
	float:left;
	width:800px;
	height:30px;
	text-indent:-9999px;
	no-repeat;
		margin-bottom:10px;
	background-image: url(/images/top/new_movie.gif);
}
#new_movie .result {
	float: left;
	padding: 6px;
	position: relative;
	width: 188px;
	 height:180px;
}
#new_movie img {
	background: #fff;
	border: solid 1px #ccc;
	width: 188px;
	height:105px;
}
#new_movie span.hd {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/hd.png) no-repeat;
	text-indent:-9999px;
}
#new_movie span.sd {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/sd.png) no-repeat;
	text-indent:-9999px;
}
#new_movie span.sq {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/squeeze.png) no-repeat;
	text-indent:-9999px;
}
#new_movie span.h4k {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/4k.png) no-repeat;
	text-indent:-9999px;
}
#new_movie dl{
	float:left;
	clear:both;
	width:184px;
	padding:5px;
	_width: 182px;
}
#new_movie dt{
	font-weight: bold;
}

/* 人気素材 */
#popularity_movie{
	float:left;
	padding:0px;
	width:800px;
	margin-bottom:10px;
}
#popularity_movie h3{
	float:left;
	width:800px;
	height:30px;
	text-indent:-9999px;
	no-repeat;
		margin-bottom:10px;
	background-image: url(/images/top/popularity_movie.gif);
}

#popularity_movie .result {
	float: left;
	padding: 6px;
	position: relative;
	width: 188px;
	 height:180px;
}
#popularity_movie img {
	background: #fff;
	border: solid 1px #ccc;
	width: 188px;
	height:105px;
}
#popularity_movie span.hd {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/hd.png) no-repeat;
	text-indent:-9999px;
}
#popularity_movie span.sd {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/sd.png) no-repeat;
	text-indent:-9999px;
}
#popularity_movie span.sq {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/squeeze.png) no-repeat;
	text-indent:-9999px;
}
#popularity_movie span.h4k {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/4k.png) no-repeat;
	text-indent:-9999px;
}
#popularity_movie dl{
	float:left;
	clear:both;
	width:184px;
	padding:5px;
	_width: 182px;
}
#popularity_movie dt{
	font-weight: bold;
}

/* おすすめ素材 */
#recommendation_movie{
	float:left;
	padding:0px;
	width:800px;
	margin-bottom:10px;
}
#recommendation_movie h3{
	float:left;
	width:800px;
	height:30px;
	text-indent:-9999px;
	no-repeat;
		margin-bottom:10px;
	background-image: url(/images/top/recommendation_movie.gif);
}
#recommendation_movie .resultactive {
	float: left;
	padding: 8px;
	position: relative;
	width: 184px;
	background-color:#E4E4E4;
	_width: 182px;
}
#recommendation_movie .result {
	float: left;
	padding: 6px;
	position: relative;
	width: 188px;
	 height:180px;
}
#recommendation_movie img {
	background: #fff;
	border: solid 1px #ccc;
	width: 188px;
	height:105px;
}
#recommendation_movie span.hd {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/hd.png) no-repeat;
	text-indent:-9999px;
}
#recommendation_movie span.sd {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/sd.png) no-repeat;
	text-indent:-9999px;
}
#recommendation_movie span.sq {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/squeeze.png) no-repeat;
	text-indent:-9999px;
}
#recommendation_movie span.h4k {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/4k.png) no-repeat;
	text-indent:-9999px;
}
#recommendation_movie dl{
	float:left;
	clear:both;
	width:184px;
	padding:5px;
	_width: 182px;
}
#recommendation_movie dt{
	font-weight: bold;
}