@charset "utf-8";


/*--------------------------------------------------------------------------
　MENU （必須CSS)
--------------------------------------------------------------------------*/
#rwd_menu {
  display:none;
}
@media handheld, only screen and (max-width: 767px) {
  #rwd_menu {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 199;
    font: 0/0 a;
    overflow: hidden;
    text-indent: -9999px;
    border-radius:4px;
  }
  /*　白文字・色背景の場合（色はbackground-colorで指定）*/
  #rwd_menu.style1 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABMCAYAAAD+8OBwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGMEE0RTczREYyNTExRTRCNERFRjE2NjUxOTRBRDBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGMEE0RTc0REYyNTExRTRCNERFRjE2NjUxOTRBRDBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0YwQTRFNzFERjI1MTFFNEI0REVGMTY2NTE5NEFEMEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0YwQTRFNzJERjI1MTFFNEI0REVGMTY2NTE5NEFEMEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz733g04AAAAj0lEQVR42uzXwQkAMAwDsXr/odMhSgkJuhHkl1NVR+8FJEiQIAUSJEiQAgkSpECC3Ai5aYWABAkSJEiQIEGCBDkNUiBBggQpkCBBghRIkCB9bZAgQYIECRIkSJAg+yEFEiRIkAIJEiRIgQQJ0tcGCRIkSJAgQYIECbIfUiBBggQpkCBBghRIkCAF8ktXgAEA8WD+aQtbNk8AAAAASUVORK5CYII=) no-repeat 0 0;
    background-size:40px 40px;
    background-color:#444;/*←色変更時はここを変える*/
  }
  /*　色文字・白背景の場合（色はbackground-colorで指定）*/
  #rwd_menu.style2 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABMCAYAAAD+8OBwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRBQUM2MUNFREYyNTExRTRBREUwQThFNTkyQzlFOTUwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRBQUM2MUNGREYyNTExRTRBREUwQThFNTkyQzlFOTUwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEFBQzYxQ0NERjI1MTFFNEFERTBBOEU1OTJDOUU5NTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEFBQzYxQ0RERjI1MTFFNEFERTBBOEU1OTJDOUU5NTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5CWhBjAAAAoUlEQVR42uzZuwkAIAxAQRX3X1ktskEQP9zrbY4ISupYFaVrCECCBCmQIEGCFEiQIAUS5I315Pn6kcUwka42SIEECRKkQL72ILfKNZEgQYIUSJAgQQokSF/EyM7GRLraIEEKJEiQIHXwQW5nYyJBggQpkCBBghRIkL6IkZ2NiXS1QYIUSJAgQergg9zOxkSCBAlSIEGCBCmQIEEK5JamAAMAtKAKnY20qGkAAAAASUVORK5CYII=) no-repeat 0 0;
    background-size:40px 40px;
    background-color:#444;/*←色変更時はここを変える*/
  }
  /*　文字メニューの場合*/
  #rwd_menu.style3 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3NzY2RjFDRDEwQTNFNDExQTFGOEZCRjMzOTU2NkQ0RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQzNERDA4N0EzMTMxMUU0QUY2QUE0RkVFQ0ExMTRDNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQzNERDA4NkEzMTMxMUU0QUY2QUE0RkVFQ0ExMTRDNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3ODY2RjFDRDEwQTNFNDExQTFGOEZCRjMzOTU2NkQ0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NzY2RjFDRDEwQTNFNDExQTFGOEZCRjMzOTU2NkQ0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkIVtG4AAAOXSURBVHja7J3PaxNBFMcnaRURwXjwUIs04kl6yF682q2lIl6sFw8itvkPjF70ZHLSi/jjXDBC6UHEgwcPak3qTURIkeKpmKLiQQo5iIhW43vNWxmW2d3ZNNmE5vuFL7vZHzPTT9+82Q2zm1Sz2VQ+jZCnyMfIY+S0Gmz9Ja+TP5CXyF/1nSkfwDPk8+TdCjLpF/kR+Zkf4DD5Kjkn21+TX5Dr5D8DDm2InCVPk0/IthXybfKmB/AS+TT5G3mB/BbBZtRx8kXyQYnCBc5vh8mn5IC7gBcqZnNf1jngRhngpAwUr8gfwShSa8Jqi11ay3tLYGOtiixzaenPrM/gYi3vUuZAWkZg1m9wsdYPWe5Ng8X2BIAACIAACIAQAAIgAAIgBIAACIAACAEgAAIgAEIACIAACIAQAAIgAO5sDXe4vDnyrPa5Ri7EOMYh37GoRz+nom3Pq9acxqD6CnKuXo+pjf5yJ5MCyFOCXe2zY2jcWd8xujIh+4KkH89QzoW0KROjHrcfunBGICof1G5ppo1/QE9yoA2EuuFYBpo1dDOTiuRUgCdDzrvR7wCvkd9Y5ilWzgC+1sW/yU0yCuMAHFWtSZg3ld0s/pohAie6CLAqTjQKbQFyYl4ln4xR9rIhGTu+fVFduBngIJWSjsIogPvID8hPyPvbKN8fhd3uwolHoc1lzNA2yveuuRwZOLwBpGE5CNXbqLOkRaDba4DfVesZkqfk+TaicEUbSOoxo6+sdcl2otCVKKz2Qw58TB63zF1BXXiiy903KBfO9Mso/EUadF21nhmLA9CNOYB0Mhc6Ie3y9md8+7MBx3bkVu6Waj1HZ6OGlvvcmBGYjchhVYsodC3alZFbwIJsd2TgtKqn3XvhdzG7sddQ2wHE+xJgLmR/yiIKyyFllDRQQXVxW+/18l7YH3FJ5D9TLgwapIoRvScfdSXQ6W9jlrVGeRU/NFxcK+24dd+lSzFmnaZy9PLy8o2MMsAoSftmte7ekHaWbXoLP+66KOsXFBRHi0l14R0tAARAAARAAIQAEAABEAAhAARAAARACAABEAABEAJAAATAQQG4Keu7gMNae2T5kwFuyIdD4GKtEVluMEBvCto0uFhrSpbvGSDPe+bXnfP03TGwidQRYcXMKgzwE/ml7LyiWi+bhsxiNpdl/Tmzi3oV/BqYbemoingVvCf8GEG4An+MwD/CcJIcR078L575taoMP4fxT4ABAL4rzTsHlcNyAAAAAElFTkSuQmCC) no-repeat 0 0;
    background-size:40px 40px;
    background-color:#444;/*←色変更時はここを変える*/
  }



}

