.outer-block {
  position:relative;
}

.outer-block .inner-block {
  width:1000px;
  margin:0 auto;
}

body {
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size:15px;
  line-height:25px;
  background:#6e102e;
  color:#fff;
}

#header-area {
  background:rgba(255,255,255,0.6);
  width:100%;
  position:fixed;
  height:62px;
  overflow:hidden;
  zoom:1;
  z-index:1;
}

#header-area h1 {
  width:188px;
  margin:25px 0 0 16px;
  height:16px;
  float:left;
}

#header-area h1 a {
  background:url(../image/h1_site_title.png) no-repeat 0 0;
  width:188px;
  height:16px;
  text-indent:-9999px;
  display:block;
}

#header-area h2 {
  width:108px;
  height:26px;
  float:right;
  margin:15px 20px 0 0;
}

#header-area h2 a {
  display:block;
  background:url(../image/h2_logo.png) no-repeat 0 0;
  width:108px;
  height:26px;
  text-indent:-9999px;
}

#header-area nav {
  float:left;
}

#header-area nav ul {
  margin:0 0 0 70px;
}

#header-area nav ul li {
  display:inline-block;
  margin:30px 15px 0;
}

#header-area nav ul li:first-child {
  margin-left:0;
}

#header-area nav ul li a {
  color:#505050;
  text-decoration:none;
  font-size:13px;
}

#header-area nav ul li a:hover {
  color:#000;
}

#top-header-area {
  background:rgba(255,255,255,0.2);
  width:100%;
  height:62px;
  opacity:0;
}

#top-header-area h1 {
  width:188px;
  margin:25px 0 0 16px;
  height:16px;
  float:left;
}

#top-header-area h1 a {
  background:url(../image/h1_site_title.png) no-repeat 0 0;
  width:188px;
  height:16px;
  text-indent:-9999px;
  display:block;
}

#top-header-area h2 {
  width:108px;
  height:26px;
  float:right;
  margin:15px 20px 0 0;
}

#top-header-area h2 a {
  display:block;
  background:url(../image/h2_logo.png) no-repeat 0 0;
  width:108px;
  height:26px;
  text-indent:-9999px;
}

.container {
  padding:62px 0 0;
}

#top-animation-container {
  background:url(../image/bg_container.png) no-repeat center top;
  padding:0;
  height:1000px;
}

#animation-area {
  position:relative;
}

#animation-area>div {
  position:absolute;
  opacity:0;
}

#animation-area #hand-area {
  left:50%;
  top:121px;
  margin:0 0 0 -141px;
  overflow:hidden;
  opacity:1;
}

#animation-area #hand-area .inner-hand {
  position:relative;
  width:234px;
  height:467px;
}

#animation-area #hand-area .inner-hand p {
  position:absolute;
  top:-400px;
  left:180px;
  opacity:0;
}

#animation-area #zero-light {
  top:60px;
  left:50%;
  margin:0 0 0 -265.5px;
  z-index:20;
}

#animation-area #zero-area {
  top:98px;
  left:50%;
  margin:0 0 0 -225px;
  height:570px;
  overflow:hidden;
  letter-spacing:-0.4em;
}

#animation-area #zero-area p {
  display:inline-block;
  position:relative;
  letter-spacing:normal;
}

#animation-area #zero-area .right {
  z-index:10;
  background:url(../image/zero_right.png) no-repeat 0 0;
  width:226px;
  height:570px;
}

#animation-area #zero-area .left {
  background:url(../image/zero_left.png) no-repeat 0 0;
  width:225px;
  height:570px;
}

#animation-area .first-text-area {
  top:363px;
  left:50%;
  margin:0 0 0 -290px;
  z-index:1;
  overflow:hidden;
  width:1px;
}

#animation-area #item-area {
  right:211px;
  top:511px;
  z-index:15;
}

#animation-area #title-area {
  top:700px;
  left:18px;
}

#animation-area #enter-area {
  top:810px;
  left:18px;
}

