@charset "utf-8";


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

#movie_box {
	float:left;
	padding:0px;
	width:1020px;
}
#movie_set {
	float:left;
	padding:0px;
	width:720px;
	height: 530px;
}

/* タイトル */
#movie_title {
	float:left;
	padding:0px;
	width:600px;
	font-size: 36px;
	margin-bottom:5px;
}/* アイコンなし */
#movie_title_hd {
	float:left;
	padding:0px;
	font-size: 36px;
	margin-bottom:5px;
	background-position: right center;
	margin-right: 5px;
	padding-right: 31px;
	background-image: url(../images/icon/hd.png);
	background-repeat: no-repeat;
}
#movie_title_sd {
	float:left;
	padding:0px;
	font-size: 36px;
	margin-bottom:5px;
	background: url(/images/icon/sd.png) no-repeat;
	background-position: right center;
	margin-right: 5px;
	padding-right: 31px;
}
#movie_title_sq {
	float:left;
	padding:0px;
	font-size: 36px;
	margin-bottom:5px;
	background-position: right center;
	margin-right: 5px;
	padding-right: 31px;
	background-image: url(../images/icon/squeeze.png);
	background-repeat: no-repeat;
}
#movie_title_h4k {
	float:left;
	padding:0px;
	font-size: 36px;
	margin-bottom:5px;
	background: url(/images/icon/4k.png) no-repeat;
	background-position: right center;
	margin-right: 5px;
	padding-right: 31px;
}
#movie_title_hd3d {
	float:left;
	padding:0px;
	font-size: 36px;
	margin-bottom:5px;
	background: url(/images/icon/hd3d.png) no-repeat;
	background-position: right center;
	margin-right: 5px;
	padding-right: 60px;
}
#movie_title_sd3d {
	float:left;
	padding:0px;
	font-size: 36px;
	margin-bottom:5px;
	background: url(/images/icon/sd3d.png) no-repeat;
	background-position: right center;
	margin-right: 5px;
	padding-right: 60px;
}
#movie_title_sq3d {
	float:left;
	padding:0px;
	font-size: 36px;
	margin-bottom:5px;
	background-position: right center;
	margin-right: 5px;
	padding-right: 60px;
	background-image: url(../images/icon/sd3dsq.png);
	background-repeat: no-repeat;
}
#movie_title_h4k3d {
	float:left;
	padding:0px;
	font-size: 36px;
	margin-bottom:5px;
	background: url(/images/icon/4k3d.png) no-repeat;
	background-position: right center;
	margin-right: 5px;
	padding-right: 60px;
}


#movie_type {
	float:right;
	padding:0px;
	width:100px;
}
#movie_type ul#nomalset {
	float:right;
	padding:0px;
	width:100px;
	margin-top:20px;
}
#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(/images/icon/nomal_active.png);
}
#movie_type ul#nomalset li#special {
	float:right;
	no-repeat;
	background-image: url(/images/icon/special.png);
}

#movie_type ul#specialset {
	float:right;
	padding:0px;
	width:100px;
	margin-top:20px;
}
#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(/images/icon/special_active.png);
}
#movie_type ul#specialset li#nomal {
	float:right;
	no-repeat;
	background-image: url(/images/icon/nomal.png);
}
/* 動画 */
#movie_stage {
	float:left;
	padding:0px;
	width:720px;
	height:422px;
	background-color:#555555;
}

.movie_attention {
	float:left;
	line-height:14px;
	padding-top:10px;
	padding-bottom:10px;
}

