@charset "utf-8";
	

h2{
	float:left;
	text-indent:-9999px;
	width:1020px;
	height:60px;
	background-image: url(/images/pagetitle/work_serch.gif);
	background-repeat: no-repeat;
}

div.works_title {
	float:left;
	width:1020px;
	height:430px;
	background-image: url(/works/images/top_image.jpg);
	background-repeat: no-repeat;
	margin-bottom:10px;
}
div.works_title p {
	height:0px;
	_float:left;
	visibility: hidden;
}
div.works_title ul {
	padding-left:789px;
	padding-top:238px;
}
div.works_title li a {
	display:block;
	height:100%;
	text-indent:-9999px;
	margin-bottom:10px;
}
div.works_title li.h3d a {
	width:211px;
	height:81px;
	background-image: url(/works/images/3d.jpg);
	background-repeat: no-repeat;
}
div.works_title li.h4k a {
	width:211px;
	height:81px;
	background-image: url(/works/images/4k.jpg);
	background-repeat: no-repeat;
}

#movie_box{
	float:left;
	padding:0px;
	width:1020px;
}
#movie_set{
	padding:0px;
	width:740px;
}

/* タイトル */
#movie_title{
	float:left;
	padding:0px;
	font-size: 25px;
	margin-bottom:5px;
	height:26px;
}
.subhead{
	float:left;
	padding:0px;
	font-size: 14px;
}




.movie_title_laptime {
	font-size: 18px;
}
/* アイコンなし */
#movie_title_hd{
	float:left;
	padding:0px;
	font-size: 25px;
	margin-bottom:5px;
	background: url(/images/icon/hd.png) no-repeat;
	background-position: right bottom;
	margin-right: 5px;
	padding-right: 31px;
	height:26px;
}
#movie_title_sd{
	float:left;
	padding:0px;
	font-size: 25px;
	margin-bottom:5px;
	background: url(/images/icon/sd.png) no-repeat;
	background-position: right center;
	margin-right: 5px;
	padding-right: 31px;
	height:26px;
}
#movie_title_sq{
	float:left;
	padding:0px;
	font-size: 25px;
	margin-bottom:5px;
	background-position: right center;
	margin-right: 5px;
	padding-right: 31px;
	height:26px;
	background-image: url(../images/icon/squeeze.png);
	background-repeat: no-repeat;
}
#movie_title_h4k{
	float:left;
	padding:0px;
	font-size: 25px;
	margin-bottom:5px;
	background: url(/images/icon/4k.png) no-repeat;
	background-position: right center;
	margin-right: 5px;
	padding-right: 31px;
	height:26px;
}
#movie_title_hd3d{
	float:left;
	padding:0px;
	font-size: 25px;
	margin-bottom:5px;
	background: url(/images/icon/hd3d.png) no-repeat;
	background-position: right bottom;
	margin-right: 5px;
	padding-right: 60px;
	height:26px;
}
#movie_title_sd3d{
	float:left;
	padding:0px;
	font-size: 25px;
	margin-bottom:5px;
	background: url(/images/icon/sd3d.png) no-repeat;
	background-position: right center;
	margin-right: 5px;
	padding-right: 60px;
	height:26px;
}
#movie_title_sq3d{
	float:left;
	padding:0px;
	font-size: 25px;
	margin-bottom:5px;
	background-position: right center;
	margin-right: 5px;
	padding-right: 60px;
	height:26px;
	background-image: url(../images/icon/sd3dsq.png);
	background-repeat: no-repeat;
}
#movie_title_h4k3d{
	float:left;
	padding:0px;
	font-size: 25px;
	margin-bottom:5px;
	background: url(/images/icon/4k3d.png) no-repeat;
	background-position: right center;
	margin-right: 5px;
	padding-right: 60px;
	height:26px;
}
#movie_title_h3d{
	float:left;
	padding:0px;
	font-size: 25px;
	margin-bottom:5px;
	background: url(/images/icon/3d.png) no-repeat;
	background-position: right center;
	margin-right: 5px;
	padding-right: 31px;
	height:26px;
}