#rwd_wrap {
  position:relative;
  z-index: 1;
  -webkit-transform: translate3d(0px, 0px, 1px);
  -webkit-transition: 0.2s -webkit-transform ease-in-out;
}
#rwd_wrap.show {
  -webkit-transform: translate3d(-200px, 0px, 1px);
  pointer-events : none;
}
#rwd_wrap.show.opened {
  pointer-events: inherit !important;
}
#rwd_drawer {
  width: 200px;
  background-color: #e9e9e9;
  top: 0px;
  position: fixed;
  -webkit-transition: 0.2s -webkit-transform ease-in-out;
}
#rwd_drawer.show {
  height: 100%;
  visibility: visible;
  z-index: 300;
  -webkit-overflow-scrolling: touch;
  box-shadow: -5px -5px 10px rgba(0,0,0,0.4);
  pointer-events : none;
}
#rwd_drawer.show.opened {
  pointer-events: inherit !important;
}
#rwd_spnavi {
  width: 200px;
  height: 100%;
  overflow: scroll;
  padding: 0;
  display: none;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
#rwd_spnavi_inner {
  height: 100%;
  overflow-y: auto;
}
#rwd_spnavi_inner ul li {
  font-size: 12px;
  border-bottom: 1px solid #b6b6b6;
  list-style: none;
  margin: 0 0 1px 0;
  text-align: left;
}
#rwd_spnavi_inner ul li a {
  position: relative;
  display: block;
  padding: 6px 35px 6px 10px;
  color: #333;
  background-size: 12px auto;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0.2);
}
#rwd_spnavi_inner li a:after{
  border-right: 4px solid #9E9E9E;
  border-top: 4px solid #9E9E9E;
  border-radius: 2px;
  content: "";
  margin: auto 0 auto 10px;
  height: 10px;
  right: 10px;
  position: absolute;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 10px;
  bottom:0;
  top: 0;
}
#rwd_spnavi_inner ul li a.active {
  font-weight: bold;
  color: #0099ee;
}
#rwd_spnavi_inner ul li a:hover {
  text-decoration: none;
}
#rwd_spnavi_inner ul li span {
  font-weight:bold;
  position: relative;
  display: block;
  padding: 5px 35px 6px 10px;
  color: #333;
  background-size: 12px auto;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0.2);
}

