@charset "UTF-8";

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
	display:block;
}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
.lt-ie9 body{
    background: url(images/ietop.jpg) repeat left top;/* IE6～8用の背景画像 */
    background-size:100% auto;
}
body{
	font-family:"Helvetica", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	color:#FFF;
    text-align:centermargin: 0px;
    padding: 0px;
	background-color: #000;
    overflow:hidden;
	height:100%;
}
body#pagescroll{
	overflow-y:auto;
	overflow-x:hidden;
	}
a img{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none}a{outline:0}img{vertical-align:bottom}.clear{clear:both}.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}.clearfix{display:inline-block}/*\*/* html .clearfix{height:1%}.clearfix{display:block}/**/
.red{color:#E50011}.tipped{color:#999}.left{float:left}.right{float:right}.imgright{float:right;padding-bottom:20px;padding-left:20px}.imgleft{float:left;padding-bottom:20px;padding-right:20px}.center{text-align:center}
.textright{text-align: right;}

#fade {
	position: absolute; /* ie6 */
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent:inherit;
	z-index:999;
	background-color: #000;
	background-image: url(images/load.gif),url(images/logo.png);
	background-position: center center,60px 48px;
	background-repeat: no-repeat,no-repeat;
}

/*****共通*****/
*{
	margin:0;
	padding-right: 0;
	padding-bottom: 0;
}

a {
	color: #FFF;
	text-decoration: none;
}
#sidebox{
	width:180px;
	padding-top: 140px;
	padding-left: 62px;
	position: fixed;
	z-index: 5;
}
#sidebox ul li a {
	color: #FFF;
	text-decoration: none;
}
#sidebox p {
	font-size: 10px;
	line-height: 150%;
	padding-bottom:15px;
}
#sidebox p span {
	font-size: 11px;
}
#sidebox ul  {
	padding-bottom:15px;
	padding-right: 10px;
	padding-left: 0px;
}
#sidebox ul li {
	list-style-type: none;
	padding-bottom: 20px;
	font-size: 16px;
}
.sidrcopy{
	position:fixed;
	bottom:10px;
}
#sidebox nav ul li a img {
	margin-bottom: 10px;
}
#logo {
	position: fixed;
	z-index: 100;
	left: 60px;
	top: 48px;
}
.scroll{
	overflow-y: auto;
}
/***背景動画表示の調整***/
#big-video-wrap {
    z-index: 1;
    /display: none;/* IE6 7では動画非表示 */
	color:#000;
	position:fixed;
}
/*IE8では動画非表示*/
html>/**/body #big-video-wrap {
    display/*\**/: none\9;
}
/*IE9では動画表示*/
body:not(:target) #big-video-wrap{
    display: block;
}


#contents p {
	font-size: 12px;
	line-height: 150%;
	padding-bottom: 15px;
}

.about {
	width: 688px;
	position: absolute;
	left: 520px;
	top: 100px;
	z-index:100;
	padding-bottom:100px;
}
.works {
	width: 1030px;
	position:absolute;
	left: 300px;
	top: 50%;
	z-index:100;
	height:540px;
	margin-top:-270px;
	
}
.staff {
	width: 890px;
	position:absolute;
	left: 520px;
	top: 50%;
	z-index:100;
	height:430px;
	margin-top:-215px;
}
#contents h1 {
	font-size: 40px;
	font-weight: normal;
	padding-bottom: 45px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#contents h2 {
	font-size: 12px;
	font-weight: bold;
	padding-bottom:5px;
}
.smaimg{
	display:none;
}
.smapv{
	display:none;
}
.works .thumbs {
	width: 600px;
	float: right;
    margin-top: -70px;
  margin-left: 10px;
}
.works .thumbs img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 170px;
	width: 290px;
}
.works .thumbs .pcmov{
	width: 290px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.pcmov.mov1 a {
	height: 170px;
	width: 290px;
	background-image: url(images/mov_prev.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
.pcmov.mov1 a:hover {
	background-image: url(images/mov_prev_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.pcmov.mov2 a {
	height: 170px;
	width: 290px;
	background-image: url(images/pv2_a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
.pcmov.mov2 a:hover {
	background-image: url(images/pv_2_ahover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.pcmov.mov3 a {
	height: 170px;
	width: 290px;
	background-image: url(images/pv3_a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
.pcmov.mov3 a:hover {
	background-image: url(images/pv_3_ahover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}