/*----------------------------------------------------
index css for commonGround

----------------------------------------------------*/

/* common ------------------------------------------*/

#container {
/*  background-image : url("../images/index_bg.jpg"); */
  background-position : left top;
  min-width: 1000px;
}


/* index -------------------------------------------*/

#mainimg {
  position : relative;
  /*width : 950px;*/
  height : 415px;
}

#mainimg .container {
  min-width: 1000px;
  margin: 0 auto;
}

#mainimg .release {
  position : absolute;
  top : 150px;
  left : 530px;
}

#mainimg .release .more {
  position : absolute;
  bottom : 0;
}

.index-main {
  width : 950px;
}

.contents {
  width : 830px;
  float : left;
}

.index-main #global {
  overflow : hidden;
  margin-bottom : 10px
}

.index-main #global:after {
  content : "";
  display : block;
  clear : both;
  height : 1px;
  overflow : hidden;
}

/*\*/
* html .index-main #global {
  height : 1em;
  overflow : visible;
}
/**/

.info {
  width : 515px;
  float : left;
  border-left : 5px solid #CCCCCC;
  text-align : left;
}

.info h2 {
  float : left;
  height : 150px;
}

.info iframe {
  width : 410px;
  float : right;
}

.info dl {
  width : 410px;
  float : right;
  margin-bottom : 15px;
  border-bottom : 1px dotted #CCCCCC;
}

.info dl dt {
  width : 20%;
  float : left;
  padding : 5px 0;
  border-top : 1px dotted #CCCCCC;
  clear : both;
}

.info dl dt .marker {
  color : #BBBBBB;
}

.info dl dd {
  width : 80%;
  float : right;
  padding : 5px 0;
  border-top : 1px dotted #CCCCCC;
}

.info dl dt.first,.info dl dd.first {
  border-top : none;
}

.info dl a:link { color : #555555; }
.info dl a:visited { color : #555555; }
.info dl a:hover { color : #FF6600; }
.info dl a:active { color : #FF6600; }

ul.banner {
  float : right;
  margin : 0;
  padding : 0;
  list-style-type : none;
}

ul.banner li {
  margin-bottom : 5px;
}

.main-logo {
  background: url(../images/top/logo-bg.png);
  /*display: none;*/
  opacity: 0;
}
.main-slider {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-slider li {
    float: left;
}
.main-slider-view {
  display: none;
  position: relative;
  width: 950px;
  height: 415px;
  margin: 0 auto;
}
.main-btn-arrow {
    position: absolute;
    width: 950px;
    top: 50%;
    left: 50%;
    margin-left: -475px;
}
.main-btn-arrow ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-btn-arrow li {
  position: absolute;
  margin-top: -25px;
  float: none;
}

.main-btn-arrow li a:hover img {
  opacity: 0.8;
}

.main-btn-arrow li.next {
  right: -25px;
}
.main-btn-arrow li.prev {
  left: -25px;
}