/* 検索ボタン */
#workslist{
	float:left;
	width:800px;
	margin-bottom:10px;
}
#workslist h3{
	float:left;
	width:800px;
	height:51px;
	margin-bottom:10px;
	background-image: url(/works/images/common/title_search.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
}
#search_bg{
	float:left;
	width:800px;
	height:400px;
	margin-bottom:10px;
	background-image: url(/works/images/common/search.jpg);
	background-repeat: no-repeat;
}
ul#search_list{
	float:left;
}
ul#search_list li{
	float:left;
	text-decoration:none;
	display:inline;
}
ul#search_list li a{
	display:block;
	height:100%;
	text-indent:-9999px;
	margin:0;
}
ul#search_list li#underwater a{
	float:left;
	width:200px;
	height:70px;
	margin-top:45px;
}
ul#search_list li#worldview a{
	float:left;
	width:200px;
	height:70px;
	margin-top:45px;
}
ul#search_list li#japanview a{
	float:left;
	width:200px;
	height:70px;
	margin-top:45px;
}
ul#search_list li#space a{
	float:left;
	width:200px;
	height:70px;
	margin-top:45px;
}
ul#search_list li#shortprogram a{
	float:left;
	width:200px;
	height:70px;
}
ul#search_list li#insect a{
	float:left;
	width:200px;
	height:70px;
}
ul#search_list li#maeda a{
	float:left;
	width:200px;
	height:70px;
}
ul#search_list li#art a{
	float:left;
	width:200px;
	height:70px;
}
ul#search_list li#anime a{
	float:left;
	width:200px;
	height:70px;
}
ul#search_list li#sdprogram a{
	float:left;
	width:200px;
	height:70px;
}
ul#search_list li#filler a{
	float:left;
	width:200px;
	height:70px;
}

ul#search_pattern{
	float:left;
	width:505px;
}
ul#search_pattern li{
	float:left;
	text-decoration:none;
	display:inline;
}
ul#search_pattern li a{
	display:block;
	height:100%;
	text-indent:-9999px;
	margin:0;
}
ul#search_pattern li#pattern_hd a {
	float:left;
	width:120px;
	height:70px;
	margin-top:68px;
}
ul#search_pattern li#pattern_sd a{
	float:left;
	width:120px;
	height:70px;
	margin-top:68px;
	margin-left:6px;
	_margin-left:3px;
}
ul#search_pattern li#pattern_4k a{
	float:left;
	width:120px;
	height:70px;
	margin-top:68px;
	margin-left:6px;
	_margin-left:3px;
}
ul#search_pattern li#pattern_3d a{
	float:left;
	width:120px;
	height:70px;
	margin-top:68px;
	margin-left:6px;
	_margin-left:3px;
}
ul#search_time{
	float:left;
	width:295px;
}
ul#search_time li{
	float:left;
	text-decoration:none;
	display:inline;
}
ul#search_time li a{
	display:block;
	height:100%;
	text-indent:-9999px;
	margin:0;
}
ul#search_time li#time_2 a{
	float:left;
	width:135px;
	height:20px;
	margin-top:70px;
	margin-left:14px;
	_margin-left:7px;
}
ul#search_time li#time_5 a{
	float:left;
	width:135px;
	height:20px;
	margin-top:70px;
	margin-left:6px;
	_margin-left:3px;
}
ul#search_time li#time_15 a{
	float:left;
	width:135px;
	height:20px;
	margin-top:6px;
	margin-left:14px;
	_margin-left:7px;
}
ul#search_time li#time_30 a{
	float:left;
	width:135px;
	height:20px;
	margin-top:6px;
	margin-left:6px;
	_margin-left:3px;
}
ul#search_time li#time_60 a{
	float:left;
	width:135px;
	height:20px;
	margin-top:6px;
	margin-left:14px;
	_margin-left:7px;
}
/* ボタンアクティブ */
ul#search_list li#underwater a:hover{
	float:left;
	width:200px;
	height:70px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:0px 355px;
}
ul#search_list li#worldview a:hover{
	float:left;
	width:200px;
	height:70px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:600px 355px;
}
ul#search_list li#japanview a:hover{
	float:left;
	width:200px;
	height:70px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:400px 355px;
}
ul#search_list li#space a:hover{
	float:left;
	width:200px;
	height:70px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:200px 355px;
}
ul#search_list li#shortprogram a:hover{
	float:left;
	width:200px;
	height:70px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:0px 285px;
}
ul#search_list li#insect a:hover{
	float:left;
	width:200px;
	height:70px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:600px 285px;
}
ul#search_list li#maeda a:hover{
	float:left;
	width:200px;
	height:70px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:400px 285px;
}
ul#search_list li#art a:hover{
	float:left;
	width:200px;
	height:70px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:200px 285px;
}
ul#search_list li#anime a:hover{
	float:left;
	width:200px;
	height:70px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:0px 215px;
}
ul#search_list li#sdprogram a:hover{
	float:left;
	width:200px;
	height:70px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:600px 215px;
}
ul#search_list li#filler a:hover{
	float:left;
	width:200px;
	height:70px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:400px 215px;
}