#animation-area #enter-area a:hover {
  filter:alpha(opacity=70);
  -ms-filter:'alpha(opacity=70)';
  opacity:.7;
}

#animation-area #skip-btn-area {
  opacity:1;
  right:50px;
  top:730px;
}

#animation-area #skip-btn-area a:hover {
  filter:alpha(opacity=70);
  -ms-filter:'alpha(opacity=70)';
  opacity:.7;
}

#feature01 {
  background:url(../image/bg_feature01.png) no-repeat center top;
  padding:95px 0 0;
}

#feature01 #feature01-top-content {
  background:url(../image/img_feature01-2.png) no-repeat right 106px;
  height:735px;
}

#feature01 #feature01-top-content h2 {
  background:url(../image/h2_text_feature.png) no-repeat 0 0;
  height:38px;
  text-indent:-9999px;
  margin-bottom:36px;
}

#feature01 #feature01-top-content .lead-text {
  background:url(../image/lead_text_feature.png) no-repeat 0 0;
  width:451px;
  height:108px;
  text-indent:-9999px;
  margin-bottom:85px;
}

#feature01 #feature01-bottom-content {
  position:relative;
  background:url(../image/img_feature01-3.png) no-repeat center 142px;
  height:748px;
}

#feature01 #feature01-bottom-content h3 {
  background:#500b22 url(../image/h3_text_feature_01.png) no-repeat 12px center;
  height:28px;
  text-indent:-9999px;
  padding:12px;
  margin-bottom:30px;
}

#feature02 {
  background:url(../image/bg_feature02.png) no-repeat center top;
  padding: 80px 0 0;
}

#feature02 h2 {
  background:url(../image/h2_text_feature02.png) no-repeat right center;
  height:37px;
  text-indent:-9999px;
  margin-bottom:60px;
}

#feature02 .section-wrap {
  display:table;
  width:100%;
  margin:0 0 50px;
}

#feature02 .section-wrap>div {
  vertical-align:bottom;
  display:table-cell;
}

#feature02 .section-wrap .photo-area {
  width:476px;
}

#feature02 .section-wrap .photo-area img {
  vertical-align:bottom;
}

#feature02 .section-wrap .text-area {
  width:451px;
}

#feature02 .section-wrap .text-area .lead-text {
  background:url(../image/lead_text_feature02.png) no-repeat right 0;
  height:108px;
  text-indent:-9999px;
  margin-bottom:31px;
}

#feature02 .section-wrap .text-area #img_feature02-2 {
  text-align:right;
}

#feature02 .section-wrap .text-area #img_feature02-2 img {
  vertical-align:bottom;
}

#feature02 h3 {
  background:#500b22 url(../image/h3_text_feature02.png) no-repeat 12px center;
  height:28px;
  text-indent:-9999px;
  padding:12px;
  margin-bottom:30px;
}

#feature02 .inner-section {
  display:table;
  width:100%;
  margin:0 0 55px 0;
}

#feature02 .inner-section div {
  display:table-cell;
  vertical-align:top;
}

#feature02 .inner-section .text-area {
  width:560px;
  padding:15px 45px 0 0;
}

#feature02 #img_feature02 {
  text-align:center;
}

#feature03 {
  background:url(../image/bg_feature03.png) no-repeat center top;
  padding:145px 0 65px;
}

#feature03 .section_wrap {
  height:100%;
  overflow:hidden;
}

#feature03 .section_wrap #left-side {
  float:left;
  width:430px;
}

#feature03 .section_wrap #left-side h2 {
  background:url(../image/h2_text_feature03-1.png) no-repeat 0 0;
  height:66px;
  text-indent:-9999px;
  margin:0 0 30px;
}

#feature03 .section_wrap #left-side>p {
  margin-bottom:30px;
}

#feature03 .section_wrap #right-side {
  float:right;
  width:430px;
}

