@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1.2;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* body
----------------------------------------*/
body {
  color: #464646;
  font-family: Arial, sans-serif;
  font-size: 0.9em;
  max-width: 100%;
}
/* リンク
----------------------------------------*/
a {
  text-decoration: none;
  color: #555;
}
a:visited {
  color: #444;
}

/* wrapper
----------------------------------------*/
#wrapper {
  width: 1000px;
  margin: 0 auto;
}

/*間隔20171130*/
.mart15 {
  margin-top: 15px;
}
.pad5 {
  padding: 5px;
  box-sizing: border-box;
}
/* header
----------------------------------------*/

#hed01 {
  position: relative;
  box-sizing: border-box;
  height: 85px;
  background: url(../../images/common/headerbackground.png) repeat-x;
}
.mini {
  position: absolute;
  font-size: 10px !important;
  right: 10px;
  top: 7px;
  color: #333 !important;
}
.technologo {
  position: absolute;
  left: 10px;
  top: 9px;
}
.titlelogo {
  float: left;
  box-sizing: border-box;
  max-width: 544px;
  padding: 48px 0 0 15px;
}
.topsearch {
  float: right;
  box-sizing: border-box;
  min-width: 522px;
  padding: 28px 15px 0 0;
}
/* 検索窓*/
.topsearch input.mado {
  border: none;
  background: none;
  border: 1px solid #6e6e6e;
  width: 250px;
  height: 35px;
  background-color: #fff;
  background-image: url(../../images/common/mushimegane.gif);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: left 2px center;
  padding-left: 35px;
  box-sizing: border-box;
  float: left;
}
input.searchbutton {
  border: none;
  background: none;
  float: right;
  width: 54px;
  height: 35px;
  background-image: url(../../images/common/kensakubutton.png);
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.right {
  float: right;
}
.left {
  float: left;
}
/* グローバルナビ*/
#globalnav {
  height: 52px;
  margin: 0 auto;
  background-color: #fff;
}
#globalnav li {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
#globalnav a {
  display: block;
  width: 100%;
  height: 100%;
}
.globalnav01,
.globalnav02,
.globalnav03,
.globalnav04,
.globalnav05,
.globalnav06,
.globalnav07 {
  height: 52px;
  background-repeat: no-repeat;
  background-image: url(../../images/common/g_nav.png);
}
.globalnav01 {
  width: 200px;
  background-position: 0px -52px;
}
.globalnav02 {
  width: 200px;
  background-position: -200px -52px;
}
.globalnav03 {
  width: 200px;
  background-position: -400px -52px;
}
.globalnav04 {
  width: 200px;
  background-position: -600px -52px;
}
.globalnav05 {
  width: 200px;
  background-position: -800px -52px;
}

.globalnav01:hover {
  background-position: 0px 0;
}
.globalnav02:hover {
  background-position: -200px 0;
}
.globalnav03:hover {
  background-position: -400px 0;
}
.globalnav04:hover {
  background-position: -600px 0;
}
.globalnav05:hover {
  background-position: -800px 0;
}

/* 3列目*/
#hed02 {
  box-sizing: border-box;
  padding: 0;
}
#hed02 {
  height: 0;
}
#hed02 li {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
}
#hed02 li.hed02li {
  margin: 0 20px 0 75px;
}
.mojichange {
  float: right;
  margin-top: -7px;
}
#mojis {
  position: relative;
  background: url(../../images/common/moji.png) no-repeat;
  width: 273px;
  height: 61px;
}
#mojis a {
  cursor: pointer;
}
.mojibutton2 {
  position: absolute;
  top: 22px;
  left: 103px;
}
.mojibutton2sp {
  position: absolute;
  top: 22px;
  left: 103px;
}
.chu,
.dai {
  width: 35px;
  height: 35px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  float: left;
}
.kuro a,
.shiro a,
.chu a,
.dai a,
.voice a {
  display: block;
  width: 100%;
  height: 100%;
}
li.chu {
  background-image: url(../../images/common/chu_off.png);
}
li.dai {
  background-image: url(../../images/common/dai_off.png);
}
li.chu.active {
  background-image: url(../../images/common/chu_on.png);
}
li.dai.active {
  background-image: url(../../images/common/dai_on.png);
}
.mojibutton {
  position: absolute;
  top: 22px;
  left: 7px;
}
li.kuro,
li.shiro {
  width: 36px;
  height: 36px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  float: left;
}
li.kuro {
  background-image: url(../../images/common/kuro_off.png);
}
li.shiro {
  background-image: url(../../images/common/shiro_off.png);
}
li.kuro.active {
  background-image: url(../../images/common/kuro_on.png);
}
li.shiro.active {
  background-image: url(../../images/common/shiro_on.png);
}
.mojibutton3 {
  position: absolute;
  top: 5px;
  left: 200px;
}
li.voice {
  width: 67px;
  height: 52px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
li.voice {
  background-image: url(../../images/common/lead_off.png);
}
li.voice.active {
  background-image: url(../../images/common/lead_on.png);
}
/* content
----------------------------------------*/
/* スライダー*/
#mainslider {
  margin-bottom: 10px;
  height: auto;
}
#mainslider button {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
#mainslider .slick-dots {
  text-align: center;
  bottom: -70px;
}
#mainslider .slick-dots li {
  width: 243px;
  height: 59px;
  margin: 3px;
}

