@charset "utf-8";
.noie {
  display: inline;
}
.msie, #galref2 {
  display: none;
}
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
a, a:visited {
  text-decoration: none;
  color: #2d2828;
}
a:hover {
  text-decoration: none;
  color: #dc143c;
  cursor: pointer;
  -webkit-transition: 0.15s background ease;
  -moz-transition: 0.15s background ease;
  -ms-transition: 0.15s background ease;
  -o-transition: 0.15s background ease;
  transition: 0.15s background ease;
}
a:focus,
a:active,
button:focus,
button:active,
input[type="button"]:focus,
input[type="button"]:active,
input[type="submit"]:focus,
input[type="submit"]:active {
  outline: none;
  -webkit-tap-highlight-color: #dc143c;
}
div.guide a, div.guide a:visited {
  font-weight: bold;
}
::selection {
  background: #c4deed;
}
::-moz-selection {
  background: #c4deed;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
img, a img, a:hover img {
  line-height: 0;
  border: none;
}
.tra0 {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
.traX {
  opacity: .95;
  filter: alpha(opacity=95);
  -ms-filter: "alpha(opacity=95)";
}
.tra1 {
  opacity: .8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.tra2 {
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.tra3 {
  opacity: .6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
a:hover img {
  opacity: .8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -webkit-transition: 0.15s background ease;
  -moz-transition: 0.15s background ease;
  -ms-transition: 0.15s background ease;
  -o-transition: 0.15s background ease;
  transition: 0.15s background ease;
}
* {
  margin: 0;
  padding: 0;
  word-break: normal;
  -webkit-font-smoothing: antialiased;
  /* subpixel-antialiased, none */

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  font-size: 11px;
  line-height: 1.3em;
  color: #2d2828;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", LucidaGrande, "Myriad Pro", Helvetica, sans-serif;
  zoom: 1;
}
body.teaser, body.teaser2 {
  display: table;
  table-layout: fixed;
  border-spacing: 0 0;
  width: 100%;
  height: 100%;
}
body.teaser {
  background: #2d2828 url(images/woodtexture.jpg) center center no-repeat fixed;
  list-style-image: url(images/woodtexture.jpg);
  background-size: cover;
}
body.teaser2 {
  height: 300%;
  background: url(images/top.jpg) center center no-repeat fixed;
  list-style-image: url(images/top.jpg);
  background-size: cover;
}
div.row, div.row-mid, div.row-foot {
  height: 33.4%;
  display: table-row;
  margin: 0;
  padding: 0;
}
div.row-mid {
  height: 33.3%;
  background: white;
  background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(0.98, #ffffff), to(rgba(255, 255, 255, 0.85)));
  background: -moz-linear-gradient(bottom, #ffffff, #ffffff 98%, rgba(255, 255, 255, 0.85));
  /* background:-ms-linear-gradient(bottom,white,white 98%,rgba(255,255,255,0.85)); */

  background: -o-linear-gradient(bottom, #ffffff, #ffffff 98%, rgba(255, 255, 255, 0.85));
  background: linear-gradient(bottom, #ffffff, #ffffff 98%, rgba(255, 255, 255, 0.85));
}
div.row-foot, div.footwrap {
  height: 33.3%;
  background: #2d2828 url(images/woodtexture.jpg) no-repeat;
  background-size: cover;
  color: #2d2828;
  font-weight: bold;
  text-shadow: 2px 1px 2px WhiteSmoke;
  margin-bottom: -14px;
}
div.footwrap {
  display: table;
  width: 100%;
  height: 500px;
  background: url(images/woodtexture2.jpg) no-repeat;
  background-size: cover;
}
div.teaser, div.teaser2 {
  display: table-cell;
  width: 100%;
  text-align: center;
}
div.teaser div, div.teaser2 div {
  font-size: 16px;
  font-weight: bold;
  margin: 40px auto 0;
  color: #2d2828;
}
div.teaser {
  height: 100%;
  vertical-align: middle;
}
div.teaser img, div.teaser div {
  width: 280px;
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
div.teaser div {
  -webkit-animation: fadein 3s ease-in-out;
  -moz-animation: fadein 3s ease-in-out;
}
div.teaser2 {
  padding-bottom: 5%;
  vertical-align: bottom;
}
nav, img.logoB, img.logo-slide {
  display: none;
  font-weight: bold;
}
#logo img {
  width: 200px;
}
#catch {
  height: 215px;
  -webkit-animation: fadein 5s ease-in-out;
  -moz-animation: fadein 5s ease-in-out;
  opacity: .8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#catch2 {
  height: 200px;
  -webkit-animation: fadein 5s ease-in-out;
  -moz-animation: fadein 5s ease-in-out;
  opacity: .8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#sticky {
  /* sticky.js */

  width: 100%;
  z-index: 10000;
}
div.sticky1, div.sticky2, div.sticky0 {
  padding: 15px 15px 10px;
}
div.sticky1 img,
div.sticky2 img,
div.sticky0 img,
div.sticky1 div,
div.sticky2 div,
div.sticky0 div {
  width: 200px;
}
div.sticky2, div.sticky0 {
  position: fixed;
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.88, rgba(255, 255, 255, 0.97)), to(rgba(255, 255, 255, 0.7)));
  background: -moz-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0.97) 88%, rgba(255, 255, 255, 0.7));
  /* background:-ms-linear-gradient(top,white,rgba(255,255,255,0.97) 88%,rgba(255,255,255,0.7)); */

  background: -o-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0.97) 88%, rgba(255, 255, 255, 0.7));
  background: linear-gradient(top, #ffffff, rgba(255, 255, 255, 0.97) 88%, rgba(255, 255, 255, 0.7));
  text-align: left;
}
div.sticky2 nav, div.sticky0 nav {
  display: block;
}
div.sticky2 nav a, div.sticky0 nav a {
  padding-bottom: 5px;
}
div.sticky2 nav span + a,
div.sticky0 nav span + a,
div.sticky2 nav a + a,
div.sticky0 nav a + a {
  margin-right: 1em;
}
div.sticky2 nav span, div.sticky0 nav span {
  margin: 0 .9em 0 1.3em;
}
div.sticky2 nav a:hover, div.sticky0 nav a:hover {
  border-bottom: 3px solid #dc143c;
}
div.sticky2 div.concept,
div.sticky0 div.concept,
div.sticky2 div.products,
div.sticky0 div.products {
  width: auto;
  margin: 0;
  font-size: 13px;
}
div.sticky2 div.concept, div.sticky0 div.concept {
  margin: 1.1em 0 2em;
  font-size: 15px;
}
div.sticky2 div.concept a, div.sticky0 div.concept a {
  margin-right: 1.5em;
}
div.sticky2 div.concept a:hover, div.sticky0 div.concept a:hover {
  border: 0;
}
div.sticky2 img.logoA,
div.sticky0 img.logoA,
div.sticky2 #catch,
div.sticky0 #catch,
div.sticky2 #catch2,
div.sticky0 #catch2 {
  display: none;
}
div.sticky2 img.logoB, div.sticky0 img.logoB {
  display: block;
}
div.sticky2 #logo img, div.sticky0 #logo img {
  float: left;
  width: 110px;
  margin-right: 15px;
}
div.sticky2 #logo img {
  -webkit-animation: shrinkit 0.8s ease-in;
  -moz-animation: shrinkit 0.8s ease-in;
}
body.all div.sticky0, body.guide div.sticky0, body.faq div.sticky0 {
  position: static;
}
body.all div.content, body.guide div.content, body.faq div.content {
  padding-top: 40px;
}
body.all a.all, body.concept a.concept {
  border-bottom: 3px solid #2d2828;
  pointer-events: none;
  cursor: default;
}
body.guide a.guide,
body.faq a.faq,
body.price a.price,
body.privacy a.privacy,
body.term a.term,
body.story a.story,
body.process a.process,
body.care a.care,
body.usoak a.usoak,
body.all a.double,
body.item a.double {
  pointer-events: none;
  cursor: default;
}
body.top #logo img {
  pointer-events: none;
  cursor: default;
}
body.products div.menu0, body.gallery #galref1 {
  display: none;
}
div.menu1 a span {
  pointer-events: none;
  cursor: default;
}
div.menu1 img, div.menu0 img {
  cursor: pointer;
}
/* keyframe 中間値 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  to {
    opacity: 0.7;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  to {
    opacity: 0.7;
  }
}
.fade {
  -webkit-animation: fadein 3s ease-in-out;
  -moz-animation: fadein 3s ease-in-out;
}
.fade2 {
  -webkit-animation: fadein 5s ease-in-out;
  -moz-animation: fadein 5s ease-in-out;
}
@-webkit-keyframes shrinkit {
  from {
    width: 200px;
  }
  to {
    width: 110px;
  }
}
@-moz-keyframes shrinkit {
  from {
    width: 200px;
  }
  to {
    width: 110px;
  }
}
.shrink {
  -webkit-animation: shrinkit 0.8s ease-in;
  -moz-animation: shrinkit 0.8s ease-in;
}
div.content, footer {
  width: 1000px;
  margin: 0 auto;
}
div.content {
  padding-top: 150px;
}
body.top div.content {
  padding-top: 0;
}
footer {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  opacity: .8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
footer img {
  display: block;
  margin: 2% auto 1em;
  width: 160px;
}
div.info {
  padding: 2em 0;
  min-height: 8em;
  max-height: 12em;
  overflow: hidden;
}
span.title {
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
  letter-spacing: 5px;
  font-family: "mplus-regular";
  clear: both;
}
span.title span {
  letter-spacing: 0;
}
span.title span.noiph {
  letter-spacing: 5px;
}
span.title a {
  font-size: 11px;
}
div.menu1, div.menu2, div.menu0 {
  margin-bottom: 40px;
}
div.menu1 div,
div.menu2 div,
div.menu0 div,
div.menu1 a,
div.menu2 a,
div.menu0 a {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  font-size: 18px;
}
div.menu1 div + div,
div.menu2 div + div,
div.menu0 div + div,
div.menu1 a + a,
div.menu2 a + a,
div.menu0 a + a {
  margin-left: 5px;
}
div.menu1 div, div.menu1 a {
  width: 327px;
  height: 326px;
  padding: 0;
  clear: both;
}
div.menu1 div img, div.menu1 a img {
  width: 100%;
  height: auto;
  border: 1px solid #2d2828;
}
div.menu1 div span, div.menu1 a span {
  margin-top: -20px;
}
body.all div.menu1 a {
  background: #2d2828;
}
body.all div.menu1 a img {
  opacity: .95;
  filter: alpha(opacity=95);
  -ms-filter: "alpha(opacity=95)";
}
body.all div.menu1 a img.nb {
  border: 0;
}
body.all div.menu1 a.nb {
  background: none;
}
body.all div.menu1 a:hover {
  color: #2d2828;
}
body.all div.menu1 a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
div.blank {
  border: 0 !important;
}
body.top div.menu1 div img {
  border: 1px solid Gainsboro;
}
div.menu2 div,
div.menu0 div,
div.menu2 a,
div.menu0 a {
  padding: 0;
  border: 1px solid Gainsboro;
  height: 150px;
  overflow: hidden;
}
div.menu2 div img,
div.menu0 div img,
div.menu2 a img,
div.menu0 a img {
  width: 150px;
}
div.menu2 div span,
div.menu0 div span,
div.menu2 a span,
div.menu0 a span {
  display: block;
  padding: 2em 1em 0;
  font-size: 12px;
  line-height: 1.4em;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", LucidaGrande, "Myriad Pro", Helvetica, sans-serif;
}
div.menu2 a.double, div.menu0 a.double {
  width: 354px;
  height: 150px;
  padding: 5px;
  font-size: 16px;
  background: WhiteSmoke url(images/rainbow.png) bottom right no-repeat;
}
div.menu2 a.double:hover, div.menu0 a.double:hover {
  color: white;
  background: #c4deed url(images/rainbow.png) bottom right no-repeat;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
div.menu2 a.double:hover span, div.menu0 a.double:hover span {
  color: #2d2828;
}
div.menu2 a:hover {
  background: DeepSkyBlue;
  opacity: .6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
div.menu0 {
  padding: 40px 0 0;
  margin-bottom: 5px;
  clear: both;
}
div.menu0 div + div {
  margin-left: 0;
}
div.menu0 div {
  margin-right: 5px;
}
#more {
  display: none;
  margin: 0;
}
body.top #more {
  display: inline;
  height: 36px !important;
}
body.top #more button {
  width: 150px;
}
div.bottom-navi {
  font-size: 13px;
  margin-top: 90px;
  margin-bottom: 7px;
  padding-top: 10px;
  text-align: right;
  clear: both;
}
div.bottom-navi a {
  display: inline-block;
  margin-right: 1.5em;
}
div.bottom-navi a img {
  height: 16px;
}
body.teaser2 div.bottom-navi {
  margin-top: 14%;
}
@media only screen and (min-device-width: 16816px) {
  body.teaser2 div.bottom-navi {
    margin-top: 37%;
  }
}
@media only screen and (max-device-width: 1680px) {
  body.teaser2 div.bottom-navi {
    margin-top: 28%;
  }
}
@media only screen and (max-device-width: 1440px) {
  body.teaser2 div.bottom-navi {
    margin-top: 13%;
  }
}
div.guide {
  width: 100%;
  margin: 0 auto 1em;
  padding: 1em 2em;
  border: 1px solid Gainsboro;
  overflow: hidden;
}
div.guide div {
  display: inline-block;
  vertical-align: top;
  text-align: justify;
  width: 45%;
  margin: 1em 2em;
  padding: 1em 0;
}
div.guide div h4 {
  border-bottom: 1px solid Gainsboro;
  padding-bottom: 0.5em;
}
div.guide img {
  width: 150px;
  padding-bottom: 12px;
}
div.guide li {
  margin-bottom: 2px;
}
div.guide ol li {
  margin-left: 1.8em;
}
span.yakiin {
  vertical-align: 12px;
  margin-left: 5px;
}
body.term li {
  margin-left: -1em;
}
body.guide li {
  margin-left: 1.5em;
}
body.care ul, body.care ol {
  margin-top: 1em;
}
body.care ul {
  list-style-type: square;
  margin-left: 1.5em;
}
body.care ol {
  margin-left: 1.7em;
}
div.banner {
  width: 100%;
  height: 250px;
  margin-bottom: -130px;
}
body.concept div.banner {
  background: url(images/conceptban.jpg) center top no-repeat;
  background-size: cover;
}
body.products div.banner {
  background: url(images/productsban.jpg) center top no-repeat;
  background-size: cover;
}
body.story div.banner {
  background: url(images/storyban.jpg) center top no-repeat;
  background-size: cover;
}
body.process div.banner {
  background: url(images/processban.jpg) center top no-repeat;
  background-size: cover;
}
body.care div.banner {
  background: url(images/careban.jpg) center top no-repeat;
  background-size: cover;
}
body.usoak div.banner {
  background: url(images/usoakban.jpg) center top no-repeat;
  background-size: cover;
}
img.full {
  width: 100%;
  margin-bottom: 5px;
}
div.copy, div.copy2 {
  float: left;
  width: 64%;
  margin-bottom: 8px;
  letter-spacing: 1px;
}
div.copy p, div.copy2 p {
  text-align: justify;
}
div.copy p + p, div.copy2 p + p {
  margin-top: 0.5em;
}
div.copy2 {
  width: 62%;
}
div.spec {
  text-align: right;
}
div.spec button {
  margin: 0.5em 0 10px;
}
div.pictures {
  padding: 18px 18px 8px;
  min-height: 240px;
  background: WhiteSmoke;
  overflow: hidden;
  clear: both;
}
div.pictures > img {
  border: 9px solid white;
  margin: 0 5px 5px 0;
  -webkit-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
}
div.pictures > img, div.pictures img.v {
  display: block;
  height: 200px;
}
div.pictures img.v {
  margin-bottom: 4px;
}
div.pictures img.h {
  height: 120px;
}
div.pictures > img {
  float: left;
}
div.pictures > div {
  float: right;
}
div.pictures > div span {
  display: block;
  font-size: 10px;
  margin: -2px 0 3px 2px;
}
div.pictures2 {
  padding: 18px 0 20px 2%;
  background: WhiteSmoke;
  overflow: hidden;
  clear: both;
}
div.closeup {
  width: 97.5%;
  margin-left: 5px;
}
div.closeup > div {
  float: left;
}
div.closeup > div img.h, div.closeup > div img.v {
  display: block;
  margin: 0 8px 4px 0;
}
div.closeup > div img.h {
  width: 300px;
}
div.closeup > div img.v {
  width: 200px;
}
div.closeup > div span {
  display: block;
  font-size: 10px;
  margin: -2px 0 3px 2px;
}
div.cordination {
  clear: both;
}
div.cordination > img {
  float: left;
  width: 48%;
  border: 9px solid white;
  margin: 5px;
  -webkit-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
}
div.gallery {
  margin-top: 15px;
  text-align: center;
}
div.gallery a {
  font-size: 15px;
  font-weight: bold;
}
body.gallery {
  background: #2d2828;
}
body.gallery div.sticky0 {
  position: static;
  background: #2d2828;
  color: Gainsboro;
}
body.gallery div.sticky0 a {
  color: Gainsboro;
}
body.gallery div.sticky0 img.logo-slide {
  display: block;
}
body.gallery div.content {
  margin-top: -126px;
}
body.gallery img {
  width: 1000px;
  height: auto;
  cursor: pointer;
}
body.gallery #table1,
body.gallery #table2,
body.gallery #table3,
body.gallery #desk,
body.gallery #else,
body.gallery #bed {
  display: none;
}
body.gallery div.gallery {
  /* button */

  margin-top: -3px;
}
/* PC hover -> copy to style_ie.css
---------------------------------------------------- */
@media only screen and (min-device-width: 1025px) {
  div.pictures img:hover {
    height: 260px;
    width: auto;
    margin: 0 -50px -100px -25px;
    position: relative;
    z-index: 99999;
    cursor: crosshair;
    -webkit-animation: zoomup 0.3s ease-in;
    -moz-animation: zoomup 0.3s ease-in;
    -webkit-transition: 0.3s margin ease-in;
    -moz-transition: 0.3s margin ease-in;
    -ms-transition: 0.3s margin ease-in;
    -o-transition: 0.3s margin ease-in;
    transition: 0.3s margin ease-in;
  }
  div.pictures img.v:hover, div.pictures img.h:hover {
    margin: 0 -25px -100px -50px;
  }
}
/* PC mainly under w960px (for adroid tablet)
---------------------------------------------------- */
@-webkit-keyframes zoomup {
  from {
    height: 200px;
  }
  to {
    height: 240px;
  }
}
@-moz-keyframes zoomup {
  from {
    height: 210px;
  }
  to {
    height: 240px;
  }
}
.zoomup {
  -webkit-animation: zoomup 0.3s ease-in;
  -moz-animation: zoomup 0.3s ease-in;
}
/* transition */
.zdelay {
  -webkit-transition: 0.3s margin ease-in;
  -moz-transition: 0.3s margin ease-in;
  -ms-transition: 0.3s margin ease-in;
  -o-transition: 0.3s margin ease-in;
  transition: 0.3s margin ease-in;
}
div.profile {
  float: right;
  position: relative;
  top: 765px;
  margin-top: -765px;
  width: 20%;
  font-size: 10px;
  text-align: justify;
}
div.profile span {
  font-size: 9px;
}
div.profile img {
  width: 100%;
}
div.column, div.column2, div.column3 {
  float: left;
  width: 78%;
  margin-right: 20px;
  font-size: 13px;
  line-height: 1.6em;
  letter-spacing: 0;
  text-align: justify;
}
div.column > div, div.column2 > div, div.column3 > div {
  margin-top: 1.5em;
}
div.column2 {
  width: 100%;
  margin: 1.5em 0 0;
}
img.column,
img.column3,
img.products,
img.products2 {
  float: left;
  width: 18%;
  margin-right: 20px;
}
img.column2 {
  width: 19%;
  margin-right: 0;
}
img.products {
  margin: 0 0 0 10px;
}
img.products2 {
  margin: 100px 0 0 10px;
}
img.column2m {
  width: 255px;
}
img.column3 {
  width: 350px;
}
div.manifest p + p {
  margin-top: 1em;
}
body.usoak div.manifest {
  background: WhiteSmoke;
  border: 1px solid Gainsboro;
  padding: 18px 0 10px 33px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
body.usoak div.manifest > div {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-bottom: 1em;
}
body.usoak div.manifest > div:after {
  content: url(images/arrow.png);
  position: absolute;
  top: 85px;
  right: 3px;
}
body.usoak div.manifest div.last:after {
  content: "";
}
body.usoak div.manifest img {
  display: block;
  height: 189px;
  margin: 0 29px 4px 0;
}
body.products {
  font-size: 12px;
}
body.products h1 {
  font-size: 21px;
}
body.products article.technique {
  background: WhiteSmoke;
  padding: 30px 0 10px 4%;
}
body.products article.technique div {
  display: inline-block;
  vertical-align: top;
  width: 46%;
  margin: 0 3% 20px 0;
  font-size: 10px;
  line-height: 1.5em;
  text-align: justify;
}
body.products article.technique div img {
  width: 100%;
  margin: 10px 0 0;
}
body.products article.technique div img.notop {
  margin-top: 0;
}
div.process img {
  width: 24%;
  margin: 0 7px 7px 0;
}
div.spacer0 {
  margin-top: -25px;
  clear: both;
}
div.spacer {
  height: 100px;
  padding-top: 15px;
  font-size: 15px;
  text-align: center;
  clear: both;
}
article {
  clear: both;
}
article + article {
  padding-top: 3em;
}
h1 {
  font-size: 15px;
}
h2 {
  font-size: 14px;
}
h3 {
  font-size: 13px;
}
h4 {
  font-size: 12px;
}
h5 {
  font-size: 11px;
}
h6 {
  font-size: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 .6em;
}
hr {
  border-width: 1px 0 0 0;
  height: 0;
  border-color: WhiteSmoke;
  margin: 5px 0 10px;
  clear: both;
}
div.partation {
  border-bottom: 1px solid Gainsboro;
  height: 8em;
  margin-bottom: 6em;
  clear: both;
}
table {
  table-layout: fixed;
  /* auto or fixed */

  border-spacing: 1px 2px;
  border-collapse: collapse;
  /* collapse or separate */

  width: 400px;
  empty-cells: hide;
  margin: 0 auto;
}
caption {
  text-align: left;
}
th, td {
  border: 1px gray solid;
  padding: 5px 5px 4px;
}
th {
  background: WhiteSmoke;
}
td {
  text-align: left;
}
body.order table {
  margin: 1.3em 0 0;
}
body.order table td {
  text-align: right;
}
body.order table tr.top, body.order table td.left {
  background: WhiteSmoke;
}
/* FORM */
form {
  width: 768px;
  margin: 1em auto;
  padding: 10px 30px 80px;
  border-left: 1px solid Gainsboro;
  border-right: 1px solid Gainsboro;
  overflow: hidden;
}
form img {
  vertical-align: -2px;
}
form div {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 2em;
  width: 45%;
}
form div img {
  display: block;
  width: 120px;
  margin-bottom: 8px;
}
form div.customer {
  width: 100%;
  clear: both;
}
form div.customer img {
  display: inline;
  width: auto;
  margin-bottom: -4px;
  position: relative;
  top: -4px;
}
form div.customer span.small {
  display: inline-block;
  vertical-align: top;
}
form span.itemtitle {
  display: block;
  margin-bottom: 5px;
}
form img.logo {
  display: block;
  width: 120px;
  margin-bottom: 40px;
}
form img.knot {
  width: 150px;
}
form div.knot {
  margin-right: 6px;
}
form.confirm > div {
  display: table;
  width: 100%;
  margin-bottom: 4px;
  border: 1px WhiteSmoke solid;
  clear: both;
}
form.confirm > div div {
  display: table-cell;
  padding: 5px 10px;
}
form.confirm > div div.formq {
  width: 14em;
  background: WhiteSmoke;
  text-align: right;
}
form.confirm div.send {
  padding: 1em 0 3em;
  border: none;
  text-align: center;
}
form.confirm div.send input {
  min-width: 4em;
  width: auto;
}
/*-------------------- 会社概要・インテリア --------------------*/
body.corp, body.interior {
  /*
	a:hover {
	color:CornflowerBlue;
	}
*/

}
body.corp img.logo, body.interior img.logo {
  float: left;
  width: 200px;
  margin-bottom: 50px;
}
body.corp div.content, body.interior div.content {
  padding-top: 20px;
}
body.corp nav, body.interior nav {
  display: block;
  font-size: 14px;
  white-space: nowrap;
}
body.corp nav a, body.interior nav a {
  display: inline-block;
  margin-right: 1.5em;
}
body.corp img.motif, body.interior img.motif {
  position: relative;
  top: -40px;
  left: 550px;
  width: 250px;
}
body.corp div.intro, body.interior div.intro {
  font-size: 13px;
  color: RoyalBlue;
  margin: -75px 0 100px;
  clear: both;
}
body.corp a, body.interior a {
  font-weight: bold;
}
body.corp h3 span,
body.interior h3 span,
body.corp h4 span,
body.interior h4 span {
  font-weight: normal;
}
body.corp div.guide div, body.interior div.guide div {
  line-height: 1.7em;
  /*display:block;
		width:82%;
		margin:0 auto; */

}
body.corp footer, body.interior footer {
  display: block;
  margin: 100px 0 0;
  border-top: 1px solid Gainsboro;
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
body.corp footer :before,
body.interior footer :before,
body.corp footer :after,
body.interior footer :after {
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
body.corp footer img, body.interior footer img {
  width: 120px;
}
body.interior {
  background: #EEE9DE;
}
body.interior img.motif {
  top: 72px;
  left: 480px;
  width: 300px;
}
body.interior div.intro {
  color: #dc143c;
}
body.interior div.guide {
  border: 1px solid WhiteSmoke;
}
body.interior div.guide h4 {
  border-bottom: 1px solid WhiteSmoke;
}
body.interior footer {
  border-top: 1px solid WhiteSmoke;
}
/*-----------------------------------------------------------*/
input, textarea {
  width: 500px;
  font-size: 15px;
  padding: 2px;
  border: 1px solid lightgray;
  outline: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
input.short2 {
  width: 2em;
  text-align: right;
}
input.short4 {
  width: 4em;
  text-align: right;
}
input.short9 {
  width: 9em;
}
input[type="number"] {
  width: 3.5em;
  text-align: right;
}
input[type="time"] {
  width: 5em;
  text-align: right;
}
input:hover,
input:focus,
textarea:hover,
textarea:focus {
  border: 1px solid #58595B;
}
input[type="radio"],
input[type="checkbox"],
input[type="radio"]:hover,
input[type="checkbox"]:hover,
input[type="radio"]:active,
input[type="checkbox"]:active {
  width: auto;
  border: none;
  outline: none;
  margin: 0 3px 7px 0;
}
input[type="submit"] {
  width: auto;
}
label + label {
  margin-left: 1em;
}
::-webkit-input-placeholder, input:-moz-placeholder {
  color: gray;
}
/*
#ermes {
display:inline;
color:@errcol;
}
*/
button, input[type="button"], input[type="submit"] {
  background: #dc143c;
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 10px 3px;
  margin: 0;
  vertical-align: baseline;
  border: none;
  white-space: pre;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
}
button:hover, input[type="button"]:hover {
  background: #d02043;
  -webkit-transition: 0.15s background ease;
  -moz-transition: 0.15s background ease;
  -ms-transition: 0.15s background ease;
  -o-transition: 0.15s background ease;
  transition: 0.15s background ease;
}
button:active, input[type="button"]:active {
  background: #c42c4a;
}
button + button, input[type="button"] + input[type="button"] {
  margin-left: 10px;
}
/* submit関連 */
button.submit,
button.submit:active,
input[type="submit"],
input[type="submit"]:active {
  font-size: 16px;
  padding: 2px 25px 0;
  background: #dc143c;
  color: white;
}
button.submit:hover, input[type="submit"]:hover {
  background: #c42c4a;
}
form input[type="button"], form input[type="button"]:active {
  background: white;
  color: gray;
  border: 1px solid Gainsboro;
}
form input[type="button"]:hover {
  background: WhiteSmoke;
  color: black;
  border: 1px solid Gainsboro;
}
div.formsent {
  width: 768px;
  margin: 30px auto;
  font-size: 14px;
}
div.formsent p, div.formsent img.logo {
  padding: 0 0 20px 20px;
  line-height: 1.5em;
}
div.formsent img.logo {
  display: block;
  width: 120px;
  margin-bottom: 40px;
}
div.capsule {
  padding: 20px;
  border: 1px gray solid;
  font-size: 11px;
  color: #dc143c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* WEBFONT */
@font-face {
  font-family: "mplus-regular";
  src: url(font/mplus-1p-regular.ttf) format("truetype");
}
@font-face {
  font-family: "mplus-light";
  src: url(font/mplus-1p-light.ttf) format("truetype");
}
.mplus {
  font-family: "mplus-regular";
}
.mlight {
  font-family: "mplus-light";
}
.hirakaku {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", LucidaGrande, "Myriad Pro", Helvetica, sans-serif;
}
.hiramin {
  font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, "ヒラギノ明朝 Pro W6", HiraMinPro-W6, serif;
}
/* round */
.round1 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.round2 {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
/* shadow */
/* parameter for shadow1 */
/* parameter for shadow2 */
/* parameter for insetshadow */
/* parameter for oneshadow */
/* parameter for curveshadow */
/* parameter for fatshadow */
/* parameter for sideshadow */
.shadow1 {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}
.shadow2 {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
.insetshadow {
  -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4);
  -o-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4);
}
.oneshadow {
  -webkit-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5);
}
.noshadow {
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
.noshadow :before, .noshadow :after {
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
.skewreset {
  -webkit-transform: skew(0) rotate(0);
  -moz-transform: skew(0) rotate(0);
  -ms-transform: skew(0) rotate(0);
  -o-transform: skew(0) rotate(0);
  transform: skew(0) rotate(0);
}
/* transition */
.delay {
  -webkit-transition: 0.15s background ease;
  -moz-transition: 0.15s background ease;
  -ms-transition: 0.15s background ease;
  -o-transition: 0.15s background ease;
  transition: 0.15s background ease;
}
/* PARTS */
.bordered {
  border: 1px solid #2d2828;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.bordered2 {
  border: 1px solid Gainsboro;
  padding: 10px;
}
.bold {
  font-weight: bold;
}
.big {
  font-size: 14px;
}
.small {
  font-size: 10px;
}
.mini {
  font-size: 9px;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
.clear {
  clear: both;
}
.clearfixx {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  visibility: hidden;
  clear: both;
}
.half {
  line-height: .6em;
}
.err {
  color: #f568b5;
}
.iph, .iphl {
  display: none;
}
/* mobile 
----------------------------------------------------------------------------------------------- */
@media only screen and (max-device-width: 1024px) {
  html, body {
    overflow-x: hidden;
  }
  body {
    -webkit-text-size-adjust: none;
    /* auto, %, none */
  
  }
  a:hover {
    color: #2d2828;
  }
  body.all a.all, body.concept a.concept {
    border: 0;
    color: #dc143c;
  }
  div.menu1 a, div.menu2 a {
    background: none;
  }
}
/* iPad etc mainly w768
---------------------------------------------------- */
@media only screen and (max-width: 854px) {
  /* and (min-width:641px) */
  div.sticky2 #logo img.logoB, div.sticky0 #logo img.logoB {
    padding-bottom: 1em;
  }
  div.sticky2 nav a,
  div.sticky0 nav a,
  div.sticky2 nav span,
  div.sticky0 nav span {
    margin-bottom: 1em;
  }
  div.sticky2 nav a:hover, div.sticky0 nav a:hover {
    border: 0;
  }
  div.sticky2 div.concept, div.sticky0 div.concept {
    margin: .5em 0 .8em;
  }
  div.sticky2 div.products, div.sticky0 div.products {
    line-height: 2em;
  }
  #galref1, #galref2 {
    display: none;
  }
  div.content {
    width: 738px;
  }
  div.menu1 div, div.menu2 div, div.menu0 div {
    width: 32.6%;
    height: auto;
  }
  div.menu1 a.double, div.menu2 a.double, div.menu0 a.double {
    margin-left: 0;
  }
  div.menu1 a {
    width: 32.6%;
    height: auto;
  }
  div.menu2 a.double {
    width: 468px;
  }
  div.menu0 div {
    width: 148px;
    margin: 0;
    border: 0;
  }
  div.menu0 div img {
    width: 100%;
    height: auto;
  }
  div.menu0 div + div {
    margin-left: 7px;
  }
  div.profile {
    float: none;
    position: static;
    margin-top: 0;
    width: 100%;
    margin-bottom: 5em;
  }
  div.profile img {
    width: 160px;
    float: left;
    margin: 10px 10px 0 0;
  }
  div.closeup > div img.h {
    width: 227px;
  }
  div.closeup > div img.v {
    width: 168px;
  }
  div.column {
    width: 69%;
  }
  div.column2, div.column3 {
    width: 100%;
  }
  img.column {
    width: 25%;
    margin-bottom: 1em;
  }
  img.column2 {
    width: 25%;
  }
  img.column2m {
    width: 33%;
  }
  img.column3, img.products, img.products2 {
    width: 48%;
  }
  img.products2 {
    margin-top: 10px;
  }
  img.mb1 {
    margin-bottom: 10em;
  }
  img.mb15 {
    margin-bottom: 6em;
  }
  img.mb2 {
    margin-bottom: 4em;
  }
  div.copy2 {
    width: 100%;
  }
  body.usoak div.manifest img {
    height: 211px;
    margin: 0 28px 4px 0;
  }
  body.products article.technique {
    padding-top: 20px;
  }
  body.products article.technique div {
    display: block;
    text-align: left;
    width: 95%;
  }
  div.process img {
    margin: 0 4px 4px 0;
  }
  div.guide div {
    width: 43%;
    margin: 0 2em;
    padding: 1em 0;
  }
  div.spacer0 {
    height: 30px;
    margin: 0;
  }
  body.all div.content {
    padding-top: 30px;
  }
  div.partation {
    height: 10em;
    margin-bottom: 8em;
  }
  form {
    border: 0;
  }
  /*-------------------- 会社概要・インテリア --------------------*/
  body.corp img.motif, body.interior img.motif {
    position: relative;
    top: -40px;
    left: 338px;
    width: 200px;
  }
  body.corp footer, body.interior footer {
    width: 100%;
  }
  /*-----------------------------------------------------------*/
}
/* iPhone etc mainly w320
---------------------------------------------------- */
@media only screen and (max-width: 640px) {
  /* and (orientation:portrait) */
  body.teaser2 {
    background-size: 100% auto;
    background-position: center top;
  }
  div.teaser div {
    margin-top: 20px;
  }
  div.teaser2 {
    padding-top: 7px;
  }
  #logo img {
    width: 110px;
  }
  #logo img.logoA {
    display: none;
  }
  #logo img.logoB {
    display: inline;
    margin-top: -25px;
  }
  div.sticky2, div.sticky0 {
    position: static;
    margin-bottom: 20px;
  }
  div.sticky2 #logo img.logoA, div.sticky0 #logo img.logoA {
    display: none;
  }
  div.sticky2 #logo img.logoB, div.sticky0 #logo img.logoB {
    display: inline;
    margin-top: 7px;
    padding: 0 20px 10px 0;
  }
  div.sticky2 div.concept, div.sticky0 div.concept {
    line-height: 2.2em;
    margin: 0;
  }
  div.sticky2 div.products, div.sticky0 div.products {
    line-height: 2.5em;
    clear: both;
  }
  body.teaser2 div.sticky2 {
    margin: -20px 0 0;
  }
  div.content {
    width: 300px;
    padding-top: 0;
  }
  div.menu1 div + div,
  div.menu2 div + div,
  div.menu1 a + a,
  div.menu2 a + a {
    margin-left: 0;
  }
  div.menu1 div + div, div.menu2 div + div {
    margin-top: 0;
  }
  div.blank {
    display: none;
  }
  div.menu1 {
    display: inline;
  }
  div.menu1 div, div.menu1 a {
    width: 49%;
    margin: 10px 0 20px 1px;
  }
  body.top div.menu1 div {
    margin: 5px 0 1px 1px;
  }
  div.menu2 {
    margin-top: 5px;
  }
  div.menu2 a {
    width: 148px;
    height: 148px;
  }
  div.menu2 a img {
    width: 100%;
  }
  div.menu2 a.double {
    width: 299px;
    height: 148px;
  }
  div.menu2 a.double span {
    font-size: 10px;
  }
  body.top div.menu2 {
    margin-top: 5px;
  }
  div.menu0 div {
    width: 32%;
    margin: 10px 0 0;
    border: 0;
  }
  div.menu0 div + div {
    margin-left: 2px;
  }
  body.top #more {
    width: auto;
  }
  body.top #more button {
    width: 148px;
    margin: 5px 0 0;
  }
  body.all div.content {
    padding-top: 20px;
  }
  div.bottom-navi {
    line-height: 2.2em;
    margin: 5% 0 5px;
    text-align: left;
  }
  div.bottom-navi img {
    vertical-align: -3px;
  }
  span.title {
    letter-spacing: 3px;
  }
  footer {
    padding: 2em 0;
  }
  div.banner {
    height: 110px;
    margin: -20px 0 10px;
  }
  div.copy, div.copy2 {
    float: none;
    width: 100%;
  }
  div.spec {
    margin: 1em 3em 0 0;
  }
  div.pictures {
    padding: 5px;
  }
  div.pictures img.v, div.pictures img.h {
    margin-top: 9px;
  }
  div.profile img {
    width: 150px;
  }
  div.closeup > div {
    width: 97%;
  }
  div.closeup > div img.h {
    width: 100%;
  }
  div.closeup > div img.v {
    width: 100%;
  }
  div.cordination img {
    width: 95%;
  }
  div.column {
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }
  img.column,
  img.column2,
  img.column2m,
  img.column3 {
    width: 100%;
    margin-bottom: 1em;
  }
  img.column2m {
    margin: 0;
  }
  img.mb1, img.mb15, img.mb2 {
    margin-bottom: 1em;
  }
  img.products, img.products2 {
    width: 100%;
    margin: 0 0 5px;
  }
  article + article {
    padding-top: 2em;
  }
  div.spacer0 {
    margin-top: 0;
  }
  div.spacer {
    height: 50px;
  }
  div.manifest br {
    display: none;
  }
  div.process img {
    width: 48%;
  }
  body.usoak img.column {
    display: block;
    margin: 0 auto;
  }
  body.usoak div.manifest {
    padding: 10px;
  }
  body.usoak div.manifest > div {
    margin-top: 10px;
    letter-spacing: -1px;
  }
  body.usoak div.manifest > div:after {
    content: "";
  }
  body.usoak div.manifest img {
    height: 184px;
    margin: 0 28px 4px 0;
  }
  div.guide div {
    width: 100%;
    margin: 0;
    padding: 1em 0;
  }
  .iph {
    display: inline;
  }
  .noiph {
    display: none;
  }
  table, body.order table {
    table-layout: auto;
    /* auto or fixed */
  
    width: 98%;
    font-size: 10px;
  }
  form {
    width: 89%;
    padding: 0;
  }
  form div {
    width: 100%;
  }
  form img.knot {
    width: 120px;
  }
  form div.knot {
    display: block;
    float: left;
    width: auto;
  }
  form.confirm > div {
    display: block;
    margin-bottom: 6px;
  }
  form.confirm > div div, form.confirm > div div.formq {
    display: block;
    text-align: left;
    width: 93%;
    min-height: 0.4em;
  }
  form.confirm div.send span {
    display: block;
    padding-top: 5px;
  }
  input, textarea {
    width: 97%;
  }
  input[type="number"] {
    width: 3em;
  }
  div.formsent {
    width: 88%;
    margin: 30px 0 0 10px;
  }
  div.partation {
    height: 2em;
    margin-bottom: 2em;
  }
  /*-------------------- 会社概要・インテリア --------------------*/
  body.corp img.logo, body.interior img.logo {
    width: 100px;
    margin-bottom: 50px;
    margin-right: 15px;
  }
  body.corp img.motif, body.interior img.motif {
    float: left;
    top: 80px;
    left: -114px;
    width: 100px;
  }
  body.corp div.intro, body.interior div.intro {
    height: 100px;
    width: 64%;
    margin: 0 0 0 107px;
  }
  body.corp div.guide div, body.interior div.guide div {
    line-height: 2.5em;
  }
  body.corp footer, body.interior footer {
    margin: 0;
  }
  body.interior div.intro {
    height: auto;
    margin: 50px 0 40px;
  }
  body.interior img.motif {
    float: none;
    top: 50px;
    left: 50px;
    width: 150px;
  }
  /*--------------------------------------------------------------*/
}
/* Landscape mainly w568 */
@media only screen and (min-width: 427px) and (max-width: 640px) and (orientation: landscape) {
  .iphl {
    display: inline;
  }
  div.teaser {
    padding: 30px 0;
  }
  div.teaser img {
    width: 200px;
  }
  div.teaser div {
    margin-top: 10px;
  }
  body.teaser2 div.sticky2 {
    margin: 0;
  }
  #logo img.logoA {
    display: inline;
    margin-top: -45px;
  }
  #logo img.logoB {
    display: none;
  }
  div.content {
    width: 548px;
  }
  body.top div.menu1 div {
    margin: 0 3px 7px 0;
  }
  div.menu0 div {
    width: 32%;
  }
  div.profile img {
    width: 160px;
  }
  div.profile br.nolandscape {
    display: none;
  }
  div.closeup > div {
    width: 48%;
    margin-right: 11px;
  }
  div.cordination img {
    width: 95%;
  }
  div.v {
    clear: both;
  }
  img.column, img.column2, img.column3 {
    width: 47%;
    margin: 5px 5px 0 0;
  }
  img.column2m {
    width: 32%;
  }
  img.products, img.products2 {
    width: 49%;
    margin: 0 5px 5px 0;
  }
  body.usoak img.column {
    float: none;
    margin: 10px auto 0;
  }
  body.usoak div.manifest img {
    height: 150px;
  }
  body.care img.column {
    width: 30%;
    margin: 5px 2.5em 1.9em 0;
  }
  body.corp div.intro, body.interior div.intro {
    width: 72%;
  }
  form div {
    width: 47%;
    margin-left: 10px;
  }
}
/* Landscape mainly w480 */
@media only screen and (min-width: 427px) and (max-width: 533px) and (orientation: landscape) {
  div.content {
    width: 460px;
  }
  div.closeup > div {
    width: 48%;
    margin-right: 9px;
  }
  div.cordination img {
    width: 96%;
  }
  div.bordered {
    padding: 10px 15px;
  }
}
/* ------------------------------ print ------------------------------ */
@media print {
  * {
    -webkit-print-color-adjust: exact;
  }
  .pbr {
    page-break-before: always;
  }
  .nopbr {
    page-break-inside: avoid;
  }
  body.teaser2 {
    background-size: contain;
    background-position: center top;
    height: auto;
  }
  div.row, div.sticky2 {
    display: block;
    position: relative !important;
    top: 265px;
    left: 40px;
    height: 700px;
    background: none;
  }
  div.sticky2 {
    top: -200px;
    left: 0;
  }
  div.sticky0 {
    position: absolute !important;
    top: 0;
  }
  #catch, #catch2 {
    position: absolute;
    top: 20px;
    left: 60px;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    z-index: 99;
  }
  img.logo-slide {
    display: block;
    width: 150px !important;
    position: absolute;
    top: 245px;
    left: 0;
  }
  div.pictures img {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
  }
  div.pictures img :before, div.pictures img :after {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
  }
  div.sticky2 nav,
  div.sticky0 nav,
  div.menu2 a,
  div.bottom-navi,
  div.row-foot,
  div.footwrap,
  div.gallery,
  body.top #more,
  img.logoA,
  div.sticky2 img.logoB,
  div.sticky0 img.logo-slide,
  div.banner {
    display: none;
  }
  div.menu2 a.double {
    display: block;
    float: right;
    position: relative;
    top: -162px;
    border: 0;
  }
  body.top div.menu2 a.double,
  body.products div.menu2 a.double,
  .jquery-slider-pages,
  .jquery-slider-control,
  body.gallery img.logoB {
    display: none;
    top: 0;
  }
  body.gallery, body.gallery div.sticky0 {
    background: none;
  }
}