@charset "utf-8";
/* add-20140410.css */
 
/* products/turbines/ti-max_z/index.html
==========================*/
/* ダイソンライク */
.product_image_thumbs p {
display: none;
position: absolute !important;
top: 100px;
width: 260px;
text-align: center;
color: #ffffff;
font-size: 17px !important;
}

.slide-and-arrow {
  width: 780px;
  height: 560px;
  overflow: hidden;
  position: relative;
  margin:0 auto;
}
.slide-and-arrow ul {
  width: 3000px;
  position: relative;
}
.slide-and-arrow li {
  float: left;
}
.slide-and-arrow img {
  width: 780px;
}
.slide-arrow img {
  width: 58px;
}
.slide-arrow {
  position: absolute;
  top: 250px;
  z-index: 10;
}
.slide-bullet {
  position: absolute;
  text-align: center;
  bottom: 30px;
  width: 780px;
  z-index: 10;
  opacity: 0.7;
}
.slide-bullet span {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin: 0 5px;
  background-color: #999;
  display: inline-block;
  border: 1px solid #999;
}
.slide-bullet span.active {
  background-color: #fff;
}
.slide-arrow-left {
  left: -100px;
  width: 58px;
  height: 82px;
  cursor: pointer;
}
.slide-arrow-right {
  left: 880px;
  width: 58px;
  height: 82px;
  cursor: pointer;
}

.arrowul {
  z-index: 10;
}

.slide-arrow-left img,
.slide-arrow-right img {
	width: 58px;
	height: 82px;
}
div#main_content_inner {
  width: 780px;
}
div.thumbnails, div.thumbnails ul {
  width: 780px;
}
div.thumbnails li {
  width: 260px;
  float: left;
  position: relative;
}
div.thumbnails li a img, div.thumbnails li a {
  width: 260px;
}
.product_image_thumbs a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4) inset;
  opacity: 0;
  -webkit-transition: opacity 0.12s ease-in-out;
  transition: opacity 0.12s ease-in-out;
}
.product_image_thumbs a:hover:after {
  opacity: 1;
}
.product_image_thumbs p.thumbs_title {
  font-family: 'ITCAvantGardeW04-Book','ITCAvantGardeW04-Medium 1122896','ITCAvantGardeW04-XLt';
  top: 50px;
  font-size: 30px !important;
}
.product_image_thumbs p {
  font-size: 12px !important;
}
.product_lineup_container .slide-and-arrow .slide img {
  width: 780px;
  height: 200px;
}
.product_lineup_container .slide-and-arrow .slide-arrow {
  top: 70px;
}

/* アコーディオン */
.product_list_container_level4 h3 {
  cursor: pointer;
}
.product_list_container_inner {
  display: none;
}
div.contra_lineup h3 {
  cursor: inherit;
}
div.contra_lineup .product_list_container_inner {
  display: inherit;
}