li#slick-slide00 {
  background: url(../../images/top/main01_sub.jpg) no-repeat;
}
li#slick-slide01 {
  background: url(../../images/top/main02_sub.jpg) no-repeat;
}
li#slick-slide02 {
  background: url(../../images/top/main03_sub.jpg) no-repeat;
}
li#slick-slide03 {
  background: url(../../images/top/main04_sub.jpg) no-repeat;
}
li#slick-slide00.slick-active,
li#slick-slide01.slick-active,
li#slick-slide02.slick-active,
li#slick-slide03.slick-active {
  opacity: 0.5;
}
/* スライダー2案目*/
#slider2 li#slick-slide00 {
  background: url(../../images/top/ver2/main01_sub.jpg) no-repeat;
}
#slider2 li#slick-slide01 {
  background: url(../../images/top/ver2/main02_sub.jpg) no-repeat;
}
#slider2 li#slick-slide02 {
  background: url(../../images/top/ver2/main03_sub.jpg) no-repeat;
}
#slider2 li#slick-slide03 {
  background: url(../../images/top/ver2/main04_sub.jpg) no-repeat;
}
/*
#mainslidernav li{
display: inline-block;
vertical-align: middle;
}
#mainslidernav li{
margin-left: 9px;
}
#mainslidernav li:first-child{
margin-left: 0;
}
*/
/* topcontents*/
#f_sitemap h2,
#topcontents h2,
.subpage h2 {
  /* background: url(../../images/common/midashi_blue.gif) no-repeat left; */
  font-size: 1.5em;
  font-weight: bold;
  padding: 10px 15px;
  box-sizing: border-box;
  /* text-align: left; */
}
.subpage h3,
#topcontents h3 {
  background:
    url(../../images/common/midashi_s.gif) no-repeat left,
    #fff;
  padding: 2px 15px;
  margin: 10px 0;
  font-weight: bold;
}
#topcontents h3 .toph3comment {
  font-weight: normal;
  padding-left: 30px;
}
#topcontents h3 .toph3comment a {
  text-decoration: underline;
}
#topcontents {
  margin: 10px 15px 15px 15px;
  padding: 15px 0;
  box-sizing: border-box;
  border-top: solid 1px #dddddd;
}
#greenspace {
  margin: 15px 0 15px 0;
  background: #ffe1f1;
  padding: 10px;
  box-sizing: border-box;
}
#greenspace h3 {
  background:
    url(../../images/common/midashi_s_p.gif) no-repeat left,
    #fff;
}
/* セレクタボックス*/
#fieldsearch li {
  display: inline-block;
  vertical-align: top;
}
#fieldsearch li:last-child {
  margin-left: 8px;
}
#fieldsearch select {
  height: 37px;
  font-size: 1.2em;
  width: 398px;
}

#bamen {
  margin: 10px 0;
}
#bamen li {
  display: inline-block;
  vertical-align: middle;
  margin: 7px 0 0 17px;
}
.back1 a,
.back2 a,
.back3 a,
.back4 a,
.back5 a,
.back6 a,
.back7 a {
  display: block;
  width: 213px;
  height: 46px;
  background-repeat: no-repeat;
}
.back1 a {
  background-image: url(../../images/top/topbutton01_off.png);
}
.back2 a {
  background-image: url(../../images/top/topbutton02_off.png);
}
.back3 a {
  background-image: url(../../images/top/topbutton03_off.png);
}
.back4 a {
  background-image: url(../../images/top/topbutton04_off.png);
}
.back5 a {
  background-image: url(../../images/top/topbutton05_off.png);
}
.back6 a {
  background-image: url(../../images/top/topbutton06_off.png);
}
.back7 a {
  background-image: url(../../images/top/topbutton07_off.png);
}
.back1 a:hover {
  background-image: url(../../images/top/topbutton01_on.png);
}
.back2 a:hover {
  background-image: url(../../images/top/topbutton02_on.png);
}
.back3 a:hover {
  background-image: url(../../images/top/topbutton03_on.png);
}
.back4 a:hover {
  background-image: url(../../images/top/topbutton04_on.png);
}
.back5 a:hover {
  background-image: url(../../images/top/topbutton05_on.png);
}
.back6 a:hover {
  background-image: url(../../images/top/topbutton06_on.png);
}
.back7 a:hover {
  background-image: url(../../images/top/topbutton07_on.png);
}