/* ボタン */
ul#movie_button {
	float:left;
	width:720px;
	height:57px;
	margin-bottom:10px;
	background-image: url(../material/images/common/movie_menu_nomal.jpg);
	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#sample a {
	float:left;
	width:180px;
	height:57px;
}
ul#movie_button li#calculation a {
	float:left;
	width:180px;
	height:57px;
}
ul#movie_button li#addwishlist a {
	float:left;
	width:180px;
	height:57px;
}
ul#movie_button li#order a {
	float:left;
	width:180px;
	height:57px;
}
/* ボタンアクティブ */
ul#movie_button li#sample a:hover {
	float:left;
	width:180px;
	height:57px;
	background: url(../material/images/common/movie_menu_active.jpg);
	 no-repeat;
	background-position:0 0px;
}
ul#movie_button li#calculation a:hover {
	float:left;
	width:180px;
	height:57px;
	background: url(../material/images/common/movie_menu_active.jpg);
	 no-repeat;
	background-position:540px 0px;
}
ul#movie_button li#addwishlist a:hover {
	float:left;
	width:180px;
	height:57px;
	background: url(../material/images/common/movie_menu_active.jpg);
	 no-repeat;
	background-position:360px 0px;
}
ul#movie_button li#order a:hover {
	float:left;
	width:180px;
	height:57px;
	background: url(../material/images/common/movie_menu_active.jpg);
	 no-repeat;
	background-position:180px 0px;
}
/* カット */
#movie_cut {
	float:right;
	width:290px;
	/*height: 520px;*/
	height: 540px;
}
#movie_cut #cutdata {
	float:left;
	width:290px;
	height:25px;
	text-indent:-9999px;
	background: url(/material/images/common/another_cuts.jpg);
	 no-repeat;
	background-color:#666666;
	margin-bottom:3px;
	vertical-align:top;
}
#movie_cut .otherCuts {
	float:right;
}
#movie_cut .otherRolls {
	margin-right:2px;
	margin-top:2px;
	float:right;
	width:130px;
	height:22px;
	background: url(/material/images/common/other_rolls.png);
	background-repeat:no-repeat;
}

#movie_cut #cutlist {
	float:right;
	width:288px;
	height:512px;
	/*min-height: 100%;*/
	border-width: 1px;
	border-style: solid;
	background-color:#E4E4E4;
	_height:520px;
}
#movie_cut .cutbody {
	float:right;
	width:288px;
	/*height:480px;*/
	/*height:510px;*/
	height:486px;
	overflow:auto;
	/*_height:510px;*/
	/*_height:530px;*/
	_height:506px;
}

#movie_cut #cutlist p {
	float:left;
	clear:both;
	padding:5px;
	margin-left:5px;
	_padding:3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#movie_cut #cutlist p {
	float:left;
	clear:both;
	padding:5px;
	margin-left:5px;
	_padding:3px;
	font-size:90%;
}
}
#movie_cut #cutlist dl {
	float:left;
	clear:both;
	width:255px;
	padding:5px;
	margin-left:5px;
	_padding:3px;
}
#movie_cut #cutlist dt {
	float:left;
	padding-right:5px;
}
#movie_cut #cutlist dt img {
	width: 160px;
	height:90px;
}
#movie_cut #cutlist dd {
	float:left;
}
#movie_cut #cutlist dl.search {
	background-color:#6291B0;
}
#movie_cut #cutlist dl.active {
	background-color:#6291B0;
}

#movie_cut #cutlist .cutThumbnail {
	display:block;
	width:160px;
	height:90px;
}
#movie_cut #cutlist .cutNo {
	color:#fff;
	background-color:#000;
	font-weight:normal;
	padding:0px 3px;
	width:20px;
	height:14px;
}
#movie_cut .cutTab {
	background: url(/material/images/common/roll_tab_hitcut.png);
	width:241px;
	height:21px;
	background-repeat:no-repeat;
}
#movie_cut .cutTab.all {
	background: url(/material/images/common/roll_tab_allcut.png);
}
#movie_cut .cutTab div {
	float:left;
	width:120px;
	text-indent:-9999px;
}

#movie_cut div.cutPlaying {
	width:30px;
	height:30px;
	background: url(/material/images/common/play.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-left:65px;
	margin-top:16px;
}

/* 動画詳細 */
#movie_detail {
	float:left;
	padding:0px;
	width:1020px;
	margin-bottom:10px;
	margin-top:30px;
	background-color:#E4E4E4;
	_margin-top:15px;
}
#movie_detail h3 {
	float:left;
	width:1020px;
	height:20px;
	text-indent:-9999px;
	background: url(../material/images/common/movie_detail.jpg);
	 no-repeat;
	background-color:#666666;
}

#movie_detail #list {
	float:left;
	width:400px;
	padding:15px;
}
#movie_detail #list dl {
	float:left;
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width:400px;
}
#movie_detail #list dt {
	float:left;
	padding:5px;
	width:100px;
	font-weight: bold;
}
#movie_detail #list dd {
	float:left;
	padding:5px;
}