#rwd_spnavi_inner ul li ul li {
  border-top: 1px solid #b6b6b6;
  border-bottom:none;
}

#rwd_spnavi_inner ul li ul li a{
  padding: 6px 35px 6px 25px;
}

#rwd_spnavi_inner ul li.banner {
  border-bottom:none;
}
#rwd_spnavi_inner ul li.banner a {
  text-align:center;
  padding: 0;
}
#rwd_spnavi_inner ul li.banner a img{
  max-width:120px;
  height:auto;
}
#rwd_spnavi_inner li.banner a:after{
  display:none;
}

/*--------------------------------------------------------------------------
　PC
--------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
　SP
  スマホ用のスタイルを記述します
--------------------------------------------------------------------------*/
@media handheld, only screen and (max-width: 767px) {

  /* スマホの際に隠す */
  .rwdDisplayNone{
    display:none;
  }

  /* フロートを解除し横幅を100％にする */
  .rwdFloatReset{
    float:none;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
  }

  /* スマホ時に横幅100％にする。imgタグに付与して使用。　*/
  .rwdImg {
    width:100%;
    height:auto;
  }





  #bodyService{
    margin: 0;
  }


  #container{
    width: auto !important;
  }

  #container #content{
    width: auto !important;


  }

  #container #content #home{
    float: none;
    width: auto !important;
    margin: 0;
  }
  html > body #content #home h1{
    display: none;

  }

  html > body #container #header1{
    height: 54px;
    background: #fff !important;
    margin: 0 0 10px;
  }
  #header1 a{
    margin: 18px 0 0 8px;

  }
  #bodyService #container #header2{
    display: none;
  }


  #content #home #homeInner{
    background: none;
    padding: 0;
  }


  #content #home #homeInner #main_link{
    width: auto !important;
    display: block;
    margin: 0 10px;
  }
  #content #home #homeInner #main_link img{
    width: 100%;
    height: auto;
  }
  #content #home #homeBar{
    width: auto !important;
    margin: 0 10px 16px;
    background: #fff;
    border-radius: 5px;
    height: auto;
  }

  #content #home #homeInner .homeTeaserbar{
    width: auto !important;
    margin: 0 10px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    padding: 15px 0;
  }

  #content #home #homeInner .homeTeaserbar .no01{
    width: auto !important;
    margin: 0 19px;
  }
  #content #home #homeInner .homeTeaserbar .teaser .news{
    width: auto !important;
    float: none;
  }
  #content #home #homeInner > img{
    max-width: 100%;
    height: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
  }


  html > body #content #main #main1 #main1Inner{
    height: auto;
    min-height: 395px;
    float: none;
    display: block;
    width: auto !important;
    margin: 0;
    border-radius: 0 0 5px 5px;
  }
  html > body #content #main #main1 #main1Inner img{
    max-width: 100%;
    height: auto;
    display: block;
    float: none;
    margin: 0 auto;
  }

  html > body #content #main #main1 #main1Inner table{
    width: auto !important;
  }




  #container #content #main{
    margin: 0 10px 20px;
    width: auto !important;
    float: none;
    display: block;
  }
  #bodyService #content #main #main1{
    float: none;
    background: none !important;
  }
  #bodyService #content #main #main2{
    display: none;
  }
  #container #content .mainHead{
    background-image: -webkit-linear-gradient(bottom, #dcdcdc, #fff) !important;
    background-image: -moz-linear-gradient(bottom, #dcdcdc, #fff) !important;
    background-image: -o-linear-gradient(bottom, #dcdcdc, #fff) !important;
    background-image: -ms-linear-gradient(bottom, #dcdcdc, #fff) !important;
    background-image: linear-gradient(to top, #dcdcdc, #fff) !important;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #fff;
    height: auto;
  }

  #container #content .mainHead h2{
    padding: 7px 10px;
  }

  #content #main .productlistPrivate{
    width: auto !important;
    float: none;
  }

  #content #main.ver2 #main1 #main1Inner #products{
    width: auto !important;
  }
  
  #content #main.ver2 #main1 #main1Inner #products a{
    width: 100% !important;
  }
  #content #main.ver2 #main1 #main1Inner #products a>div{
    width: auto !important;
  }

  .productlistPrivate ul{
    float: none;
    width: auto !important;
  }
  #content #main .productlistPrivate ul{
    width: 100% !important;

  }
  #content #main .productlistPrivate ul li{
    /*float: none;*/
    /*margin: auto 2% !important;*/
    width: 100% !important;
    border-bottom: 1px #ccc solid;
    position: relative;
  }
  #content #main .productlistPrivate ul li:after{
    content: "＞";
    top: 50%;
    right: 20px;
    font-size: 150%;
    color: #ccc;
    position: absolute;
  }
  #content #main .productlistPrivate ul li p{
    display: none;

  }

  #bodyService #content #main .mininav{
    background:none;

  }

  #container #content #menu{
    margin: 0 10px;
    float: none;
    width: auto !important;
  }
  #content #menu ul.menu{
    width: auto !important;
  }
  html > body #content #menu ul.menu{
    background: #E7E7E7 !important;
    border-radius: 0 0 5px 5px;
    padding: 0;
  }
  #content #menu ul.menu li{
    float: none;
    width: auto !important;
  }
  #content #menu ul.menu li.hassub a{
    background: transparent url('/images/el_menu_arrow.gif') no-repeat scroll 98% 10px;
  }
  #content #menu ul.menu li.hassub a:hover{
    background: transparent url('/images/el_menu_arrow_active.gif') no-repeat scroll 98% 10px;
  }


  html > body #content #menu ul.menu li a{
    width: auto !important;
  }
  #bodyService #content #menu h1{
    background-image: -webkit-linear-gradient(bottom, #dcdcdc, #fff) !important;
    background-image: -moz-linear-gradient(bottom, #dcdcdc, #fff) !important;
    background-image: -o-linear-gradient(bottom, #dcdcdc, #fff) !important;
    background-image: -ms-linear-gradient(bottom, #dcdcdc, #fff) !important;
    background-image: linear-gradient(to top, #dcdcdc, #fff) !important;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #fff;
  }

  #container #content #xtra{
    float: none;
    margin: 0 auto;
  }

  html > body #content #xtra .teaser{
  }







  .prodContent table{
    width: 100%;
  }
  .prodFeatureCell{
    word-wrap: break-word;
    word-break:break-all;
  }
  #content #main h3{
    word-wrap: break-word;
    word-break:break-all;
  }

  #content #main h3 a{
    word-wrap: break-word;
    word-break:break-all;
  }

  .prodData{
    overflow: hidden;
  }
  #pc1{
    width: auto !important;

  }
  #pc1 img{
    width: 100%;
    height: auto;
  }


  .quickFinderHeaderProfessional{
    width: auto !important;
    background: #E7E7E7;
    border: 1px solid #CECECE;
    border-radius: 7px;
  }

  .quickFinderHeaderPrivate{
    width: auto !important;
    max-width: 130px;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    background: none;
    height: auto;
    padding: 3px 5px;
  }


  #footer{
    width: auto !important;
  }

}



@media handheld, only screen and (max-width: 480px) {
  .prodTab .imageCell{
    width: 100%;
  }
  .prodTab .imageCell{
    width: 30%;
    min-width: 120px;
  }
  .prodTab .imageCell img{
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .prodTab .imageCell .container{
    width: auto !important;
    float: none;
  }
  .prodTab .imageCell .container a{
    width: auto !important;
  }
  .prodFeatureCell{
    width: 70%;
  }

}