/* NEWS部分*/
#topnews h2 {
  margin-left: 10px;
}
.newsichiran {
  font-size: 0.7em;
  font-weight: normal;
  float: right;
}
.newsichiran a {
  text-decoration: underline;
}
.linew,
.day {
  padding-right: 7px;
}
#topnews {
  background-image: url(../../images/top/newsbg01.gif);
  background-repeat: no-repeat;
  background-position: top, bottom;
  padding: 10px;
  box-sizing: border-box;
}
#topnewsunder {
  background-image: url(../../images/top/newsbg02.gif);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 9px;
}
#newszone li {
  padding: 10px;
}
#newszone li:nth-child(2n) {
  border: dotted #dddddd;
  border-width: 1px 0 1px 0;
}
#newszone .linew {
  color: #d7000f;
  font-weight: bold;
}
#newszone {
  width: 100%;
  margin: 0;
}
/* メーカー名一覧へのリンク*/
.ichiranbutton a {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(../../images/top/makerichiran_off.png);
  width: 438px;
  height: 46px;
}
.ichiranbutton a:hover {
  background-image: url(../../images/top/makerichiran_on.png);
}
/* リンクバナー部分*/
#linkspace {
  text-align: center;
  margin: 15px 0;
}
#linkspace li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
#linkspace li:first-child {
  margin: 0;
}
#linkspace li a:hover {
  opacity: 0.5;
}
/* 下層ページコンテンツ
----------------------------------------*/
.subpage {
  box-sizing: border-box;
  padding-top: 10px;
  min-height: 600px;
}
/* ぱんくず*/
.pankuzu {
  margin-bottom: 10px;
}
.pankuzu li {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.pankuzu a {
  /* text-decoration: underline; */
}
/* ページめくり*/
.number {
  text-align: center;
}
.pgbottom {
  margin-bottom: 260px;
}
.number li {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  font-size: 1.1em;
}
.number li.active {
  font-weight: bold;
}
/*　このサイトの使い方
----------------------------------------*/
.guide p {
  margin-left: 10px;
}
.bold {
  font-weight: bold;
}
.tezyun p,
.mrgb10 {
  margin-bottom: 10px;
}

.guide h4.one {
  background-image:
    url(../../images/guide/kasen.png), url(../../images/guide/h401.png);
}
.guide h4.two {
  background-image:
    url(../../images/guide/kasen.png), url(../../images/guide/h402.png);
}
.guide h4.three {
  background-image:
    url(../../images/guide/kasen.png), url(../../images/guide/h403.png);
}
.guide h4.four {
  background-image:
    url(../../images/guide/kasen.png), url(../../images/guide/h404.png);
}
.guide h4.five {
  background-image:
    url(../../images/guide/kasen.png), url(../../images/guide/h405.png);
}
.guide h4.six {
  background-image:
    url(../../images/guide/kasen.png), url(../../images/guide/h406.png);
}
.guide h4.seven {
  background-image:
    url(../../images/guide/kasen.png), url(../../images/guide/h407.png);
}
.guide h4.eight {
  background-image:
    url(../../images/guide/kasen.png), url(../../images/guide/h408.png);
}
.guide h4.nine {
  background-image:
    url(../../images/guide/kasen.png), url(../../images/guide/h409.png);
}
.guide h4.ten {
  background-image:
    url(../../images/guide/kasen.png), url(../../images/guide/h410.png);
}
.guide h4.eleven {
  background-image:
    url(../../images/guide/kasen.png), url(../../images/guide/h411.png);
}
.guide h4.twelve {
  background-image:
    url(../../images/guide/kasen.png), url(../../images/guide/h412.png);
}
.guide h4.thrteen {
  background-image:
    url(../../images/guide/kasen.png), url(../../images/guide/h413.png);
}
.guide h4.fourteen {
  background-image:
    url(../../images/guide/kasen.png), url(../../images/guide/h414.png);
}
.guide h4 {
  font-weight: bold;
  background-position:
    bottom left,
    left;
  background-repeat: no-repeat;
  padding: 7px 15px;
  margin-bottom: 5px;
}
.guide h4.ten,
.guide h4.twelve,
.guide h4.thrteen,
.guide h4.fourteen {
  padding: 7px 24px;
  margin-bottom: 5px;
}
.guide h4.eleven {
  margin-top: 10px;
  padding: 0 24px 5px;
  background-position:
    bottom left,
    top left;
}
h2.step1,
h2.step2,
h2.step3 {
  background: url(../../images/guide/step1.png) no-repeat left;
  padding: 10px 100px 10px;
  margin-left: 10px;
}
h2.step2 {
  background: url(../../images/guide/step2.png) no-repeat left;
}
h2.step3 {
  background: url(../../images/guide/step3.png) no-repeat left;
}
p.guide_setsumei {
  font-size: 1.2em;
  font-weight: bold;
  margin: 5px 0 5px;
}

.img01 {
  margin: 20px 0 15px;
}
#setsumei01,
#setsumei02,
#setsumei03,
#setsumei04,
#setsumei05,
#setsumei06,
#setsumei07,
#setsumei08 {
  padding: 5px 10px 10px;
  box-sizing: border-box;
}
#setsumei02,
#setsumei04,
#setsumei05,
#setsumei06 {
  border-top: 1px dotted #dddddd;
  margin-top: 10px;
}
#setsumei03,
#setsumei07,
#setsumei08 {
  border-top: 1px solid #cccccc;
  margin-top: 10px;
}
#setsumei08 {
  border-top: 1px solid #cccccc;
  margin: 10px 0 40px;
}
#setsumei02 li {
  background: url(../../images/guide/dot.gif) left no-repeat;
  padding-left: 10px;
  margin-left: 10px;
}
.tezyun {
  margin-left: 23px;
}
/*IE8*/
.ie8 h4.one {
  background-image: url(../../images/guide/h401.png);
}
.ie8 h4.two {
  background-image: url(../../images/guide/h402.png);
}
.ie8 h4.three {
  background-image: url(../../images/guide/h403.png);
}
.ie8 h4.four {
  background-image: url(../../images/guide/h404.png);
}
.ie8 h4.five {
  background-image: url(../../images/guide/h405.png);
}
.ie8 h4.six {
  background-image: url(../../images/guide/h406.png);
}
.ie8 h4.seven {
  background-image: url(../../images/guide/h407.png);
}
.ie8 h4.eight {
  background-image: url(../../images/guide/h408.png);
}
.ie8 h4.nine {
  background-image: url(../../images/guide/h409.png);
}
.ie8 h4.ten {
  background-image: url(../../images/guide/h410.png);
}
.ie8 h4.eleven {
  background-image: url(../../images/guide/h411.png);
}
.ie8 h4.twelve {
  background-image: url(../../images/guide/h412.png);
}
.ie8 h4.thrteen {
  background-image: url(../../images/guide/h413.png);
}
.ie8 h4.fourteen {
  background-image: url(../../images/guide/h414.png);
}