#movie_detail #subdata {
	float:left;
	width:260px;
	padding:15px;
}
#movie_detail #subdata dl {
	float:left;
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width:260px;
}
#movie_detail #subdata dt {
	float:left;
	padding:5px;
	width:110px;
	font-weight: bold;
}
#movie_detail #subdata dd {
	float:left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#movie_detail #camera {
	float:left;
	width:260px;
	padding:15px;
}
#movie_detail #camera dl {
	float:left;
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width:260px;
}
#movie_detail #camera dt {
	float:left;
	padding:5px;
	width:120px;
	font-weight: bold;
}
#movie_detail #camera dd {
	float:left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#movie_detail #movie_url {
	padding: 0 15px 15px;
	width: 700px;
}
#movie_detail #movie_url dl dt{
	padding: 5px;
	font-weight: bold;
}
#movie_detail #movie_url dl dd input.text{
	margin-left: 5px;
	width: 680px;
}


/* リクエストフォーム */
#request {
	float:left;
	padding:0px;
	width:1000px;
	padding-left:10px;
	margin-bottom:10px;
	margin-top:30px;
	_margin-top:15px;
}
#request_complete {
	float:left;
	padding:0px;
	width:1020px;
	margin-top:10px;
	_margin-top:5px;
	color:#CC0000;
}
#request textarea {
	margin-bottom:10px;
	margin-top:10px;
	_margin-top:5px;
}
#request .updnWatermark  {
	padding: 10px;
	padding-top: 20px;
}

/* 検索バー */
#search {
	float:left;
	padding:0px;
	width:1020px;
	margin-top:10px;
	background-color:#E4E4E4;
	_margin-top:5px;
}
#search #default {
	float:left;
	width:1020px;
	height:80px;
	background: url(/images/common/searchbar/bg.gif) no-repeat;
}
#search #default #keyword {
	float:left;
	padding-top:36px;
	padding-left:8px;
	_padding-left:0px;
	margin-left:150px;
	_margin-left:75px;
	background: url(/images/common/searchbar/keyword.gif) no-repeat;
	font-size: 18px;
}
#search #default #category {
	float:left;
	padding-top:36px;
	padding-left:8px;
	background: url(/images/common/searchbar/category.gif) no-repeat;
}
#search #default #location {
	float:left;
	padding-top:10px;
	padding-left:8px;
	width:270px;
}
#search #default #location #top {
	float:left;
	padding-top:6px;
}
#search #default #location #top input {
	padding:2px;
}
#search #default #location #left {
	float:left;
	padding-left:10px;
}
#search #default #location #left dl {
	float:left;
	clear:both;
}
#search #default #location #left dt {
	float:left;
	padding:5px;
	font-weight: bold;
}
#search #default #location #left dd {
	float:left;
	padding:5px;
}
#search #default #location #right {
	float:left;
	padding-top:8px;
}
#search #default #submit {
	float:right;
	padding-top:18px;
	padding-left:8px;
	margin-right:20px;
}


#search #option {
	float:left;
	width:1020px;
	height:25px;
	background-image: url(/images/common/searchbar/option.gif);
}
#search #option a {
	display: block;
	width:1020px;
	height:25px;
	text-indent:-9999px;
}
#search #search_option {
	float:left;
	width:1020px;
	height:200px;
	background-color:#404040;
}
#search #search_option #close {
	float:left;
	width:1020px;
	height:25px;
	background-image: url(/images/common/searchbar/option_close.gif);
}
#search #search_option #close a {
	display: block;
	width:1020px;
	height:25px;
	text-indent:-9999px;
}





/* 検索結果一覧 */
#result {
	float:left;
	padding:0px;
	width:1020px;
	margin-bottom:10px;
	margin-top:30px;
	_margin-top:15px;
}
#result h3 {
	float:left;
	width:1020px;
	height:30px;
	text-indent:-9999px;
	background: url(../material/images/common/title_search_result.gif);
	no-repeat;
	margin-bottom:10px;
}

#result .resultactive  {
	float: left;
	padding: 10px;
	position: relative;
	width: 184px;
	background-color:#E4E4E4;
	_width: 182px;
}
#result .result  {
	float: left;
	padding: 6px;
	position: relative;
	width: 188px;
	height:180px;
}
#result img  {
	background: #fff;
	border: solid 1px #ccc;
	width: 188px;
	height:105px;
}
/*icon*/
#result 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;
}
#result 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;
}
#result 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;
}
#result 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;
}
#result span.hd3d {
	width: 60px;
	height: 25px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/hd3d.png) no-repeat;
	text-indent:-9999px;
}
#result span.sd3d {
	width: 60px;
	height: 25px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/sd3d.png) no-repeat;
	text-indent:-9999px;
}
#result span.sq3d {
	width: 60px;
	height: 25px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/sd3dsq.png) no-repeat;
	text-indent:-9999px;
}
#result span.h4k3d {
	width: 60px;
	height: 25px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(/images/icon/4k3d.png) no-repeat;
	text-indent:-9999px;
}