ul#search_pattern li#pattern_hd a:hover{
	float:left;
	width:120px;
	height:70px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:0px 77px;
}
ul#search_pattern li#pattern_sd a:hover{
	float:left;
	width:120px;
	height:70px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:674px 77px;
}
ul#search_pattern li#pattern_4k a:hover{
	float:left;
	width:120px;
	height:70px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:548px 77px;
}
ul#search_pattern li#pattern_3d a:hover{
	float:left;
	width:120px;
	height:70px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:422px 77px;
}
ul#search_time li#time_2 a:hover{
	float:left;
	width:135px;
	height:20px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:281px 75px;
}
ul#search_time li#time_5 a:hover{
	float:left;
	width:135px;
	height:20px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:140px 75px;
}
ul#search_time li#time_15 a:hover{
	float:left;
	width:135px;
	height:20px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:281px 49px;
}
ul#search_time li#time_30 a:hover{
	float:left;
	width:135px;
	height:20px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:140px 49px;
}
ul#search_time li#time_60 a:hover{
	float:left;
	width:135px;
	height:20px;
	background: url(/works/images/common/search_active.jpg);
	 no-repeat;
	background-position:281px 23px;
}
/* 動画種別 */
.movie_explanation{
	clear:both;
	height:15px;
	padding:2px;
	width:200px;
	text-align:right;
}
#movie_type{
	float:right;
	padding:0px;
	width:100px;
}
#movie_type ul#nomalset{
	float:right;
	padding:0px;
	width:100px;
	margin-top:5px;
}
#movie_type ul#nomalset li{
	float:right;
	text-decoration:none;
	display:inline;
	text-indent:-9999px;
	display:block;
	width:41px;
	height:20px;
	margin-left:5px;
	margin-bottom:5px;
}
#movie_type ul#nomalset li#nomal_active{
	float:right;
	no-repeat;
	background-image: url(/works/images/icon/nomal_active.png);
}
#movie_type ul#nomalset li#special{
	float:right;
	no-repeat;
	background-image: url(/works/images/icon/special.png);
}
#movie_type ul#specialset{
	float:right;
	padding:0px;
	width:100px;
	margin-top:5px;
}
#movie_type ul#specialset li{
	float:right;
	text-decoration:none;
	display:inline;
	text-indent:-9999px;
	display:block;
	width:41px;
	height:20px;
	margin-left:5px;
	margin-bottom:5px;
}
#movie_type ul#specialset li#special_active{
	float:right;
	no-repeat;
	background-image: url(/works/images/icon/special_active.png);
}
#movie_type ul#specialset li#nomal{
	float:right;
	no-repeat;
	background-image: url(/works/images/icon/nomal.png);
}
/* 動画 */
#movie_stage{
	float:left;
	padding:0px;
	width:720px;
	height:422px;
	background-color:#555555;
}