#feature03 .section_wrap #right-side h2 {
  background:url(../image/h2_text_feature03-2.png) no-repeat 0 0;
  height:66px;
  text-indent:-9999px;
  margin:0 0 30px;
}

#feature03 .section_wrap #right-side>p {
  margin-bottom:30px;
}

#feature04 .section_wrap {
  text-align: center;
}

#feature05 {
  background:url(../image/bg_feature03.png) no-repeat center top;
  padding: 80px 0 20px;
}

#feature05 .section_wrap p {
  margin: 0 0 50px 0;
}

#feature05 .section_wrap #left-side {
  float:left;
  width:500px;
}
#feature05 .section_wrap #right-side {
  float:right;
  width:500px;
}


#step-area {
  background:#000;
  padding:65px 0;
}
#step-area .inner-block {
	margin-bottom: 65px;
}
#step-area .inner-block h2 {
  background:url(../image/h2_text_step.png) no-repeat 0 0;
  height:56px;
  margin:0 0 57px;
  text-indent:-9999px;
}
#step-area .inner-block h2.step2 {
  background:url(../image/h2_text_step_2.png) no-repeat 0 0;
  height:56px;
  margin:0 0 57px;
  text-indent:-9999px;
}

#step-area .inner-block .slid-wrapper {
  width:1000px;
  height:584px;
  margin:0;
  position:relative;
}

#step-area .inner-block .slid-wrapper.dentin {
  width:1000px;
  height:284px;
  margin:0;
  position:relative;
}


#step-area .inner-block .slid-wrapper .makeMeScrollable {
  width:100%;
  height:584px;
  position:relative;
  clear:both;
}
#step-area .inner-block .slid-wrapper.dentin .makeMeScrollable {
  height: 284px;
}
#step-area .inner-block .slid-wrapper .makeMeScrollable div.scrollableArea * {
  position:relative;
  display:block;
  float:left;
  margin:0;
  padding:0;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -o-user-select:none;
  user-select:none;
}

#step-area .inner-block .slider {
  height:100%;
  overflow:hidden;
}

#step-area .inner-block .slider li {
  float:left;
}

#other-area {
  padding:100px 0 36px;
}

#other-area .inner-block {
  background:#fff;
}

/*
#other-area .inner-block #specifications-area {
  background:url(../image/bg_specifications.png) no-repeat right bottom;
  padding:30px;
}
*/

#other-area .inner-block #specifications-area .inner-wrap .head-area h2 {
  background:url(../image/h2_specifications2.png) no-repeat 0 0;
  height:114px;
  text-indent:-9999px;
  margin:0 0 10px;
}

/*
#other-area .inner-block #specifications-area .inner-wrap .body-area .specifications-list {
  display:table;
}

#other-area .inner-block #specifications-area .inner-wrap .body-area .specifications-list li {
  display:table-cell;
  vertical-align:top;
  padding:0 30px 0 0;
}

#other-area .inner-block #relative-area h2 {
  background:url(../image/h2_relative.png) no-repeat 0 0;
  height:35px;
  text-indent:-9999px;
  margin:0 0 25px;
}

#other-area .inner-block #relative-area .img_relative {
  margin:0 8px 0 30px;
  height:100%;
  overflow:hidden;
}

#other-area .inner-block #relative-area .img_relative li {
  float:left;
  margin:0 20px 25px 0;
}

#other-area .inner-block #relative-area .img_relative li:nth-child(4) {
  margin:0 0 25px;
}

#other-area .inner-block #relative-area .img_relative .lastLi {
  margin:0 0 25px 20px;
}
*/

#other-area .inner-block #relative-area .img_relative img {
  display: block;
}


footer {
  border-top:1px solid #fff;
  padding:25px 0;
}

footer p {
  font-size:12px;
  text-align:center;
  font-family:Arial;
}

footer p span {
  font-size:20px;
  vertical-align:middle;
}



/* clearfix */
.clearfix:after {
  content:"";
  display:block;
  clear:both;
}