.ie8 h4 {
  background-position: center left;
  background-repeat: no-repeat;
}
/* 検索窓*/
.toppagesearch input.mado2 {
  border: none;
  background: none;
  border: 1px solid #bdbdbd;
  width: 400px;
  height: 35px;
  background-color: #fff;
  background-image: url(../../images/common/mushimegane.gif);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: left 2px center;
  padding-left: 35px;
  box-sizing: border-box;
}
input.searchbutton2 {
  border: none;
  background: none;
  width: 54px;
  height: 35px;
  background-image: url(../../images/common/kensakubutton.png);
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.toppagesearch01,
.toppagesearch02 {
  float: left;
}
.toppagesearch02 {
  margin-left: 10px;
}
/* 機器一覧
----------------------------------------*/
.productlist {
  margin-bottom: 20px;
}
#productlisttable {
  padding: 10px;
  box-sizing: border-box;
}
#productlisttable table {
  width: 100%;
  border: 1px solid #fff;
}
#productlisttable th,
#productlisttable td {
  width: 15%;
  vertical-align: middle;
  border: 1px solid #fff;
}
#productlisttable th {
  background: #e5f5a6;
  text-align: center;
  padding: 5px;
  font-size: 0.8em;
  font-weight: bold;
}
#productlisttable td {
  padding: 5px;
  text-align: center;
}
#productlisttable td.prosph05,
#productlisttable td.prosph06 {
  text-align: left;
}
#productlisttable th.l01,
#productlisttable td.l01 {
  width: 8%;
}
.mg10 {
  margin: 15px;
}
.productlist table td,
.productlist table th {
  color: #1d1d1d;
}
#productlisttable td {
  background: #ececec;
}
#productlisttable tr:nth-child(2n) td {
  background: #f4f4f4;
}
#productlisttable tr td:nth-child(2) a {
  color: #14864b;
  font-weight: bold;
}
.triangle a {
  color: #2cbc72;
  float: right;
  font-size: 0.79em;
}
.gaitou {
  margin: 0 10px;
}
.strong {
  font-weight: bold;
}

#productlisttable tr td:nth-child(3) img {
  max-width: 210px;
  max-height: 145px;
}

/* 機器詳細
----------------------------------------*/
.subpage .productdetail2 h2 {
  background: url(../../images/common/midashi_b.gif) no-repeat left;
}
.subpage #pro05 h3 {
  background: url(../../images/common/midashi_s_b.gif) no-repeat left #fff;
}
.midori {
  display: block;
  color: #00c0ff;
  font-weight: bold;
  padding: 3px 0;
}
#pro01hyou th {
  color: #00c0ff;
  font-weight: bold;
}
#pro01 > ul > li,
.slidernavp li {
  display: inline-block;
  vertical-align: top;
}
#pro01 {
  margin: 0 0 15px;
}
#pro02,
#pro03,
#pro04,
#pro05 {
  margin: 15px 0;
}

#pro01 > ul > li:first-child {
  width: 30%;
}
#pro01 > ul > li:last-child {
  width: 67%;
}
#pro01hyou th,
#pro01hyou td {
  border: dotted #ddd;
  border-width: 1px 0 1px 0;
  padding: 5px 10px;
}
#pro01hyou th:first-child,
#pro01hyou td:first-child {
  border: dotted none;
  border-width: 1px 0 0 0;
}
#pro01hyou th {
  width: 20%;
}
#pro01hyou th.bodernone,
#pro01hyou td.bodernone {
  border: none;
}
#pro02 li/*,
#pro04 li*/ {
  display: inline-block;
  vertical-align: middle;
}
.riyoujirei {
  margin-bottom: 20px;
}
.riyoujirei li.probun {
  float: left;
  margin-top: 10px;
}
.riyoujirei li.riyoujireigazou {
  float: right;
  margin-top: 10px;
}
#pro04 .prdouga2 ul {
  display: table;
}
#pro04 .prdouga2 li {
  display: table-cell;
  max-width: 250px;
  max-height: 250px;
  text-align: center;
  vertical-align: middle;
  padding: 0 10px;
  box-sizing: border-box;
}
#pro04 .prdouga2 li img {
  max-width: 240px;
  max-height: 240px;
}
#pro05 li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}
#pro02,
#pro03,
#pro04 {
  width: 100%;
}
#pro02 table,
#pro03 table,
#pro04 table,
#pro02 th,
#pro03 th,
#pro04 th,
#pro02 td,
#pro03 td,
#pro04 td {
  border: 1px solid #ddd;
  font-size: 0.99em;
}
#pro02 th,
#pro03 th,
#pro04 th,
#pro02 td,
#pro03 td,
#pro04 td {
  vertical-align: middle;
  padding: 2px;
  text-align: left;
  min-height: 14px;
}
#pro03 td:before {
  display: block;
  float: left;
  height: 1em; /* この値は適宜書き換える */
  content: "";
}
#pro02 th,
#pro03 th,
#pro04 th {
  background: #00bffe;
  color: #fff;
  width: 100px;
  padding-left: 7px;
  box-sizing: border-box;
}
#pro02 table {
  width: 100%;
}
#pro02 th,
#pro03 th,
#pro04 th {
  width: 130px;
}
#pro03 table,
#pro04 table {
  width: 100%;
}
#pro02 li {
  vertical-align: middle;
}
#pro02 li:first-child {
  width: 38%;
  margin-right: 15px;
}
#pro02 li:last-child {
  width: 60%;
}
#pro02 #prdouga li {
  width: 186px;
  margin-right: 9px;
}
#pro02 #prdouga li:last-child {
  margin-right: 0;
}
#pro05 li {
  text-align: center;
  margin-right: 10px;
}
.probun {
  width: 45%;
}
#productdetailtable {
  padding: 10px;
  box-sizing: border-box;
  line-height: 1.5;
}

#pro04hyou {
  margin: 10px 0;
}
#pro04 {
  border-top: 1px dotted #dddddd;
  padding-top: 10px;
  box-sizing: border-box;
}
#pro04 li:last-child {
  margin-left: 10px;
}
.prdouga2 li {
  margin-left: 10px;
}
#pro05 {
  padding: 10px;
  background: #e3f4fc;
  box-sizing: border-box;
}
.kanrenkiki {
  padding: 10px 0;
  text-align: center;
  box-sizing: border-box;
}
.kanrenkiki li {
  width: 180px;
}
#bx-pager {
  text-align: center;
}
.bx-wrapper {
  margin: 0 auto;
}
#bx-pager a {
  margin-left: 10px;
}
#bx-pager a:first-child {
  margin-left: 0;
}
/* 機器詳細２
----------------------------------------*/