/* 動画プレーヤー（動画無し）*/
.playerNoMovie{
	text-indent:-9999px;
	no-repeat;
	background-image: url(/works/images/nomovie.jpg);
	width: 720px;
	height: 422px;
}

.movie_attention {
	float:left;
	line-height:14px;
	padding-top:10px;
	padding-bottom:10px;
}

/* 動画詳細 */
#movie_detail{
	float:left;
	padding:0px;
	width:800px;
	margin-bottom:10px;
	margin-top:10px;
	background-color:#E4E4E4;
	_margin-top:15px;
}
#movie_detail h3{
	float:left;
	width:800px;
	height:20px;
	text-indent:-9999px;
	background: url(/works/images/common/movie_detail.jpg);
	 no-repeat;
	background-color:#666666;
}

#movie_detail #list{
	float:left;
	width:280px;
	padding:15px;
}
#movie_detail #list dl{
	float:left;
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width:280px;
}
#movie_detail #list dt{
	float:left;
	padding:5px;
	width:100px;
	font-weight: bold;
}
#movie_detail #list dd{
	float:left;
	padding:5px;
}
#description{
	float:right;
	width:470px;
	margin-right:15px;
	_margin-right:7px;
	padding-top:10px;
}
#description dt{
	font-weight: bold;
}
#description dd{
	border-width: 1px;
	border-style: solid;
	padding:5px;
	background-color:#fff;
	margin-bottom: 10px;
}

/* 検索結果 */
#search_movie{
	float:left;
	padding:0px;
	width:800px;
	margin-bottom:10px;
}
#search_movie h3{
	float:left;
	width:800px;
	height:30px;
	font-size:26px;
}
#search_movie p{
	float:left;
	width:800px;
	height:10px;
	margin-bottom:10px;
}
#search_movie .result {
	float: left;
	padding: 6px;
	position: relative;
	width: 188px;

}
#search_movie img {
	background: #fff;
	border: solid 1px #ccc;
	height:105px;
}
#search_movie span {
	width: 31px;
	height: 26px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	text-indent:-9999px;
}
#search_movie span.hd {
	background: url(/images/icon/hd.png) no-repeat;
}
#search_movie span.sd {
	background: url(/images/icon/sd.png) no-repeat;
}
#search_movie span.sq {
	background-image: url(../images/icon/squeeze.png);
	background-repeat: no-repeat;
}
#search_movie span.h4k {
	background: url(/images/icon/4k.png) no-repeat;
}
#search_movie span.hd3d {
	width: 60px;
	height: 25px;
	background: url(/images/icon/hd3d.png) no-repeat;
}
#search_movie span.sd3d {
	width: 60px;
	height: 25px;
	background: url(/images/icon/squeeze.png) no-repeat;
}
#search_movie span.sq3d {
	width: 60px;
	height: 25px;
	background-image: url(../images/icon/sd3dsq.png);
	background-repeat: no-repeat;
}
#search_movie span.h4k3d {
	width: 60px;
	height: 25px;
	background: url(/images/icon/4k3d.png) no-repeat;
}
#search_movie span.h3d {
	width: 60px;
	height: 25px;
	background: url(/images/icon/3d.png) no-repeat;
}
#search_movie dl{
	float:left;
	clear:both;
	width:188px;
	height:65px;
	padding:5px;
}
#search_movie dt{
	font-weight: bold;
}
#search_movie dt.workstime{
	font-weight: bold;
	float:left;
}

