@charset "utf-8";
/*
	ENTACL - works.css
	COPYRIGHT(C) ENTACL GRAPHICXXX  All Right reserved.
*/
/* ==========================================================
	works
========================================================== */
body {
  background: url(../images/works/bg_repeat.gif);
  background-color: #d7284a;
}
body #wrapper {
  position: relative;
  min-width: 1160px;
  z-index: 1;
  background: url(../images/works/bg_bottom.jpg) no-repeat center bottom;
  background-size: cover;
  overflow: hidden;
}

body .bg_container .bug01,
body .bg_container .bug02,
body .bg_container .bug03,
body .bg_container .bug04,
body .bg_container .bug05,
body .bg_container .bug06 {
  position: absolute;
  z-index:100;
}

body .page {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 50px;
}

body.works #wrapper {
  min-width: 1200px;
}

body.works-info #wrapper {
  background-position: center top;
}

body.works-info .page {
  width: 1000px;
  /*margin-top: -28px;*/
  padding: 0;
  z-index: 1;
}

/* global-header
========================================================== */
.global-header {
 /* width: 100%;
  height: 460px;*/
  width: 100%;
  min-width: 1100px;
  margin-bottom: 36px;
  /*background: url(../images/works/bg_header.png) no-repeat center top;*/
}

.global-header img {
  width: 100%;
  height: auto;
}

/* page
========================================================== */
.page-detail {
  margin-bottom: 70px;
  overflow: hidden;
  *zoom: 1;
}
.page-detail h1 {
  float: left;
}
.page-detail .lead-text {
  float: left;
  width: 476px;
  padding: 20px;  
  margin-left: 50px;
  color: #fff;
  line-height: 1.8;
  background-color: #537c96;
}

/* list-article
========================================================== */
.list-article {
  position: relative;
  margin: 0 0 68px 10px;
  overflow: hidden;
  *zoom: 1;
}
.list-article li {
  position: relative;
  float: left;
  width: 340px;
  height: 459px;
  margin: 0 0 25px 40px;
  z-index: 1;
}

/* btn etc...
========================================================== */
.logo {
  margin-bottom: 40px;
  text-align: center;
}

.global-footer .logo {
  margin-bottom: 0;
}

.btn-ent10 {
  text-align: center;
}

/* works-header
========================================================== */
.works-header {
  text-align: center;
  background-color: #212a2f;
}

.works-header h1 {
  text-align: center;
  padding: 11px 0 8px 0;
  border-bottom: 4px solid #395968;
  background: #537c96;
}

/* main-area
========================================================== */
#main-area {
  position: relative;
  width: 100%;
  margin: 0 auto;
  /*padding-bottom: 28px;*/
}

.content-slider {
  width: 1000px;
}

.content-slider li {
  display: block;
  opacity: 0;
}

.content-slider li a {
  display: block;
}

.content-slider li .videoWrapper {
  position: relative;
  width: 1100px;
  height: 618px;
  padding-bottom: 28px;
}

.btn_prev, .btn_next {
  position: absolute;
  top: 295px;
  left: 10px;
  opacity: 0.8;
}

#html5-video-controls {
  bottom: 29px;
  width: 1000px;
  margin: 0 0 0 50px;
}

.btn_next {
  left: auto;
  right: 10px;
}

/* description
========================================================== */
.description {
  margin-bottom: 40px;
  color: #f1efe6;
  background: url(../images/works/logo_entacl.gif) no-repeat right top #537c96;
}
  
.description h2 {
  font-size:40px;
  margin-top: -28px;
  padding: 34px 0 22px 32px;
  background: url(../images/works/01/bg_h2.png) no-repeat 15px 23px;
}

.description h2 span {
  font-size: 26px;
  vertical-align: middle;
}

.description .profile {
  height: 56px;
  padding: 10px 30px 17px 30px; 
  background: #395968;
}

.description .profile .name {
  float: left;
  font-size: 28px;
}

.description .profile span {
  display: block;
  font-size: 12px;
}

.description .profile .job {
  float: right;
  margin-top: 16px;
}

.description .profile .job span {
  line-height: 1.6;
}

.description .about {
  font-size: 16px;
  padding: 50px 30px 31px 30px;
}

.description .about p {
  background-color: #537c96;
  font-size: 14px;
}

.description .about p a {
  font-size: 14px;
  color: #f1efe6;
}

.description .about p a:hover {
  text-decoration: underline;
}

.description .about .link-url {
  position: relative;
  line-height: 1;
  margin: 35px 0 0 0;
  font-size: 14px;
  overflow: hidden;
  text-align: right;
}

.description .about .url {
  position: absolute;
  bottom: 0;
  right: 110px;
}

/* comment
========================================================== */
.description .about .comment {
  border-top: 1px solid #cbd8df;
  padding-top: 30px;
}

.description .about .comment h3 {
  font-size: 24px;
  font-weight: normal;
  margin: 0 0 15px 0;
}


/* other-works
========================================================== */
.other-works {
  width: 100%;
  background: #395968;
  margin-bottom: 38px;
}

.other-works .inner {
  width: 1046px;
  margin: 0 auto;
}

.other-works .inner .arrow-before,
.other-works .inner .arrow-next,
.other-works .inner .container {
  float: left;
}

.other-works .inner .container {
  width: 1000px;
  height: 100px;
  padding: 15px 0;
  overflow: hidden;
}

.other-works ul {
  width: 2000px;
  padding-left: 20px;
}

.other-works ul li {
  float: left;
  margin: 0 20px 0 0;
}