.productdetail2 #pro01 > ul > li:first-child {
  width: 500px;
}
.productdetail2 #pro01 > ul > li:last-child {
  width: 470px;
  margin-left: 5px;
}
.productdetail2 .bx-wrapper li {
  width: 100%;
  text-align: center;
}
.productdetail2 .bx-wrapper {
  position: relative;
  margin-bottom: 10px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  width: 100%;
  height: auto;
}
.productdetail2 .bx-wrapper img {
  display: initial;
}
.productdetail2 #prdouga {
  margin: 20px auto;
  width: 940px;
}
#prdouga li {
  max-width: 150px;
  display: inline-block;
}
.productdetail2 #pro02 #prdouga li {
  display: inline-block;
  margin-right: 10px;
  width: 300px;
}
.productdetail2 #pro02hyou01 td {
  width: 36%;
}
.productdetail2 #pro02 th,
.productdetail2 #pro03 th,
.productdetail2 #pro04 th {
  width: 137px;
}
.productdetail2 #pro02hyou02 {
  margin: 10px 0;
}
.productdetail2 #pro04hyou,
.productdetail2 #pro04 {
  margin: 20px 0;
}
div.detailgazou {
  display: block;
  text-align: center;
  height: 110px;
  width: 180px;
  margin-bottom: 10px;
}
div.detailgazou img {
  max-height: 110px;
  max-width: 180px;
}
.sliderbackground {
  width: 500px;
  height: 500px;
  background-color: #f5f4f5;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* メーカー一覧
----------------------------------------*/
/* #adan {
  text-align: center;
}
#adan li {
  display: inline-block;
  vertical-align: top;
  width: 70px;
  background: #eee;
  border-radius: 2px;
  border: 1px solid #888;
  margin-right: 6px;
}
#adan li.active,
#adan li a:hover {
  background: #666666;
}
#adan li.active a,
#adan li a:hover {
  color: #fff;
}
#adan li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px;
  box-sizing: border-box;
} */
/* #makertable {
  overflow: hidden;
  /* background: #f9f9f9; */
  box-sizing: border-box;
  margin: 20px auto 240px;
  padding: 20px 10px 20px 10px;
  max-width: 900px;
} */
ul.makerli01 > li {
  width: 100%;
  display: block;
  text-align: left;
  padding: 8px 0;
  border-bottom: none;
}
ul.makerli01 > li:nth-child(2n) {
  margin-left: 0;
}
ul.makername > li {
  width: 100%;
  display: block;
  vertical-align: middle;
}
ul.makername > li:last-child {
  width: 100%;
  text-align: left;
}
.makernameright {
  font-weight: bold;
  color: #2cbc72;
}
.makernameright a {
  font-weight: bold;
  color: #2cbc72;
}
#makertable li.makernav01_on,
#makertable li.makernav02_on,
#makertable li.makernav03_on,
#makertable li.makernav04_on,
#makertable li.makernav05_on,
#makertable li.makernav06_on,
#makertable li.makernav07_on,
#makertable li.makernav08_on,
#makertable li.makernav09_on,
#makertable li.makernav10_on,
#makertable li.makernav11_on {
  display: none;
}

#makertable li.makernav01_on.active,
#makertable li.makernav02_on.active,
#makertable li.makernav03_on.active,
#makertable li.makernav04_on.active,
#makertable li.makernav05_on.active,
#makertable li.makernav06_on.active,
#makertable li.makernav07_on.active,
#makertable li.makernav08_on.active,
#makertable li.makernav09_on.active,
#makertable li.makernav10_on.active,
#makertable li.makernav11_on.active {
  display: block;
}
/*20170814*/
.makernameleft table {
  width: 100%;
}
/* .makernameleft table,
.makernameleft td,
.makernameleft th {
  border: 1px solid #5f5f5f;
} */
.makernameleft th {
  background-color: #0d4da1;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  color: #fff;
  /* width: 120px; */
  vertical-align: middle;
}
/* .makernameleft th.thshita {
  border-bottom: 1px solid #5f5f5f;
}
.makernameleft tr.makername th,
.makernameleft tr.makername td {
  height: 45px;
  vertical-align: middle;
}
.makernameleft td.size100 {
  width: 80px;
}
.makernameleft td {
  background-color: #fff;
}
.makernameleft td,
.makernameleft th {
  padding: 5px;
  box-sizing: border-box;
} */
.makernameleft a {
  text-decoration: underline;
  text-underline-offset: 2px;
  color: #0d4da1;
  font-weight: bold;
  /* font-size: 110%; */
}
.makernameleft a:visited {
  color: #0d4da1;
}
/* メーカー一覧詳細
----------------------------------------*/
/* .subpage .Makerichiran h2,
.subpage .makerdetail h2 {
  background: url(../../images/common/midashi_blue.gif) no-repeat left;
} */
.makerdetail table {
  width: 100%;
  border: 1px solid #fff;
}
.makerdetail th,
.makerdetail td {
  padding: 10px;
  border: 1px solid #fff;
}
.makerdetail th {
  text-align: left;
  vertical-align: middle;
  background: #ff6ab4;
  color: #fff;
  font-weight: bold;
  width: 20%;
}
.makerdetail td {
  background: #f4f4f4;
}
td.kikiichiran {
  width: 20%;
  vertical-align: middle;
  text-align: left;
}
#makerdetailtable {
  margin-bottom: 80px;
}
td.prosph05,
td.prosp05,
td.prosph06,
td.prosp06 {
  visibility: hidden;
}

