@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 8, ../sass/screen.scss */
body {
  background-color: #f4f4f4;
}

/* line 12, ../sass/screen.scss */
i {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(/images/brand_h3.png);
}

/* line 19, ../sass/screen.scss */
i.pdf {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(/images/pdf_icon.png);
  vertical-align: text-bottom;
}

/* line 27, ../sass/screen.scss */
.header {
  height: 75px;
}
/* line 29, ../sass/screen.scss */
.header h1.logo {
  background-image: url("/images/logo.png");
  height: 61px;
  width: 222px;
}
/* line 33, ../sass/screen.scss */
.header h1.logo a {
  display: block;
  height: 61px;
  width: 222px;
}
/* line 38, ../sass/screen.scss */
.header h1.logo span {
  display: none;
}

/* line 45, ../sass/screen.scss */
#wrapper {
  width: 960px;
  margin: auto;
}
/* line 47, ../sass/screen.scss */
#wrapper h2 {
  color: #d93511;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 41px;
  line-height: 41px;
}
/* line 59, ../sass/screen.scss */
#wrapper div.content.contact .message {
  display: none;
}
/* line 62, ../sass/screen.scss */
#wrapper div.content.contact #question {
  margin-top: 10px;
}
/* line 66, ../sass/screen.scss */
#wrapper div.content.contact .form {
  margin-top: 25px;
}
/* line 69, ../sass/screen.scss */
#wrapper div.content.contact input {
  width: 260px;
  height: 20px;
  border: solid 1px #ccc;
  margin: 10px 0px;
}
/* line 70, ../sass/screen.scss */
#wrapper div.content.contact input.error {
  border: rgba(255, 0, 0, 0.36) solid 1px;
}
/* line 78, ../sass/screen.scss */
#wrapper div.content.contact textarea {
  margin: 10px 0px;
  width: 260px;
  height: 100px;
  border: solid 1px #ccc;
}
/* line 79, ../sass/screen.scss */
#wrapper div.content.contact textarea.error {
  border: rgba(255, 0, 0, 0.36) solid 1px;
}
/* line 87, ../sass/screen.scss */
#wrapper div.content.contact label {
  font-size: 15px;
}
/* line 89, ../sass/screen.scss */
#wrapper div.content.contact label b {
  color: red;
  font-size: 12px;
}
/* line 94, ../sass/screen.scss */
#wrapper div.content.contact .CAPTCHA {
  width: 50px;
}
/* line 97, ../sass/screen.scss */
#wrapper div.content.contact .col1 {
  margin: 0;
  padding: 0;
  background: none;
}
/* line 101, ../sass/screen.scss */
#wrapper div.content.contact .col1 img {
  border: solid 10px white;
}
/* line 105, ../sass/screen.scss */
#wrapper div.content.contact button.send {
  float: right;
  margin-top: 10px;
  width: 149px;
  height: 48px;
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
/* line 132, ../sass/screen.scss */
#wrapper div.content.contact button.send:active {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
/* line 139, ../sass/screen.scss */
#wrapper div.content.qa, #wrapper div.content.contact {
  margin-top: 30px;
}
/* line 141, ../sass/screen.scss */
#wrapper div.content.qa .row > div, #wrapper div.content.contact .row > div {
  float: left;
}
/* line 144, ../sass/screen.scss */
#wrapper div.content.qa div.col1, #wrapper div.content.contact div.col1 {
  width: 680px;
}
/* line 146, ../sass/screen.scss */
#wrapper div.content.qa div.col1 div, #wrapper div.content.contact div.col1 div {
  background-color: #ececec;
  background-image: url(/images/question-mark.png);
  background-repeat: no-repeat;
  background-position: 13px 13px;
  margin-bottom: 10px;
  padding: 0px 0px 0px 50px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 155, ../sass/screen.scss */
