a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: underline;
}

body {
	margin: 0 auto;
	font-size: 14px;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"verdana","MS UI Gothic", "lr oSVbN", "qMmpS Pro W3","ＭＳ Ｐゴシック","MS P Gothic";
	color: #fff;
	width:100%;
	overflow:hidden;
}


/*top*/

#top h1 img{
	position:absolute;
	top:50%;
	left:50%;
	margin:-120px 0 0 -395px;
}

#top .btn{
	position:absolute;
	top:50%;
	left:50%;
	margin:40px 0 0 -80px;
}

#top .btn02{
	position:absolute;
	top:50%;
	left:50%;
	margin:90px 0 0 -80px;
}

#top .btn03{
	position:absolute;
	top:50%;
	left:50%;
	margin:90px 0 0 -128px;
}

#top h1 + p{
	position:absolute;
	top:10px;
	right:10px;
	font-size:13px;
	color:#FFF;
}


/*sub*/

#slider {
    position: absolute;
    height: 60px;
	width:100%;
    overflow: hidden;
	z-index:1002;
	bottom:40px;
	left:0px;
	display:none;
}

.next02 {
    position: absolute;
	z-index:1002;
	bottom:40px;
	right:0px;
	display:none;
	cursor:pointer;
}

.prev02 {
    position: absolute;
	z-index:1002;
	bottom:40px;
	left:0px;
	display:none;
	cursor:pointer;
}

#slider ul {
    clear: both;
    zoom: 1;
    position: absolute;
	left:0;
}

#slider li {
    float: left;
    display: inline;
    width: 90px;
    height: 60px;
	cursor:pointer;
	overflow: hidden;
}

#slider li:hover {
    border: solid 3px #fdd000;
	width: 84px;
    height: 54px;
}

#slider li:hover img {
	margin:-3px;
}

#slider li.active {
    border: solid 3px #fdd000;
	width: 84px;
    height: 54px;
}

#slider li.active img {
	margin:-3px;
}


.tooltips {
  display: block;
  position: absolute;
  z-index: 9999999;
  width: auto;
  height: auto;
  padding:5px;
  color: #FFFFFF;
  font-size: 12px;
  background: url(../img/cap_bg.png) repeat;
}
.tooltips:after {
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0.5em;
  top: -8px;
}

/*light box*/
#movie {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
}

#open01, #open02, #open03, #open04 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
}
.close {
	top: -20px;
	right: 0;
	width: 12px;
	height: 12px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background:url(../img/btn_close_w.png);
	z-index: 9010;
}
.modal_window .close {
	top: 16px;
	right: 16px;
	width: 12px;
	height: 12px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background:url(../img/btn_close_b.png);
	z-index: 9010;
}
.close_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: #000;
	opacity: 0.25;
	z-index: 9000;
}
.modal_window {
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -300px;
	width: 520px;
	height: 320px;
	padding:40px;
	display: block;
	position: absolute;
	z-index: 10000;
	background-color:#fff;
}
.movie_window{
	top: 50%;
	left: 50%;
	margin: -270px 0 0 -480px;
	width: 960px;
	height: 540px;
	text-align: center;
	display: block;
	position: absolute;
	z-index: 10000;
}
.modal_window h1 {
	margin-bottom: 20px;
	color: #2f2f2f;
	font-weight:bold;
	font-size: 18px;
	text-align: left;
}
.modal_window p {
	font-size: 12px;
	line-height: 160%;
	text-align: left;
	color:#2f2f2f;
}

.modal_window div {
	padding: 0 20px 0 0;
	width: 520px;
	height: 320px;
	overflow:auto;
}

#top .modal_window {
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -300px;
	width: 720px;
	height: 320px;
	padding:40px;
	display: block;
	position: absolute;
	z-index: 10000;
	background-color:#fff;
}

#top .modal_window .fix {
	position:fixed;
	width:413px;
}

#top .modal_window div {
	padding: 0 20px 0 0;
	width: 720px;
	height: 320px;
	overflow:auto;
}

.play{
	position:absolute;
	top:240px;
	left:450px;
	cursor:pointer;
}

#movie02 {
	top: -9999px;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

#movie02 .movie_window{
	top: 50%;
	left: 50%;
	margin: -180px 0 0 -320px;
	width: 640px;
	height: 360px;
	text-align: center;
	display: block;
	position: absolute;
	z-index: 10000;
}

#movie02 div {
	top: -9999px;
}


/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
 0% {
opacity:0;
display:block;
}
 100% {
opacity:1;
}
}
div#modal div:target {
	-webkit-animation-name: modalFadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display:block;
}


/*静止画ページ*/

.header{
	position:absolute;
	height:40px;
	width:100%;
	min-width:1920px;
	background:url(../img/bg.png);
}

.header h1 img{
	float:left;
	margin:10px 0 0 14px;
}

.header a img{
	float:left;
	margin:8px 0 0 14px;
}

.foot{
	position:absolute;
	bottom:0;
	left:0;
	height:40px;
	width:100%;
	min-width:1920px;
	background:url(../img/bg.png);
}

.kengaku, .kengaku2{
	position:absolute;
	bottom:8px;
	right:120px;
}

.ex .kengaku, .ex .kengaku2{
	position:absolute;
	bottom:8px;
	right:10px;
}

.map{
	position:absolute;
	bottom:8px;
	right:10px;
}

#map{
	position:absolute;
	z-index:1002;
	bottom:50px;
	right:10px;
	display:none;
}

.prev{
	position:absolute;
	top:50%;
	left:37px;
	margin-top:-39px;
}

.next{
	position:absolute;
	top:50%;
	right:37px;
	margin-top:-39px;
}

#security .spot{
	position:absolute;
	top:48%;
	left:61%;
}

#truck .spot{
	position:absolute;
	top:46%;
	left:28%;
}

#elevator .spot{
	position:absolute;
	top:46%;
	left:58%;
}

#corridor .spot{
	position:absolute;
	top:80%;
	left:34%;
}

#communication .spot{
	position:absolute;
	top:45%;
	left:20%;
}

#rooftop .spot{
	position:absolute;
	top:55%;
	left:30%;
}

/*テンプレ*/

.fl{
	float:left;
}

.fr{
	float:right;
	width:200px;
}

#top .fr{
	float:right;
	width:260px;
}

.mr20{
	margin-right:20px;
}

/*#container div div:nth-of-type(2){
	display:none;
}*/