/* 商品概要2
----------------------------------------*/
/* テーブル書き直し*/
.pro02hyou2 {
  display: table;
}
.pro02hyou2 dl {
  display: table-row;
  float: left;
}
.pro02hyou2 dt,
.pro02hyou2 dd {
  display: table-cell;
  padding: 2px;
}
.pro02hyou2 dt {
  width: 137px;
  background: #00bffe;
  color: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.pro02hyou2 dd {
  width: 352px;
  border: solid #ddd;
  border-width: 1px 1px 1px 0;
  box-sizing: border-box;
}

@supports (-ms-ime-align: auto) {
  /* Edge のみ適用される */
  .pro02hyou2 dt {
    letter-spacing: -0.12em;
  }
  .pro02hyou2 dd {
    letter-spacing: -0.07em;
  }
}

.pro02hyou2 dt.dt3 {
  border: solid #ddd;
  border-width: 0 1px 1px 1px;
}
.pro02hyou2 dd.dt3 {
  border: solid #ddd;
  border-width: 0 1px 1px 0;
}
.dlhyou {
  margin: 5px 0;
}

/* お知らせ一覧
----------------------------------------*/
#newspg {
  box-sizing: border-box;
  padding: 10px;
}
/* footer(PC)
----------------------------------------*/
#f_sitemap {
  padding: 25px;

  margin: 0px;
  box-sizing: border-box;
}
#f_sitemap dt {
  color: #1d1d1d;
}
#f_sitemap a {
  color: #14864b;
}
#f_sitemap dd {
  padding-left: 15px;
}
#f_sitemap h5 {
  margin-top: 10px;
  font-weight: bold;
}
.f_map1_left,
.f_map1_right {
  padding: 0 10px 10px;
  box-sizing: border-box;
}
.f_map2 dt {
  margin-bottom: 20px;
}
.f_map2 dd {
  margin-left: 20px;
  float: left;
}
.f_map2 dl {
  padding-top: 10px;
  padding-bottom: 20px;
}
#f_sitemap li {
  margin-top: 15px;
}
.f_map1 {
  margin-bottom: 20px;
}
.f_map2 {
  margin-bottom: 20px;
}
.f_map1_left {
  float: left;
  width: 360px;
}
.f_map1_right {
  float: right;
  width: 450px;
}
.f_map1_top {
  font-weight: bold;
  font-size: 110%;
  border-bottom: 1px solid #dddddd;
}
.f_map2_top {
  font-weight: bold;
  font-size: 110%;
  border-bottom: 1px solid #dddddd;
}
footer {
  background-image: url(../../images/common/footerbg.png);
  background-repeat: repeat-x;
  height: 91px;
  padding: 10px 20px;
  box-sizing: border-box;
}

#copylight {
  float: none;
  margin: 0 auto;
  width: 323px;
  height: 63px;
}

#footerlink li {
  font-size: 0.8em;
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  box-sizing: border-box;
}
#footerlink li:nth-child(2n) {
  border: solid #333;
  border-width: 0 1px 0 1px;
}
#hed02 li#titlesp {
  display: none;
}
.topmakersp {
  display: none;
}

.pc {
  display: block;
}
.sp,
li#spnone,
#sumahomenu {
  display: none;
}

/* レスポンシブ対応
----------------------------------------*/