#wrapper div.content.qa div.col1 h2, #wrapper div.content.contact div.col1 h2 {
  font-size: 18px;
  margin: 0;
  padding: 0;
  line-height: 3em;
  cursor: pointer;
}
/* line 162, ../sass/screen.scss */
#wrapper div.content.qa div.col1 p, #wrapper div.content.contact div.col1 p {
  line-height: 1.7em;
  font-size: 14px;
  color: #747474;
  padding: 0px 31px 17px 0px;
  margin: 0px;
}
/* line 170, ../sass/screen.scss */
#wrapper div.content.qa div.col2, #wrapper div.content.contact div.col2 {
  padding: 0 0 0 15px;
  width: 260px;
  margin-bottom: 25px;
}
/* line 174, ../sass/screen.scss */
#wrapper div.content.qa div.col2 h2, #wrapper div.content.contact div.col2 h2 {
  font-size: 16px;
  margin: 0;
  padding: 0;
}
/* line 179, ../sass/screen.scss */
#wrapper div.content.qa div.col2 p, #wrapper div.content.contact div.col2 p {
  margin: 0;
  padding: 0;
  line-height: 1.6em;
  font-size: 14px;
  color: #747474;
}
/* line 186, ../sass/screen.scss */
#wrapper div.content.qa div.col2 a, #wrapper div.content.contact div.col2 a {
  color: #e8360e;
}
/* line 187, ../sass/screen.scss */
#wrapper div.content.qa div.col2 a:link, #wrapper div.content.contact div.col2 a:link {
  text-decoration: none;
}
/* line 190, ../sass/screen.scss */
#wrapper div.content.qa div.col2 a:hover, #wrapper div.content.contact div.col2 a:hover {
  color: #ff8800;
}
/* line 199, ../sass/screen.scss */
#wrapper div.content.products div {
  float: left;
}
/* line 202, ../sass/screen.scss */
#wrapper div.content.products div.col1 {
  width: 180px;
  position: relative;
  z-index: 1000;
}
/* line 207, ../sass/screen.scss */
#wrapper div.content.products div.col1 ul.menu_left {
  background-image: linear-gradient(#ffffff, #eeeeee);
  -moz-box-shadow: rgba(192, 192, 192, 0.62) 2px 2px 2px;
  -webkit-box-shadow: rgba(192, 192, 192, 0.62) 2px 2px 2px;
  box-shadow: rgba(192, 192, 192, 0.62) 2px 2px 2px;
  border-top: solid 5px red;
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 216, ../sass/screen.scss */
#wrapper div.content.products div.col1 ul.menu_left li {
  background-color: #fbfbfb;
}
/* line 218, ../sass/screen.scss */
#wrapper div.content.products div.col1 ul.menu_left li a {
  cursor: pointer;
  font-weight: bold;
  color: #000;
  font-size: 15px;
  line-height: 3em;
  border-bottom: 1px solid #ddd;
  padding-left: 1.5em;
  padding-right: 1.5em;
  display: block;
}
/* line 220, ../sass/screen.scss */
#wrapper div.content.products div.col1 ul.menu_left li a.active {
  color: #e8360e;
}
/* line 223, ../sass/screen.scss */
#wrapper div.content.products div.col1 ul.menu_left li a:link {
  text-decoration: none;
}
/* line 235, ../sass/screen.scss */
#wrapper div.content.products div.col1 ul.menu_left li ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 236, ../sass/screen.scss */
#wrapper div.content.products div.col1 ul.menu_left li ul.hide {
  display: none;
}
/* line 243, ../sass/screen.scss */
#wrapper div.content.products div.col1 ul.menu_left li ul li {
  background-color: #f1f0f0;
}
/* line 245, ../sass/screen.scss */
#wrapper div.content.products div.col1 ul.menu_left li ul li a {
  padding: 0 34px;
}
/* line 246, ../sass/screen.scss */
#wrapper div.content.products div.col1 ul.menu_left li ul li a.active {
  color: #e8360e;
}
/* line 250, ../sass/screen.scss */
#wrapper div.content.products div.col1 ul.menu_left li ul li a:link {
  text-decoration: none;
}
/* line 260, ../sass/screen.scss */
#wrapper div.content.products div.col2 {
  width: 770px;
  margin-bottom: 20px;
}
/* line 265, ../sass/screen.scss */
#wrapper div.content.products div.col2 ul.gallery {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 269, ../sass/screen.scss */
#wrapper div.content.products div.col2 ul.gallery li {
  display: block;
  margin-left: 22px;
  margin-bottom: 11px;
  width: 234px;
  height: 162px;
  float: left;
}
/* line 277, ../sass/screen.scss */
#wrapper div.content.products div.col2 ul.gallery a {
  display: block;
  width: 234px;
  height: 140px;
  line-height: 1.4em;
  font-size: 13px;
  color: #e8360e;
}
/* line 278, ../sass/screen.scss */
#wrapper div.content.products div.col2 ul.gallery a img {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: rgba(192, 192, 192, 0.62) 2px 2px 2px;
  -webkit-box-shadow: rgba(192, 192, 192, 0.62) 2px 2px 2px;
  box-shadow: rgba(192, 192, 192, 0.62) 2px 2px 2px;
}
/* line 282, ../sass/screen.scss */
#wrapper div.content.products div.col2 ul.gallery a:link {
  text-decoration: none;
  color: #e8360e;
}
/* line 297, ../sass/screen.scss */
#wrapper div.content.products div.col2 h2.title {
  color: #333333;
}
/* line 301, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.photo {
  width: 500px;
  height: 300px;
  float: left;
  margin: 45px 0 0 45px;
}
/* line 308, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.intro {
  width: 225px;
  float: left;
  color: #333333;
}
/* line 312, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.intro p {
  font-size: 14px;
  line-height: 1.6em;
  text-align: justify;
}
/* line 317, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.intro h3 {
  font-size: 14px;
  color: #e8360e;
}
/* line 321, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.intro ul {
  margin: 0;
  padding: 0;
}
/* line 325, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.intro div.component ul li {
  list-style: none;
  font-size: 14px;
  line-height: 1.6em;
  margin: 0;
}
/* line 330, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.intro div.component ul li:before {
  content: "．";
}
/* line 334, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.intro ul.download {
  clear: both;
  padding-top: 1px;
}
/* line 337, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.intro ul.download li {
  list-style: none;
  font-size: 14px;
  line-height: 1.6em;
  padding: 10px 0 10px;
  border-top: #A5A5A5 1px dotted;
  border-bottom: #A5A5A5 1px dotted;
  margin-top: 15px;
}
/* line 338, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.intro ul.download li :link {
  text-decoration: none;
}
/* line 341, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.intro ul.download li :hover {
  color: red;
}
/* line 355, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.detail {
  clear: both;
}
/* line 357, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.detail h2 {
  font-size: 17px;
  color: #333;
  background-image: url(/images/line_small.png);
  background-position: bottom;
  padding: 0px 10px 19px 28px;
}
/* line 364, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.detail h3 {
  font-size: 14px;
  color: #e8360e;
  margin-left: 29px;
}
/* line 369, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.detail ul {
  list-style: none;
  font-size: 14px;
  line-height: 1.6em;
  margin-left: 4px;
  color: #333;
}
/* line 375, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.detail ul li {
  text-indent: -1em;
}
/* line 376, ../sass/screen.scss */
#wrapper div.content.products div.col2 div.detail ul li:before {
  content: "．";
}
/* line 389, ../sass/screen.scss */
#wrapper ol.breadcrumb {
  background-image: url("/images/home_icon.png");
  background-position: left 8px;
  background-repeat: no-repeat;
  font-size: 13px;
  padding: 8px 20px;
  margin-bottom: 20px;
  list-style: none;
  border-radius: 4px;
}
/* line 398, ../sass/screen.scss */
#wrapper ol.breadcrumb > li {
  display: inline-block;
}
/* line 401, ../sass/screen.scss */
#wrapper ol.breadcrumb > .active {
  color: #777;
}
/* line 404, ../sass/screen.scss */
#wrapper ol.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #333;
  content: "〉";
}
/* line 410, ../sass/screen.scss */
#wrapper ol.breadcrumb a:hover {
  color: #000;
  text-decoration: underline;
}
/* line 414, ../sass/screen.scss */
#wrapper ol.breadcrumb a:link {
  color: #000;
  text-decoration: none;
}
/* line 419, ../sass/screen.scss */
#wrapper ol.breadcrumb a.active {
  text-decoration: none;
  color: #d93511;
}
/* line 425, ../sass/screen.scss */
#wrapper div.content.about {
  margin-top: 40px;
}
/* line 427, ../sass/screen.scss */
#wrapper div.content.about div {
  float: left;
}
/* line 430, ../sass/screen.scss */
#wrapper div.content.about div.col1 {
  width: 420px;
}
/* line 433, ../sass/screen.scss */
#wrapper div.content.about div.col2 {
  width: 530px;
}
/* line 439, ../sass/screen.scss */
#wrapper .about h2 {
  font-size: 22px;
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  font-weight: normal;
}
/* line 447, ../sass/screen.scss */
#wrapper .about p {
  font-size: 14px;
  line-height: 1.5em;
}
/* line 453, ../sass/screen.scss */
#wrapper ul.menu {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4MzQwYyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTEzMzBjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDU0YzJkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8340c), color-stop(50%, #e1330c), color-stop(100%, #d54c2d));
  background-image: -moz-linear-gradient(#e8340c, #e1330c, #d54c2d);
  background-image: -webkit-linear-gradient(#e8340c, #e1330c, #d54c2d);
  background-image: linear-gradient(#e8340c, #e1330c, #d54c2d);
  -moz-box-shadow: rgba(192, 192, 192, 0.62) 2px 2px 2px;
  -webkit-box-shadow: rgba(192, 192, 192, 0.62) 2px 2px 2px;
  box-shadow: rgba(192, 192, 192, 0.62) 2px 2px 2px;
  background-position: left center,center center;
  background-size: contain,contain;
  background-repeat: no-repeat;
  height: 34px;
  width: 960px;
  padding: 0;
  margin: 0;
  margin-bottom: 22px;
  position: relative;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
/* line 466, ../sass/screen.scss */
#wrapper ul.menu li:first-child a {
  -moz-border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px 0px 0px 3px;
}
/* line 469, ../sass/screen.scss */
#wrapper ul.menu li a {
  display: block;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-image: url(/images/menu_a_left.png), url(/images/menu_a_right.png);
  background-position: right center,left center;
  background-repeat: no-repeat;
}
/* line 477, ../sass/screen.scss */
#wrapper ul.menu li a.active {
  background-color: #C63D1E;
}
/* line 481, ../sass/screen.scss */
#wrapper ul.menu li {
  display: inline-block;
  line-height: 34px;
  width: 147px;
  margin-right: -5px;
  color: #fff;
  font-size: 0.9em;
}
/* line 490, ../sass/screen.scss */
#wrapper ul.menu li.tel {
  font-style: italic;
  background-color: #efac2a;
  background-image: url(/images/iconCall.png);
  background-repeat: no-repeat;
  background-position: 19px center;
  padding-left: 28px;
  width: 209px;
  text-align: center;
  position: absolute;
  right: 0px;
  top: 0px;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0;
  border-radius: 0 3px 3px 0;
}
/* line 503, ../sass/screen.scss */
#wrapper ul.menu li.tel span {
  font-size: 0.9em;
  font-style: normal;
}
/* line 510, ../sass/screen.scss */
#wrapper .banner > div {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 514, ../sass/screen.scss */
#wrapper .banner ul {
  margin: 0;
  padding: 0;
}
/* line 517, ../sass/screen.scss */
#wrapper .banner ul li {
  list-style-type: none;
}
/* line 522, ../sass/screen.scss */
#wrapper .news {
  float: left;
  width: 577px;
  margin-right: 30px;
}
/* line 523, ../sass/screen.scss */
#wrapper .news h2 {
  background-image: url(/images/news_h2.png);
}
/* line 529, ../sass/screen.scss */
#wrapper .news ul {
  margin: 0;
  padding: 0;
}
/* line 533, ../sass/screen.scss */
#wrapper .news li {
  line-height: 2em;
  list-style: none;
  font-size: 0.9em;
  border-bottom: dotted 1px #D2D2D2;
}
/* line 537, ../sass/screen.scss */
#wrapper .news li .new {
  background-image: url("/images/new.png");
  width: 22px;
  height: 13px;
  display: inline-block;
}
/* line 543, ../sass/screen.scss */
#wrapper .news li span.date {
  display: inline-block;
  padding-left: 35px;
  padding-right: 15px;
  color: #b0b0b0;
  background-image: url("/images/li.png");
  background-repeat: no-repeat;
  background-position: 10px 8px;
}
/* line 552, ../sass/screen.scss */
#wrapper .news li a {
  display: block;
  color: #222;
  font-style: normal;
  text-decoration: none;
}
/* line 554, ../sass/screen.scss */
#wrapper .news li a:hover {
  color: red;
}
/* line 560, ../sass/screen.scss */
#wrapper .news li a span.truncate {
  width: 432px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
}
/* line 573, ../sass/screen.scss */
#wrapper .video {
  float: left;
  margin-top: 30px;
}
/* line 579, ../sass/screen.scss */
#wrapper .showcase h2 {
  background-image: url(/images/showcase_h2.png);
}
/* line 582, ../sass/screen.scss */
#wrapper .showcase ul {
  margin: 0;
  padding: 0;
}
/* line 586, ../sass/screen.scss */
#wrapper .showcase li {
  margin: 0;
  list-style: none;
  display: inline-block;
  padding-left: 9px;
}
/* line 587, ../sass/screen.scss */
#wrapper .showcase li:first-child {
  padding-left: 0px;
}
/* line 597, ../sass/screen.scss */
#wrapper .line {
  background-image: url(/images/line.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-bottom: 43px;
}
/* line 603, ../sass/screen.scss */
#wrapper .brand {
  margin-bottom: 20px;
}
/* line 604, ../sass/screen.scss */
#wrapper .brand h2 {
  background-image: url(/images/brand_h2.png);
}
/* line 607, ../sass/screen.scss */
#wrapper .brand h3 {
  font-size: 13px;
  color: #e8360e;
  background-image: url(/images/brand_h3.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 18px;
}
/* line 615, ../sass/screen.scss */
#wrapper .brand ul {
  margin: 0;
  padding: 0;
}
/* line 619, ../sass/screen.scss */
#wrapper .brand li {
  margin: 0;
  list-style: none;
  display: inline-block;
  padding-left: 8px;
}
/* line 620, ../sass/screen.scss */
#wrapper .brand li:first-child {
  padding-left: 0;
}
/* line 630, ../sass/screen.scss */
#wrapper .clear {
  clear: both;
}
/* line 633, ../sass/screen.scss */
#wrapper .footer {
  border-top: solid 1px #d5d5d5;
  padding-top: 10px;
  margin-top: 10px;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 50px;
}
/* line 640, ../sass/screen.scss */
#wrapper .footer .logo {
  position: absolute;
  top: 10px;
  left: 0px;
  width: 179px;
  height: 48px;
  background-repeat: no-repeat;
  background-image: url(/images/bottom_logo.png);
}
/* line 648, ../sass/screen.scss */
#wrapper .footer .logo span {
  display: none;
}
/* line 652, ../sass/screen.scss */
#wrapper .footer .contact {
  font-size: 13px;
  color: #D7D7D7;
  padding-left: 200px;
  line-height: 28px;
}
/* line 658, ../sass/screen.scss */
#wrapper .footer .address {
  color: #787676;
}
/* line 661, ../sass/screen.scss */
#wrapper .footer .tel {
  color: red;
  background-image: url(/images/tel_icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}
/* line 668, ../sass/screen.scss */
#wrapper .footer .fax {
  color: red;
  background-image: url(/images/fax_icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}
/* line 675, ../sass/screen.scss */
#wrapper .footer .copyright {
  font-size: 10px;
  color: #888888;
  padding-left: 44px;
  line-height: 24px;
}