/* line 2, index.scss */
html {
  background-color: #000;
}

/* line 5, index.scss */
body {
  /*	background:url(/common/images/index/pc/main_bg.png) no-repeat top center;*/
}

/* line 9, index.scss */
#wrapper {
  clear: both;
  position: relative;
  color: #c5c5c5;
  font-size: 12px;
}
/* line 15, index.scss */
#wrapper header {
  position: absolute;
}
/* line 18, index.scss */
#wrapper .smartphone {
  display: none;
}
/* line 21, index.scss */
#wrapper .tablet {
  display: none;
}

/* line 26, index.scss */
.edgeLoad-OCEANUS_TOP {
  visibility: hidden;
}

/* line 30, index.scss */
#Stage {
  height: 650px;
  background: url(/common/images/index/pc/bg_ie8.png) no-repeat\9;
  position: relative;
  z-index: 1;
}

/* line 37, index.scss */
#main {
  position: relative;
}

/* line 41, index.scss */
header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}

/* line 48, index.scss */
#topics {
  position: static;
  margin-top: -40px;
  margin-left: -43px;
  width: 1086px;
  height: 219px;
  background: url(/common/images/index/pc/bottomTable.png) no-repeat;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

/* line 60, index.scss */
#topics .notDesktop {
  display: none;
}

/* line 64, index.scss */
#topics dl {
  position: relative;
  top: 13px;
  left: 160px;
}

/* line 70, index.scss */
#topics dt, dd {
  display: inline;
}

/* line 74, index.scss */
#topics dd {
  margin-left: 5px;
  padding: 0;
}

/* line 79, index.scss */
#carouselArea {
  margin-top: 30px;
  margin-left: 77px;
  width: 940px;
  overflow: hidden;
}

/* line 86, index.scss */
#carouselArea p {
  position: absolute;
}

/* line 90, index.scss */
#carouselArea p:hover {
  cursor: pointer;
}

/* line 94, index.scss */
#carouselArea p.left {
  margin-top: 78px;
  margin-left: -24px;
}

/* line 99, index.scss */
#carouselArea p.right {
  left: 1025px;
  margin-top: 78px;
  *top: 52px;
}

/* line 105, index.scss */
#carouselArea ul {
  width: 2000px;
  margin-left: 0px;
}

/* line 110, index.scss */
#carouselArea ul li {
  width: 300px;
  float: left;
  margin-right: 20px;
  font-size: 0.8em;
  line-height: 1.7em;
  letter-spacing: 0.1em;
}

/* line 119, index.scss */
#carouselArea ul li img {
  padding-bottom: 6px;
}