@media screen and (max-width: 500px) {
  img {
    max-width: 100%;
  }
  .subpage h2 {
    margin: 0 5px;
  }
  #wrapper,
  #content {
    width: 100%;
  }
  #footerlink,
  #hed02 li.hed02li,
  .topsearch,
  #globalnav {
    /* display: none; */
  }
  #hed02 {
    height: auto;
  }
  /* TOPページ*/
  #fieldsearch select,
  .toppagesearch input.mado2 {
    width: 100%;
  }
  #bamen li,
  #linkspace li {
    width: 47%;
    margin: 3px;
  }
  #mainslider {
    height: auto;
  }
  .toppagesearch01,
  .toppagesearch02 {
    float: initial;
  }
  #hed02 {
    text-align: center;
    padding: 0;
    background: url(../../images/common/spmoji.png) repeat-x;
  }
  #hed02 li#titlesp {
    display: block;
    margin: 10px 0;
  }
  #linkspace li:first-child {
    margin: 3px;
  }
  p.sptoph3comment {
    margin-bottom: 10px;
  }
  #topcontents {
    margin: 0;
    padding: 0 5px;
    border-top: none;
  }
  #linkspace {
    margin: 10px 0 20px;
  }
  #bamen img {
    visibility: hidden;
  }
  .spback1 a,
  .spback2 a,
  .spback3 a,
  .spback4 a,
  .spback5 a,
  .spback6 a,
  .spback7 a {
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .spback1 a {
    background-image: url(../../images/top/sp_topbutton01_off.png);
  }
  .spback2 a {
    background-image: url(../../images/top/sp_topbutton02_off.png);
  }
  .spback3 a {
    background-image: url(../../images/top/sp_topbutton03_off.png);
  }
  .spback4 a {
    background-image: url(../../images/top/sp_topbutton04_off.png);
  }
  .spback5 a {
    background-image: url(../../images/top/sp_topbutton05_off.png);
  }
  .spback6 a {
    background-image: url(../../images/top/sp_topbutton06_off.png);
  }
  .spback7 a {
    background-image: url(../../images/top/sp_topbutton07_off.png);
  }
  .spback1 a:hover {
    background-image: url(../../images/top/sp_topbutton01_on.png);
  }
  .spback2 a:hover {
    background-image: url(../../images/top/sp_topbutton02_on.png);
  }
  .spback3 a:hover {
    background-image: url(../../images/top/sp_topbutton03_on.png);
  }
  .spback4 a:hover {
    background-image: url(../../images/top/sp_topbutton04_on.png);
  }
  .spback5 a:hover {
    background-image: url(../../images/top/sp_topbutton05_on.png);
  }
  .spback6 a:hover {
    background-image: url(../../images/top/sp_topbutton06_on.png);
  }
  .spback7 a:hover {
    background-image: url(../../images/top/sp_topbutton07_on.png);
  }

  /*検索ボタン*/
  .toppagesearch02 {
    margin: 5px 0;
  }
  input.searchbutton2 {
    background: #ff69b4;
    width: 100%;
    color: #fff;
    border: 1px solid #ff69b4;
    text-indent: initial;
    white-space: initial;
    overflow: initial;
    cursor: initial;
  }

  /*お知らせスマホ文字*/
  .topmakersp {
    width: 100%;
    display: block;
  }
  .topmakersp img {
    visibility: hidden;
  }
  .topmakersp a {
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(../../images/top/maker_buttonsp_off.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .topmakersp a:hover {
    background-image: url(../../images/top/maker_buttonsp_on.png);
  }
  .sp {
    display: block;
  }
  .toph3comment,
  .pc {
    display: none;
  }

  li#spnone {
    display: block;
    margin: 10px 0;
  }
  #spnone img {
    width: 93%;
  }
  .spdanraku {
    display: block;
  }

  .titlelogo {
    float: left;
    box-sizing: border-box;
    max-width: 225px;
    padding: 32px 0 0 5px;
  }

  #topnews h2 {
    padding: 3px 0 3px 10px;
    margin: 0;
  }
  .subpage {
    border-top: none;
    box-sizing: border-box;
  }
  #newspg {
    padding: 5px;
  }
  .subpage {
    min-height: auto;
  }
  .pgbottom {
    margin-bottom: 40px;
  }
  .pankuzu {
    margin: 10px;
  }
  #topnews #topcontents h2 {
    border-bottom: 1px #9a9696 solid;
  }
  #topcontents .oshirasehyou h2 {
    color: #fff;
    background: #2cbc72;
    font-size: 1.2em;
  }
  #topnews {
    padding: 0;
    box-sizing: border-box;
    background: none;
    border: 1px solid #cccccc;
    margin-bottom: 30px;
  }
  #topnews h2 a {
    color: #fff;
    text-decoration: underline;
    padding-right: 5px;
  }
  /*スマホメニュー*/
  #spmenu {
    width: 80px;
    height: 20px;
    float: right;
    color: #fff;
    margin: 30px 10px 0 0;
  }
  .menutitle {
    float: left;
    margin: 2px 5px 0 0;
  }
  .spmenuh {
    float: right;
  }
  .menutitle img {
    width: 45px;
  }

  #wrapper {
    position: relative;
  }
  #hed01 {
    position: relative;
    z-index: 1000;
  }
  #sumahomenu {
    display: block;
    width: 100%;
    top: 85px;
    position: absolute;
    z-index: 999;
  }
  #sumahomenu li {
    background: #fff;
    padding: 15px;
    border-bottom: 1px solid #dddddd;
  }
  #sumahomenu li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #sumahomenu li:active,
  #sumahomenu a:active {
    background: #00bffe;
    color: #fff;
  }
  .sumahoguidelink {
    font-weight: bold;
    color: #747474;
  }
  /*ハンバーガーボタン詳細*/
  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .menu-trigger {
    position: relative;
    width: 30px;
    height: 20px;
  }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #555;
    border-radius: 0;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 8px;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(20px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
  }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
  }

  /*メーカー一覧*/
  #adan li.active,
  #adan li a:hover {
    background: none;
  }
  #adan li {
    width: auto;
    background: none;
    border: none;
    margin-right: 0;
  }
  /* #adan li a {
    text-decoration: underline;
  } */
  /* #adan li.active a,
  #adan li a:hover {
    color: initial;
  } */
  /* #adan li.sonota {
    display: block;
  } */
  #makertable {
    margin: 5px auto;
    background: initial;
    max-width: 400px;
    padding: 0;
  }

  ul.makerli01 > li:nth-child(2n) {
    margin: 0;
  }
  ul.makerli01 > li {
    display: block;
    margin-bottom: 5px;
    width: 100%;
  }
  ul.makername > li:last-child {
    text-align: left;
  }
  /*メーカー詳細*/

  .makerdetail th {
    width: 20%;
  }
  #makerdetailtable {
    margin: 0 5px 30px;
  }
  .makerdetail th,
  .makerdetail td {
    padding: 5px;
    vertical-align: middle;
  }
  .subpage h2 {
    background-position: left 0 top 14px;
  }
  /*　商品リスト　*/
  .gaitou {
    margin: 0 5px;
  }
  #prolisthyousp {
    max-width: 390px;
    margin: 0 auto;
  }
  #prolisthyousp td {
    height: auto;
    vertical-align: middle;
    padding: 3px;
    max-height: 100%;
  }

  #prolisthyousp table {
    overflow: auto;
    width: 100%;
  }

  td.prosp03 img {
  }
  p.spimagepro {
    text-align: right;
    box-sizing: border-box;
  }
  p.spimagepro img {
    max-width: 173px;
    max-height: 120px;
  }
  li.prolisthyousptable {
    padding: 10px;
    margin: 0 5px;
    max-width: 120%;
    box-sizing: border-box;
  }

  #prolisthyousp li {
    background: #ececec;
  }
  #prolisthyousp li:nth-child(even) {
    background: #f4f4f4;
  }
  /* スマホ商品詳細
	----------------------------------------*/
  #pro01 > ul > li:first-child {
    display: initial;
    width: 100%;
  }
  #pro01 > ul > li:last-child {
    width: 100%;
  }
  #pro02 li:first-child {
    width: 100%;
    display: inline-block;
  }
  #pro02 li:last-child {
    width: 100%;
  }
  #pro02 #prdouga li {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 32%;
  }
  .productdetail2 #prdouga {
    margin: 20px auto;
    width: auto;
    max-width: 300px;
  }
  #pro02 #prdouga {
    margin: 15px auto;
    width: auto;
  }
  #pro03 {
    width: 100%;
  }

  #pro03 table,
  #pro04 table {
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
  }
  #pro04 li {
    display: initial;
  }
  #pro04 .prdouga2 {
    width: 100%;
  }
  #pro04 .prdouga2 li img {
    max-width: 100%;
    max-height: 250px;
  }
  #pro04 .prdouga2 li {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    height: auto;
  }

  #pro05 li {
    margin: 0;
    width: 47%;
  }
  #productdetailtable {
    overflow: hidden;
  }
  #pro05 {
    margin: 15px 0 30px;
  }
  #pro01hyou td {
    vertical-align: middle;
  }
  #pro04 .prdouga2 ul {
    margin: 0 auto;
  }
  /* 商品詳細ページ２
	----------------------------------------*/

  .productdetail2 #pro01 > ul > li:last-child {
    width: 100%;
    margin: 0;
  }
  .productdetail2 #pro02 #prdouga li {
    display: block;
    width: 100%;
    margin: 10px auto 0;
  }
  /* テーブル書き直し*/
  .pro02hyou2 {
    display: table;
  }
  .pro02hyou2 dl {
    display: table-row;
    float: left;
    width: 100%;
  }
  .pro02hyou2 dt {
    width: 30%;
  }
  .pro02hyou2 dt.dt2 {
    border: solid #ddd;
    border-width: 0 1px 1px 1px;
  }
  .pro02hyou2 dd.dt2 {
    border: solid #ddd;
    border-width: 0 1px 1px 0;
  }
  div.detailgazou {
    width: auto;
    height: auto;
  }
  #pro05 li img {
    max-width: 150px;
    max-height: 110px;
  }
  #productdetailtable .probun {
    width: 100% !important;
    float: none;
    display: block;
    margin-top: 10px;
  }
  #pro04 li:last-child {
    margin: 0;
  }
  #pro04 .prdouga2 ul {
    display: block;
  }
  #pro04 .prdouga2 li {
    display: block;
    text-align: center;
    width: 100%;
    height: auto;
    margin: 10px auto 10px;
  }
  .riyoujirei li.riyoujireigazou {
    float: none;
    display: block;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
  }
  .riyoujirei {
    margin-bottom: 10px;
  }
  .productdetail2 #pro04hyou {
    margin: 10px auto;
  }
  #pro04 li {
    display: block;
  }
  .pankuzu {
    margin: 0 5px;
  }
  .productdetail2 #pro03 th,
  .productdetail2 #pro04 th {
    width: 30%;
  }
  /* .makernameleft th {
    width: 82px;
  } */
  .sliderbackground {
    width: 350px;
    max-height: 350px;
  }
  /*初めての方へ*/
  #setsumei01,
  #setsumei02,
  #setsumei03,
  #setsumei04,
  #setsumei05,
  #setsumei06,
  #setsumei07,
  #setsumei08 {
    padding: 5px;
  }
  .tezyun {
    margin-left: 0;
  }
  h2.step1::before {
    content: url(../../images/guide/step1.png);
    margin-bottom: 5px;
    display: block;
  }
  h2.step2::before {
    content: url(../../images/guide/step2.png);
    margin-bottom: 5px;
    display: block;
  }
  h2.step3::before {
    content: url(../../images/guide/step3.png);
    margin-bottom: 5px;
    display: block;
  }
  h2.step1,
  h2.step2,
  h2.step3 {
    background: none;
    padding: 0 0 10px 0;
  }
  .guide h4.eleven {
    background-position:
      bottom left,
      left;
  }
  p.guide_setsumei {
    margin: 5px;
  }
  .guidepage .img01 {
    padding: 0;
    text-align: center;
    margin: 10px 0;
  }
  .guide p {
    margin: 5px 0;
  }
  #page-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 999;
  }
  #bx-pager img {
    max-width: 80px;
  }
  /*20170901　フッター修正*/
  #f_sitemap {
    padding: 25px 10px;
  }
  #f_sitemap,
  .f_map1,
  .f_map2,
  .f_map1_right,
  .f_map1_left {
    width: 100%;
    box-sizing: border-box;
  }

  .f_map1,
  .f_map2,
  .f_map1_right,
  .f_map1_left {
    float: none;
  }
  .f_map1 {
    padding-top: 10px;
  }
  .f_map2 {
    margin-bottom: 20px;
  }

  /*PCの設定を無効化*/
  .f_map2 dl {
    padding-bottom: 20px;
  }
  .f_map2 dt {
    margin-bottom: auto;
  }
  .f_map2 dd {
    margin-left: auto;
    float: none;
  }
}

/* メーカー詳細ページ - テーブルヘッダースタイル */
#page01 table th,
.maker-table-pc th {
    background-color: #0D4DA1 !important;
    color: white !important;
}
} /* 500以下指定〆*/

/* 320px以下
	----------------------------------------*/

@media screen and (max-width: 320px) {
  #makertable {
    padding: 5px;
    /*max-width: 320px;*/
  }
  ul.makername > li {
    width: 56%;
  }
  #pro05 li img {
    max-width: 100px;
    max-height: 110px;
  }
  .sliderbackground {
    min-width: 300px;
    max-height: 300px;
  }
  #copylight {
    width: 250px;
    height: auto;
  }
}

/* clearfix
	----------------------------------------*/
/*.clearfix::after {
	content: "";
	display: table;
	clear: both;
	}*/
/* For modern browsers */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* For IE 6/7 only */
.clearfix {
  *zoom: 1;
}