/*
*	/index.html style
*
*
******************************************************/
#headSec {
  height: 70px;
}

#contents {
  width: 100%;
  margin: 0;
  background-image: none;
}
#contents #bodySec-inner {
  width: 100%;
  padding: 0;
}

#gNav {
  height: 60px;
  background-color: #FFF300;
  border-bottom: 1px solid #000000;
}
#gNav ul {
  /*width: 960px;*/
  width: 720px;
  margin: 0 auto;
}
#gNav ul:before, #gNav ul:after {
  content: "";
  display: table;
}
#gNav ul:after {
  clear: both;
}
#gNav ul {
  zoom: 1;
}
#gNav ul li {
  display: inline;
  float: left;
}
#gNav ul li#gNav1 a {
  display: block;
  background-image: url("../img/index_gnav1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 240px;
  height: 60px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
#gNav ul li#gNav1 a:hover {
  display: block;
  background-image: url("../img/index_gnav1_o.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 240px;
  height: 60px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
#gNav ul li#gNav2 a {
  display: block;
  background-image: url("../img/index_gnav2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 240px;
  height: 60px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
#gNav ul li#gNav2 a:hover {
  display: block;
  background-image: url("../img/index_gnav2_o.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 240px;
  height: 60px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
#gNav ul li#gNav3 a {
  display: block;
  background-image: url("../img/index_gnav3.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 240px;
  height: 60px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
#gNav ul li#gNav3 a:hover {
  display: block;
  background-image: url("../img/index_gnav3_o.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 240px;
  height: 60px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
#gNav ul li#gNav4 a {
  display: block;
  background-image: url("../img/index_gnav4.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 240px;
  height: 60px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
#gNav ul li#gNav4 a:hover {
  display: block;
  background-image: url("../img/index_gnav4_o.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 240px;
  height: 60px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}

#movieArea {
  position: relative;
  min-width: 960px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
#movieArea img {
  width: 100%;
  height: auto;
}
#movieArea .inner {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: url(../img/index_dot_layer.png) 0 0 repeat;
}
#movieArea .inner a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/index_play_btn.png) center center no-repeat;
}
#movieArea iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#navArea {
  min-width: 960px;
}
#navArea ul:before, #navArea ul:after {
  content: "";
  display: table;
}
#navArea ul:after {
  clear: both;
}
#navArea ul {
  zoom: 1;
}
#navArea ul li {
  float: left;
}
#navArea ul li img {
  width: 100%;
  line-height: 0;
  font-size: 0;
}
#navArea ul.column1 li {
  width: 100%;
}
#navArea ul.column3 li {
  width: 33.33%;
}
#navArea #txtNavArea {
  background-color: #221713;
}
#navArea #txtNavArea .inner {
  width: 960px;
  margin: 0 auto;
  padding: 52px 0 76px;
}
#navArea #txtNavArea .inner:before, #navArea #txtNavArea .inner:after {
  content: "";
  display: table;
}
#navArea #txtNavArea .inner:after {
  clear: both;
}
#navArea #txtNavArea .inner {
  zoom: 1;
}
#navArea #txtNavArea .inner .parent {
  float: left;
}
#navArea #txtNavArea .inner .parent a {
  display: block;
  line-height: 50px;
  color: #ccc;
  font-size: 93%;
}
#navArea #txtNavArea .inner .child {
  float: right;
  width: 760px;
}
#navArea #txtNavArea .inner .child:before, #navArea #txtNavArea .inner .child:after {
  content: "";
  display: table;
}
#navArea #txtNavArea .inner .child:after {
  clear: both;
}
#navArea #txtNavArea .inner .child {
  zoom: 1;
}
#navArea #txtNavArea .inner .child ul {
  width: 360px;
}
#navArea #txtNavArea .inner .child ul li {
  width: 100%;
  line-height: 50px;
  background: url(../common/img/dotline03.png) 0 bottom repeat-x;
  color: #666;
  font-size: 93%;
}
#navArea #txtNavArea .inner .child ul li a {
  display: block;
  line-height: 50px;
  color: #ccc;
  background: url(../common/img/ico_arrow02.png) 342px center no-repeat;
}

#footSec {
  width: 100%;
  margin-top: 0;
  padding: 22px 0 18px;
  background-color: #fff;
}
#footSec #footSec-inner {
  width: 960px;
  margin: 0 auto;
}