/* くるりんぱ */
@-webkit-keyframes flipInX2 {
  0% {
    -webkit-transform: perspective(400px) rotateX(-90deg);
    transform: perspective(400px) rotateX(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX2 {
  -webkit-animation-name: flipInX2;
  animation-name: flipInX2;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
ul:first-child .product_image_thumbs p.thumbs_text_navy {
  color: #305282;
}
ul:first-child .product_image_thumbs p.thumbs_text_white {
  color: #fff;
}

#modalWin {
position: absolute;
top: 50%;
left: 50%;
display: none;
z-index: 9999;
}
#backLayer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
background-color: #000;
z-index: 9500;
-ms-filter: "alpha( opacity=60 )";
filter: alpha(opacity=60);
opacity: 0.60;
}
#modalClose {
padding: 10px;
position: absolute;
top: 0;
right: 0;
width: 45px;
height: 45px;
display: block;
background: url("../images/common/btn_modal_close.png") no-repeat 50% 50%;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#modalImg {
padding: 10px;
background-color: #fff;
}

div.category_leadcopy {
clear: both;
margin: 0 0 0px 0;
padding: 0 0px;
}

area.button3 {
    display: block;
}
area.button3:hover {
    cursor: pointer;
    width: 56px;
    height: 56px;
    background: red;
    opacity: 0.5;
    position: absolute;
    top: 130px;
    left: 853px;
    border-radius: 70px;
}
area.button2 {
    display: block;
}
area.button2:hover {
    cursor: pointer;
    width: 56px;
    height: 56px;
    background: red;
    opacity: 0.5;
    position: absolute;
    top: 102px;
    left: 968px;
    border-radius: 70px;
}
area.button1 {
    display: block;
}
area.button1:hover {
    cursor: pointer;
    width: 56px;
    height: 56px;
    background: red;
    opacity: 0.5;
    position: absolute;
    top: 129px;
    left: 1082px;
    border-radius: 70px;
}
.button4 {
  display: block;
  width: 302px;
  top: 170px;
  left: 845px;
}
.button_description {
    display: none;
    position: absolute;
    top: 390px;
    left: 890px;
    height: 58px;
    text-indent: 65px;
    font-size: 14px;
}
.button_description span {
    display: table-cell;
    vertical-align: middle;
    height: 58px;
}
.button_description.button3_description {
    left: 790px;
    text-indent: 120px;
}
.button0_description {
	background: url('/_oldcontents/images/surgical_special_contents/button3.png') no-repeat 0 0;
}
.button1_description {
	background: url('/_oldcontents/images/surgical_special_contents/button2.png') no-repeat 0 0;
}
.button2_description {
	background: url('/_oldcontents/images/surgical_special_contents/button1.png') no-repeat 0 0;
}
.button3_description {
	background: url('/_oldcontents/images/surgical_special_contents/button4.png') no-repeat 0 0;
}
.area-map-container{
	position: relative;
    max-width: 780px;
    margin: 0 auto;
}
.area-map-container a {
  position: absolute;
  background: url('/_oldcontents/images/surgical_special_contents/spacer.gif');
}
.area-map-container a:hover {
  cursor: pointer;
}
.area-map-link {
  position: absolute;
  display: none;
}
.area-map {
position: absolute;
  background: url('/_oldcontents/images/surgical_special_contents/spacer.gif');
}

.area-map:hover {
	cursor: pointer;
}

.hotaru_button {
  display: block;
}
.hotaru_button {
  cursor: pointer;
  width: 23px;
  height: 23px;
  background: url('/_oldcontents/images/common/hotaru.png');
  background-size: contain;
  border-radius: 70px;
}
.contra,
.turbin {
  position: relative;
}
.contra .hotaru1 {
  position: absolute;
  top: 242px;
  left: 126px;
}
.contra .hotaru2 {
  position: absolute;
  top: 294px;
  left: 227px;
}
.contra .hotaru3 {
  position: absolute;
  top: 342px;
  left: 387px;
}
.turbin .hotaru1 {
  position: absolute;
  top: 215px;
  left: 133px;
}
.turbin .hotaru2 {
  position: absolute;
  top: 227px;
  left: 99px;
}
.turbin .hotaru3 {
  position: absolute;
  top: 248px;
  left: 94px;
}
.turbin .hotaru4 {
  position: absolute;
  top: 268px;
  left: 93px;
}
.turbin .hotaru5 {
  position: absolute;
  top: 280px;
  left: 109px;
}
.turbin .hotaru6 {
  position: absolute;
  top: 271px;
  left: 134px;
}
.turbin .hotaru7 {
  position: absolute;
  top: 257px;
  left: 187px;
}
.turbin .hotaru8 {
  position: absolute;
  top: 273px;
  left: 260px;
}
.turbin .hotaru9 {
  position: absolute;
  top: 308px;
  left: 238px;
}
.turbin .hotaru10 {
  position: absolute;
  top: 282px;
  left: 316px;
}
.turbin .hotaru11 {
  position: absolute;
  top: 285px;
  left: 476px;
}
.turbin .hotaru12 {
  position: absolute;
  top: 355px;
  left: 480px;
}
.turbin .hotaru13 {
  position: absolute;
  top: 314px;
  left: 562px;
}
.turbin .hotaru14 {
  position: absolute;
  top: 354px;
  left: 645px;
}
.turbin .hotaru15 {
  position: absolute;
  top: 314px;
  left: 673px;
}
.contra img.modal1 {
  position: absolute;
  top: 252px;
  left: 138px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.contra img.modal2 {
  position: absolute;
  top: 304px;
  left: 238px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.contra img.modal3 {
  position: absolute;
  top: 352px;
  left: 398px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.turbin img.modal1 {
  position: absolute;
  top: 225px;
  left: 144px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.turbin img.modal2 {
  position: absolute;
  top: 238px;
  left: 109px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.turbin img.modal3 {
  position: absolute;
  top: 259px;
  left: 105px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.turbin img.modal4 {
  position: absolute;
  top: 278px;
  left: 106px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.turbin img.modal5 {
  position: absolute;
  top: 291px;
  left: 121px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.turbin img.modal6 {
  position: absolute;
  top: 282px;
  left: 145px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.turbin img.modal7 {
  position: absolute;
  top: 268px;
  left: 200px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.turbin img.modal8 {
  position: absolute;
  top: 283px;
  left: 271px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.turbin img.modal9 {
  position: absolute;
  top: 319px;
  left: 249px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.turbin img.modal10 {
  position: absolute;
  top: 292px;
  left: 327px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.turbin img.modal11 {
  position: absolute;
  top: 296px;
  left: 487px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.turbin img.modal12 {
  position: absolute;
  top: 365px;
  left: 491px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.turbin img.modal13 {
  position: absolute;
  top: 327px;
  left: 574px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.turbin img.modal14 {
  position: absolute;
  top: 365px;
  left: 656px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}
.turbin img.modal15 {
  position: absolute;
  top: 325px;
  left: 684px;
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 25px 0px;
}

#inline_02_01,
#inline_02_02,
#inline_02_03,
#inline_02_04,
#inline_02_05,
#inline_02_06,
#inline_02_07,
#inline_02_08,
#inline_02_09,
#inline_02_10,
#inline_02_11,
#inline_02_12,
#inline_02_13,
#inline_02_14,
#inline_02_15 {
width: 350px !important;
}