div.sel_dvd {
	float:left;
	width:760px;
	_width:800px;
	padding:10px;
	border:#999999 8px solid;
	margin-bottom:10px;
}
div.sel_dvd .jacket {
	float:left;
	width:120px;
}
div.sel_dvd p {
	float:left;
	color:#CC0000;
}
div.sel_dvd .list {
	float:left;
	width:230px;
	padding:15px;
}
div.sel_dvd .list dl {
	float:left;
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width:230px;
}
div.sel_dvd .list dt {
	float:left;
	padding:5px;
	width:70px;
	font-weight: bold;
}
div.sel_dvd .list dd {
	float:left;
	padding:5px;
}
div.sel_dvd .description {
	float:left;
	width:600px;
	margin-left:15px;
	_margin-left:7px;
}
div.sel_dvd .description dt {
	font-weight: bold;
}
div.sel_dvd .description dd {
	padding-top:10px;
	background-color:#fff;
}
/* ボタン */
ul.dvd_button {
	float:left;
	width:360px;
	margin-right:15px;
	margin-top:15px;
	height:55px;
	margin-bottom:10px;
	background-image: url(../sell/image/button.gif);
	background-repeat: no-repeat;
	_margin-right:7px;
}
ul.dvd_button li {
	float:left;
	text-decoration:none;
	display:inline;
}
ul.dvd_button li a {
	display:block;
	height:100%;
	text-indent:-9999px;
	margin:0;
}
ul.dvd_button li.addwishlist a {
	float:left;
	width:180px;
	height:55px;
}
ul.dvd_button li.order a {
	float:left;
	width:180px;
	height:55px;
}
/* ボタンアクティブ */
ul.dvd_button li.addwishlist a:hover {
	float:left;
	width:180px;
	height:55px;
no-repeat;
	background-position:0px 0px;
	background-image: url(../sell/image/button_active.gif);
}
ul.dvd_button li.order a:hover {
	float:left;
	width:180px;
	height:55px;
no-repeat;
	background-position:180px 0px;
	background-image: url(../sell/image/button_active.gif);
}
/* 作品ボタン */
ul.movie_button {
	float:left;
	width:720px;
	margin-top:0px;
	height:55px;
	margin-bottom:10px;
	background-image: url(../works/images/common/button.gif);
	background-repeat: no-repeat;
}
ul.movie_button li {
	float:left;
	text-decoration:none;
	display:inline;
}
ul.movie_button li a {
	display:block;
	height:100%;
	text-indent:-9999px;
	margin:0;
}
ul.movie_button li.calculation a {
	float:left;
	width:180px;
	height:55px;
}
ul.movie_button li.addwishlist a {
	float:left;
	width:180px;
	height:55px;
}
ul.movie_button li.sampleorder a {
	float:left;
	width:180px;
	height:55px;
}
ul.movie_button li.order a {
	float:left;
	width:180px;
	height:55px;
}
/* ボタンアクティブ */
ul.movie_button li.calculation a:hover {
	float:left;
	width:180px;
	height:55px;
	background: url(/works/images/common/button_active.gif);
no-repeat;
	background-position:720px 0px;
}
ul.movie_button li.addwishlist a:hover {
	float:left;
	width:180px;
	height:55px;
	background: url(/works/images/common/button_active.gif); 
no-repeat;
	background-position:540px 0px;
}
ul.movie_button li.sampleorder a:hover {
	float:left;
	width:180px;
	height:55px;
	background: url(../works/images/common/button_active.gif);
no-repeat;
	background-position:360px 0px;
}
ul.movie_button li.order a:hover {
	float:left;
	width:180px;
	height:55px;
	background: url(/works/images/common/button_active.gif);
no-repeat;
	background-position:180px 0px;
}
h4 {
	font-size: 14px;
	font-weight: bold;
}
div.dvdtitle{
	float:left;
	width:760px;
	_width:800px;
}

p.description {
	float:left;
	width:765px;
	padding:10px;
	border:8px solid #99CC33;
	margin-bottom:10px;
}

#search_movie h3.title3d {
	float:left;
	width:800px;
	height:250px;
	text-indent:-9999px;
	background-image: url(../images/headtitle/works_3d.jpg);
	background-repeat: no-repeat;
}
#search_movie h3.title4k {
	float:left;
	width:800px;
	height:250px;
	text-indent:-9999px;
	background-image: url(../images/headtitle/works_4k.jpg);
	background-repeat: no-repeat;
}