@media screen and (max-width: 852px) {
  /* line 132, index.scss */
  body {
    background: none;
  }
  /* line 136, index.scss */
  body #wrapper #Stage {
    display: none;
  }
  /* line 139, index.scss */
  body #wrapper .tablet {
    display: block;
  }
  /* line 142, index.scss */
  body #wrapper .notDesktop {
    display: block;
  }
  /* line 147, index.scss */
  body #topics {
    position: relative;
    margin: 0 auto;
    margin-top: 1px;
    width: 93%;
    min-width: 600px;
    height: 172px;
    background: none;
  }
  /* line 157, index.scss */
  body #topics img {
    position: relative;
  }
  /* line 161, index.scss */
  body #topics img.news {
    position: absolute;
    z-index: 999;
    left: 11%;
    margin-left: -45px;
    margin-top: 15px;
  }
  /* line 169, index.scss */
  body #topics img.table {
    width: 100%;
    min-width: 600px;
    height: 100%;
  }
  /* line 175, index.scss */
  body #topics dl {
    width: 300px;
    position: relative;
    margin-top: -172px;
    left: 14%;
  }
  /* line 182, index.scss */
  body #topics dt, body dd {
    display: inline;
  }
  /* line 186, index.scss */
  body #topics dd.desktop {
    display: none;
  }
  /* line 190, index.scss */
  body #topics dd.smartphone {
    display: inline;
  }
  /* line 194, index.scss */
  body #topics dd {
    margin-left: 5px;
    padding: 0;
  }
  /* line 199, index.scss */
  body #carouselArea {
    display: none;
  }
  /* line 203, index.scss */
  body #carouselAreaTab {
    margin: 0 auto;
    margin-top: 30px;
    width: 526px;
    overflow: hidden;
  }
  /* line 210, index.scss */
  body #carouselAreaTab p {
    position: absolute;
  }
  body #imageArea p img {
	  padding-top: 10%;
  }
  /* line 214, index.scss */
  body #carouselAreaTab p:hover {
    cursor: pointer;
  }
  /* line 218, index.scss */
  body #carouselAreaTab p.left {
    margin-top: 28px;
    left: 2%;
    z-index: 100;
  }
  /* line 222, index.scss */
  body #carouselAreaTab p.left img {
    width: 15px;
    height: 21px;
  }
  /* line 228, index.scss */
  body #carouselAreaTab p.right {
    margin-top: 28px;
    right: 2%;
  }
  /* line 231, index.scss */
  body #carouselAreaTab p.right img {
    width: 15px;
    height: 21px;
  }
  /* line 237, index.scss */
  body #carouselAreaTab ul {
    width: 3300px;
  }
  /* line 241, index.scss */
  body #carouselAreaTab ul li {
    position: relative;
    width: 300px;
    float: left;
    margin-right: 15px;
    font-size: 0.8em;
    line-height: 1.7em;
    letter-spacing: 0.1em;
    color: #c5c5c5;
  }
  /* line 253, index.scss */
  body #carouselAreaTab ul li.text {
    margin-top: 5px;
    width: 208px;
  }
  /* line 258, index.scss */
  body #carouselAreaTab ul li img {
    padding-bottom: 6px;
  }
  /* line 262, index.scss */
  body #carouselAreaTab ul li img.explain {
    max-width: 208px;
  }
}
@media screen and (max-width: 640px) {
  /* line 277, index.scss */
  body #wrapper .smartphone {
    display: block;
  }
  /* line 280, index.scss */
  body #wrapper .tablet {
    display: none;
  }
  /* line 286, index.scss */
  body #imageArea p {
    width: 100%;
    min-width: 320px;
  }
  /* line 291, index.scss */
  body #imageArea p img {
    width: 100%;
    height: auto;
	padding-top:10%;
  }
  /* line 296, index.scss */
  body section.nav {
    width: 93%;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  /* line 302, index.scss */
  body section.nav img {
    width: 100%;
    min-width: 300px;
    height: auto;
  }
  /* line 308, index.scss */
  body section.nav li {
    line-height: 0;
	border-bottom:1px solid #000000;
  }
  /* line 312, index.scss */
  body #topics {
    position: relative;
    margin-top: 0px;
    margin-bottom: 12px;
    width: 100%;
    min-width: 320px;
    height: 222px;
    overflow: hidden;
  }
  /* line 322, index.scss */
  body #topics img {
    position: relative;
  }
  /* line 326, index.scss */
  body #topics img.news {
    position: absolute;
    z-index: 800;
    left: 21%;
    margin-left: -55px;
    margin-top: 11px;
  }
  /* line 334, index.scss */
  body #topics img.table {
    width: 100%;
    min-width: 320px;
    height: 100%;
  }
  /* line 340, index.scss */
  body #topics dl {
    position: relative;
    margin-top: -215px;
    top: 1px;
    left: 21%;
  }
  /* line 348, index.scss */
  body #topics dt, body dd {
    display: inline-block;
  }
  /* line 352, index.scss */
  body #topics dd {
    margin-left: 5px;
    padding: 0;
  }
  /* line 357, index.scss */
  body #topics img.explain {
    max-height: 15px;
    width: auto;
  }
  /* line 362, index.scss */
  body #carouselArea {
    width: 300px;
    margin: 0 auto;
    margin-top: 25px;
    overflow: hidden;
    text-align: center;
    z-index: 99;
  }
  /* line 373, index.scss */
  body #carouselArea ul li span {
    padding: 0 20px;
    display: block;
    font-size: 90%;
    text-align: left;
  }
  /* line 380, index.scss */
  body #carouselArea p {
    position: absolute;
  }
  /* line 384, index.scss */
  body #carouselArea p:hover {
    cursor: pointer;
  }
  /* line 388, index.scss */
  body #carouselArea p.left {
    position: absolute;
    top: 52px;
    left: 2%;
    margin-top: 105px;
    margin-left: 1px;
  }
  /* line 394, index.scss */
  body #carouselArea p.left img {
    width: 15px;
    height: 21px;
  }
  /* line 400, index.scss */
  body #carouselArea p.right {
    position: absolute;
    top: 52px;
    left: 94%;
    margin-top: 105px;
  }
  /* line 405, index.scss */
  body #carouselArea p.right img {
    width: 15px;
    height: 21px;
  }
  /* line 411, index.scss */
  body #carouselArea ul {
    width: 2000px;
  }
  /* line 415, index.scss */
  body #carouselArea ul li {
    position: relative;
    width: 300px;
    float: left;
    margin-right: 20px;
    font-size: 0.8em;
    line-height: 1.7em;
    letter-spacing: 0.1em;
    color: #c5c5c5;
  }
  /* line 426, index.scss */
  body #carouselArea ul li img {
    padding-bottom: 6px;
  }
  /* line 431, index.scss */
  body footer#contents {
    padding-top: 20px;
  }
  /* line 434, index.scss */
  body footer#contents div.contentsInner {
    width: 95%;
    margin-left: 10px;
    padding: 0;
  }
  /* line 439, index.scss */
  body footer#contents div.contentsInner div.eventArchive {
    width: 100%;
  }
  /* line 442, index.scss */
  body footer#contents div.contentsInner div.eventArchive dl dt {
    width: 21%;
  }
  /* line 444, index.scss */
  body footer#contents div.contentsInner div.eventArchive ul li {
    width: 90%;
  }
  /* line 449, index.scss */
  body footer#contents div.contentsInner div.eventArchive dl dd.slideArea {
    display: none;
  }
  /* line 452, index.scss */
  body footer#contents div.contentsInner div.eventArchive dl dt.btn_key {
    width: 98%;
    padding: 20px 0 0;
    text-align: right;
  }
  /* line 457, index.scss */
  body footer#contents div.contentsInner div.eventArchive dl dt.btn_key img {
    display: inline-block;
  }
  /* line 462, index.scss */
  body footer#contents div.contentsInner div.eventArchive ul.latestEventList li dl dt, body footer#contents div.contentsInner div.eventArchive ul.slideAreaInner li dl dt {
    float: none;
    margin-right: 15px;
  }
  /* line 466, index.scss */
  body footer#contents div.contentsInner div.eventArchive dl.oldEventList {
    margin-top: 0;
  }
}