#result dl {
	float:left;
	clear:both;
	width:184px;
	padding:5px;
	_width: 182px;
}
#result dt {
	font-weight: bold;
}

#result #result_head {
	float:left;
	width:1020px;
	margin-bottom:10px;
}
#result #result_head #text {
	float:left;
	padding:10px;
	width:1020px;
	font-size:18px;
}
#result #result_head #list {
	float:right;
	padding:5px;
	width:1000px;
	text-align: right;
}
#result #result_head #list1 a {
	float:right;
	display: block;
	padding:5px;
	padding-left:13px;
	padding-right:13px;
	background: #fff;
	border: solid 1px #ccc;
	font-size:18px;
	margin-left:5px;
}
#result #result_head #list1 a:hover {
	float:right;
	display: block;
	padding:5px;
	padding-left:13px;
	padding-right:13px;
	background: #ccc;
	border: solid 1px #ccc;
	font-size:18px;
	margin-left:5px;
}
#result #result_head #list1 .active {
	float:right;
	display: block;
	padding:5px;
	padding-left:13px;
	padding-right:13px;
	background: #E4E4E4;
	border: solid 1px #ccc;
	font-size:18px;
	margin-left:5px;
}

#result #result_foot #list2 {
	float:right;
	padding:10px;
	width:1000px;
	margin-top:30px;
	_margin-top:15px;
	text-align: right;
	background-color:#E4E4E4;
	_width:1020px;
}
#result #result_foot #list2 a {
	float:right;
	display: block;
	padding:5px;
	padding-left:13px;
	padding-right:13px;
	background: #fff;
	border: solid 1px #ccc;
	font-size:18px;
	margin-left:5px;
}
#result #result_foot #list2 a:hover {
	float:right;
	display: block;
	padding:5px;
	padding-left:13px;
	padding-right:13px;
	background: #ccc;
	border: solid 1px #ccc;
	font-size:18px;
	margin-left:5px;
}
#result #result_foot #list2 .active {
	float:right;
	display: block;
	padding:5px;
	padding-left:13px;
	padding-right:13px;
	background: #E4E4E4;
	border: solid 1px #ccc;
	font-size:18px;
	margin-left:5px;
}
/* TOPページ */
div.material_title {
	float:left;
	width:1020px;
	height:430px;
	background-image: url(/material/images/top_image.jpg);
	background-repeat: no-repeat;
}
div.material_title div.float {
	float:left;
	width:1020px !important;
	height:400px;
}
div.floatleft {
	float:left;
	width:1020px;
	height:30px;
}
ul#material_menu {
	float:left;
	width:1020px;
	height:30px;
	background-image: url(/material/images/material_menu.jpg);
	background-repeat: no-repeat;
}
ul#material_menu li {
	float:left;
	text-decoration:none;
	display:inline;
}

ul#material_menu li a {
	display:block;
	height:100%;
	text-indent:-9999px;
}
ul#material_menu li.h3d a {
	float:left;
	width:255px;
	height:30px;
}
ul#material_menu li.h4k a {
	float:left;
	width:255px;
	height:30px;
}
ul#material_menu li.h3dsakuhin a {
	float:left;
	width:255px;
	height:30px;
}
ul#material_menu li.h4ksakuhin a {
	float:left;
	width:255px;
	height:30px;
}
ul#material_menu li.h3d a:hover {
	float:left;
	width:255px;
	height:30px;
	background: url(/material/images/material_menu_active.jpg);no-repeat;
	background-position:0px 0px;
}
ul#material_menu li.h4k a:hover {
	float:left;
	width:255px;
	height:30px;
	background: url(/material/images/material_menu_active.jpg);no-repeat;
	background-position:765px 0px;
}
ul#material_menu li.h3dsakuhin a:hover {
	float:left;
	width:255px;
	height:30px;
	background: url(/material/images/material_menu_active.jpg);no-repeat;
	background-position:510px 0px;
}
ul#material_menu li.h4ksakuhin a:hover {
	float:left;
	width:255px;
	height:30px;
	background: url(/material/images/material_menu_active.jpg);no-repeat;
	background-position:255px 0px;
}

div#protoflow {
	padding-top:185px;
	padding-left:25px;
	padding-right:25px;
	width: 1020px;
}

div#protoflow img {
	margin-bottom:5px;
	border: solid 1px #fff;
}