/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden] {
	display: none
}
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
html, button, input, select, textarea {
	font-family: sans-serif
}
body {
	margin: 0
}
a:focus {
	outline: thin dotted
}
a:active, a:hover {
	outline: 0
}
h1 {
	font-size: 2em;
	margin: 0.67em 0
}
h2 {
	font-size: 1.5em;
	margin: 0.83em 0
}
h3 {
	font-size: 1.17em;
	margin: 1em 0
}
h4 {
	font-size: 1em;
	margin: 1.33em 0
}
h5 {
	font-size: 0.83em;
	margin: 1.67em 0
}
h6 {
	font-size: 0.67em;
	margin: 2.33em 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
blockquote {
	margin: 1em 40px
}
dfn {
	font-style: italic
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
mark {
	background: #ff0;
	color: #000
}
p, pre {
	margin: 1em 0
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}
q {
	quotes: none
}
q:before, q:after {
	content: '';
	content: none
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
dl, menu, ol, ul {
	margin: 1em 0
}
dd {
	margin: 0 0 0 40px
}
menu, ol, ul {
	padding: 0 0 0 40px
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
form {
	margin: 0
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}
legend {
	border: 0;
	padding: 0;
	white-space: normal;
*margin-left:-7px
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align:middle
}
button, input {
	line-height: normal
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
*overflow:visible
}
button[disabled], html input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
*height:13px;
*width:13px
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
*text-indent:-9999px
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%
}
.hidden {
	display: none !important;
	visibility: hidden
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}
.invisible {
	visibility: hidden
}
.clearfix {
*zoom:1
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table
}
.clearfix:after {
	clear: both
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.pull-right {
	float: right !important
}
.pull-left {
	float: left !important
}
.hide {
	display: none !important
}
.show {
	display: block !important
}
.invisible {
	visibility: hidden
}
.hidden {
	display: none !important;
	visibility: hidden !important
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
h1, h2 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1
}
img {
	vertical-align: text-bottom
}
html {
	font-size: 62.5%
}
body {
	background-color: #000;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color: #fff
}
.container {
	display: block;
	margin-left: auto;
	margin-right: auto;
*zoom:1;
	width: 1000px
}
.container:before, .container:after {
	content: " ";
	display: table
}
.container:after {
	clear: both
}
#loader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 120%;
	background-color: #000;
	z-index: 9999;
	min-width: 1280px
}
#loader.close {
	cursor: pointer
}
#player {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 640px;
	height: 360px;
	margin: -180px 0 0 -320px;
	border: 1px solid #f00;
	z-index: 10000
}
#contents {
	width: 100%;
	min-width: 1280px;
	overflow: hidden;
	position: relative
}
#contents>section {
	display: block;
	margin-left: auto;
	margin-right: auto;
*zoom:1;
	width: 1280px;
	position: relative;
	left: 50%;
	margin-left: -640px
}
#contents>section:before, #contents>section:after {
	content: " ";
	display: table
}
#contents>section:after {
	clear: both
}
#contents .lead {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2.1;
	text-align: center;
	letter-spacing: 2px;
	color: #aaa
}
iframe[src*="www.facebook.com/plugins/like.php"], .fb-like {
	width: 70px !important
}
.lt-ie8 iframe[src*="www.facebook.com/plugins/like.php"], .fb-like {
	width: 63px !important
}
#header {
	width: 100%;
	min-width: 1280px;
	height: 105px
}
#header .brand {
	height: 60px;
	position: relative
}
#header .brand h1 {
	position: absolute;
	left: 0;
	top: 10px
}
#header .brand a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60)
}
#header .brand nav li>span {
	display: block;
	overflow: hidden;
	width: 100px;
	margin-top: 10px
}
#header .brand nav li:first-child {
	position: absolute;
	right: 212px;
	top: 10px;
	display: none;
}
#header .brand nav li:first-child+li {
	position: absolute;
	right: 127px;
	top: 10px;
	overflow: hidden;
	display: none;
}
#header .brand nav li:first-child+li+li {
	position: absolute;
	right: 193px;
	top: 10px;
}
#header .brand nav li:first-child+li+li+li {
	position: absolute;
	right: 148px;
	top: 10px;
	overflow: hidden;
}
#header .brand nav li:first-child+li+li+li+li {
	position: absolute;
	right: 105px;
	top: 10px
}
#header .brand nav li:first-child+li+li+li+li+li {
	text-align: right;
	position: absolute;
	right: 0;
	top: 10px;
	width: 85px;
	background: url(../img/devider.gif) left center no-repeat
}
#header .brand nav li:first-child+li+li+li+li+li input {
	outline: none
}
#header .brand nav li:first-child+li+li+li+li+li input:hover {
	opacity: 0.6;
	filter: alpha(opacity=60)
}
#header .nav {
	position: static;
	background-color: #191919;
	width: 100%;
	z-index: 500
}
#header .nav nav {
	position: relative;
	height: 45px
}
#header .nav nav li {
	height: 45px;
	background-image: url(../img/btns_nav.gif);
	background-repeat: no-repeat
}
#header .nav nav li>a {
	display: block;
	overflow: hidden;
	width: 100%;
	outline: none
}
#header .nav nav li>a>img {
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease
}
#header .nav nav li>a.current>img, #header .nav nav li>a.on>img {
	opacity: 0;
	filter: alpha(opacity=0)
}
#header .nav nav li>span {
	display: block;
	overflow: hidden;
	width: 100%
}
#header .nav nav li:first-child {
	position: absolute;
	left: 0;
	top: 0;
	width: 94px;
	background-position: -780px 0
}
#header .nav nav li:first-child+li {
	position: absolute;
	left: 139px;
	top: 0;
	width: 117px;
	background-position: -874px 0
}
#header .nav nav li:first-child+li>a {
	text-indent: -94px
}
#header .nav nav li:first-child+li+li {
	position: absolute;
	left: 299px;
	top: 0;
	width: 103px;
	background-position: -991px 0
}
#header .nav nav li:first-child+li+li>a {
	text-indent: -211px
}
#header .nav nav li:first-child+li+li+li {
	position: absolute;
	right: 409px;
	top: 0;
	width: 146px;
	background-position: -1094px 0
}
#header .nav nav li:first-child+li+li+li>a {
	text-indent: -314px
}
#header .nav nav li:first-child+li+li+li+li {
	position: absolute;
	right: 205px;
	top: 0;
	width: 160px;
	background-position: -1240px 0
}
#header .nav nav li:first-child+li+li+li+li>a {
	text-indent: -460px
}
#header .nav nav li:first-child+li+li+li+li+li {
	position: absolute;
	right: 0;
	top: 0;
	width: 160px;
/*	background: none  */
	background-position: -1400px 0
}
#header .nav nav li:first-child+li+li+li+li+li>a, #header .nav nav li:first-child+li+li+li+li+li>span {
	text-indent: -620px
}
#header .nav.sticky {
	position: fixed;
	top: 0
}
#jumbotron {
	height: 498px;
	position: relative;
	overflow: hidden;
	min-width: 1280px
}
#jumbotron .pic {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden
}
#jumbotron .pic>.container {
	position: relative
}
#jumbotron .pic.no1 {
	background: url(../img/jt_04.gif) 0 0 repeat-x
}
#jumbotron .pic.no1>.container div:first-child {
	position: absolute;
	left: 53px;
	top: 37px
}
#jumbotron .pic.no1>.container div:first-child+div {
	position: absolute;
	left: 636px;
	top: 159px
}
#jumbotron .pic.no1>.container div:first-child+div+div {
	position: absolute;
	left: 608px;
	top: 218px
}
#jumbotron .pic.no1>.container div:first-child+div+div+div {
	position: absolute;
	left: 643px;
	top: 313px
}
#jumbotron .pic.no2 {
	background-color: #000
}
#jumbotron .pic.no2>div {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -550px
}
#jumbotron .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000
}
#concept {
	height: 1926px
}
#concept h1 {
	position: absolute;
	left: 418px;
	top: 615px
}
#concept .lead {
	width: 100%;
	position: absolute;
	left: 0;
	top: 676px;
	letter-spacing: 1px
}
#concept .word {
	position: absolute;
	left: 68px;
	top: 714px
}
#concept .mode h2 {
	position: absolute;
	left: 417px;
	top: 1393px
}
#concept .mode>dl {
	position: absolute;
	left: 140px;
	top: 1440px
}
#concept .mode>dl dt {
	width: 241px;
	height: 43px;
	overflow: hidden;
	background-color: #1b1b1b
}
#concept .mode>dl dt.heri {
	position: absolute;
	left: 0;
	top: 0
}
#concept .mode>dl dt.mix {
	position: absolute;
	left: 253px;
	top: 0;
	text-indent: -255px
}
#concept .mode>dl dt.plane {
	position: absolute;
	left: 506px;
	top: 0;
	text-indent: -510px
}
#concept .mode>dl dt.leather {
	position: absolute;
	left: 759px;
	top: 0;
	text-indent: -759px
}
#concept .mode>dl dd {
	width: 241px;
	height: 175px;
	overflow: hidden;
	background-image: url(../img/bg_01.jpg)
}
#concept .mode>dl dd.heri {
	position: absolute;
	left: 0;
	top: 43px
}
#concept .mode>dl dd.mix {
	position: absolute;
	left: 253px;
	top: 43px;
	text-indent: -250px;
	background-position: -250px 0
}
#concept .mode>dl dd.plane {
	position: absolute;
	left: 506px;
	top: 43px;
	text-indent: -500px;
	background-position: -500px 0;
}
#concept .mode>dl dd.leather {
	position: absolute;
	left: 759px;
	top: 43px;
	text-indent: -750px;
	background-position: -750px 0
}
#concept .mode>dl dd>span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	visibility: hidden
}
#concept .mode figure {
	position: absolute;
	left: 140px;
	top: 1668px;
	width: 1000px;
	height: 258px
}
#concept .mode figure figcaption, #concept .mode figure a {
	position: absolute;
	right: 0;
	top: 0;
	width: 325px;
	height: 258px;
	overflow: hidden
}
#concept .mode figure a {
	text-indent: -325px
}
#concept .mode figure a>img {
	-webkit-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
	opacity: 0;
	filter: alpha(opacity=0)
}
#concept .mode figure a:hover>img {
	opacity: 1;
	filter: alpha(opacity=100)
}
#concept .mode figure>div {
	position: absolute;
	left: 0;
	top: 0;
	width: 675px;
	height: 258px;
	overflow: hidden;
	background-image: url(../img/bg_01.jpg);
	background-position: 0 -227px
}
#concept .mode figure>div>img {
	position: absolute;
	left: 0;
	top: -227px
}
#concept .mode figure>div>span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	visibility: hidden
}
#concept .pics-00 {
	position: absolute;
	left: 140px;
	top: 984px
}
#concept .pics-00>div {
	overflow: hidden
}
#concept .pics-00>div:first-child {
	position: absolute;
	left: 0;
	top: 0;
	width: 501px;
	height: 348px
}
#concept .pics-00>div:first-child+div {
	position: absolute;
	left: 501px;
	top: 0;
	width: 500px;
	height: 348px;
	text-indent: -501px
}
#video {
	position: absolute;
	left: 279px;
	top: 108px;
	width: 720px;
	height: 405px;
	border: 1px solid #333
}
#video>a {
	width: 100%;
	height: 100%
}
#video>a>img {
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease
}
#video>a:hover>img {
	opacity: 0.5;
	filter: alpha(opacity=50)
}
#design {
	height: 1938px
}
#design h1 {
	position: absolute;
	left: 419px;
	top: 121px
}
#design .lead {
	width: 100%;
	position: absolute;
	left: 0;
	top: 181px;
	letter-spacing: 1px
}
#design .word {
	position: absolute;
	left: 771px;
	top: 250px;
	z-index: 1
}
#design .photos {
	position: absolute;
	left: 0;
	top: 442px
}
#design .photos>div {
	overflow: hidden
}
#design .photos>div>span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	visibility: hidden
}
#design .photos .t0 {
	position: absolute;
	left: 163px;
	top: 615px;
	z-index: 1
}
#design .photos .t1 {
	position: absolute;
	left: 918px;
	top: 1404px;
	z-index: 1
}
#design .photos .p0 {
	width: 1280px;
	height: 499px;
	position: absolute;
	left: 0;
	top: 0
}
#design .photos .p1 {
	width: 640px;
	height: 499px;
	position: absolute;
	left: 0;
	top: 499px
}
#design .photos .p1>img {
	position: absolute;
	left: 0;
	top: -499px
}
#design .photos .p2 {
	width: 640px;
	height: 499px;
	position: absolute;
	left: 640px;
	top: 499px
}
#design .photos .p2>img {
	position: absolute;
	left: -640px;
	top: -499px
}
#design .photos .p3 {
	width: 640px;
	height: 499px;
	position: absolute;
	left: 0;
	top: 998px
}
#design .photos .p3>img {
	position: absolute;
	left: 0;
	top: -998px
}
#design .photos .p4 {
	width: 640px;
	height: 499px;
	position: absolute;
	left: 640px;
	top: 998px
}
#design .photos .p4>img {
	position: absolute;
	left: -640px;
	top: -998px
}
#tecnology {
	height: 1040px
}
#tecnology h1 {
	position: absolute;
	left: 409px;
	top: 138px
}
#tecnology .lead {
	width: 100%;
	position: absolute;
	left: 0;
	top: 197px
}
#tecnology .word {
	position: absolute;
	left: 112px;
	top: 180px
}
#tecnology .photos {
	position: absolute;
	left: 0;
	top: 441px;
	width: 1280px;
	height: 599px;
	background: url(../img/pic_bg_20.jpg) 0 0 no-repeat
}
#tecnology .photos .p0 {
	position: absolute;
	left: 54px;
	top: 76px
}
#tecnology .photos .p1 {
	position: absolute;
	left: 342px;
	top: 102px
}
#tecnology .photos .p2 {
	position: absolute;
	left: 581px;
	top: 93px
}
#tecnology .photos .p3 {
	position: absolute;
	left: 805px;
	top: 76px
}
#tecnology .photos .t0 {
	position: absolute;
	left: 422px;
	top: 37px
}
#tecnology .photos .t0 img {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/txt_20.png', sizingMethod='scale')
}
#tecnology .photos .t1 {
	position: absolute;
	left: 272px;
	top: 434px
}
#tecnology .photos .t1 img {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/txt_21.png', sizingMethod='scale')
}
#cordination {
	height: 1178px
}
#cordination h1 {
	position: absolute;
	left: 392px;
	top: 120px
}
#cordination .lead {
	width: 100%;
	position: absolute;
	left: 0;
	top: 180px;
	letter-spacing: 1px
}
#cordination .word {
	position: absolute;
	left: 776px;
	top: 169px
}
#cordination .photos {
	position: absolute;
	left: 0;
	top: 441px
}
#cordination .photos .photo {
	position: absolute;
	left: 0;
	top: 0
}
#cordination .photos nav {
	position: absolute;
	left: 0;
	top: 0
}
#cordination .photos nav ul.nav1 {
	position: absolute;
	left: 0;
	top: 664px;
	font-size: 4px;
	font-size: 0.4rem;
	line-height: 0.1;
	width: 1280px;
	height: 4px;
	text-align: center
}
#cordination .photos nav ul.nav1 li {
	width: 40px;
	height: 4px;
	background-color: #2e2e2e;
	display: inline-block;
*display:inline;
*zoom:1;
	margin-left: 20px;
	cursor: pointer;
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease
}
#cordination .photos nav ul.nav1 li:first-child {
	margin-left: 0
}
#cordination .photos nav ul.nav1 li.current, #cordination .photos nav ul.nav1 li.on {
	background-color: #e60012
}
#cordination .photos nav ul.nav1 li.current {
	cursor: default
}
#cordination .photos nav ul.nav2 {
	position: absolute;
	left: 0;
	top: 277px;
	width: 1280px;
	height: 80px
}
#cordination .photos nav ul.nav2 li {
	width: 42px;
	height: 80px;
	overflow: hidden;
	cursor: pointer
}
#cordination .photos nav ul.nav2 li:hover {
	opacity: 0.6;
	filter: alpha(opacity=60)
}
#cordination .photos nav ul.nav2 li.current {
	opacity: 0.2;
	filter: alpha(opacity=20);
	cursor: default
}
#cordination .photos nav ul.nav2 li:first-child {
	position: absolute;
	left: 146px;
	top: 0
}
#cordination .photos nav ul.nav2 li:first-child+li {
	position: absolute;
	right: 146px;
	top: 0;
	text-indent: -42px
}
#footer {
	width: 100%;
	height: 262px;
	min-width: 1280px
}
#footer .nav {
	background-color: #191919
}
#footer .nav nav {
	height: 171px;
	position: relative
}
#footer .nav nav ul {
	margin-top: 51px;
	width: 100%;
	text-align: center
}
#footer .nav nav ul li {
	width: 260px;
	height: 69px;
	display: inline-block;
*display:inline;
*zoom:1
}
#footer .nav nav ul li>a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-image: url(../img/btn_catalog.gif);
	background-position: -260px 0
}
#footer .nav nav ul li>a:hover>img {
	opacity: 0;
	filter: alpha(opacity=0)
}
#footer .nav nav ul li>a>img {
	-webkit-transition: opacity 0.25s ease;
	transition: opacity 0.25s ease
}
#footer .nav nav ul li>span {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden
}
#footer .nav nav ul li>span>img {
	opacity: 0.3;
	filter: alpha(opacity=30)
}
#footer .nav nav ul li:first-child {
	margin-right: 91px
}
#footer .nav nav ul li:first-child>a {
	background-image: url(../img/btn_f_spec.gif)
}
#footer .nav nav .go2top {
	display: block;
	overflow: hidden;
	width: 41px;
	height: 41px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: url(../img/btn_top.gif);
	background-position: -41px 0;
	background-repeat: no-repeat
}
#footer .nav nav .go2top>img {
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease
}
#footer .nav nav .go2top:hover>img {
	opacity: 0;
	filter: alpha(opacity=0)
}
#footer .brand {
	display: block;
	margin-left: auto;
	margin-right: auto;
*zoom:1;
	width: 1000px;
	position: relative
}
#footer .brand:before, #footer .brand:after {
	content: " ";
	display: table
}
#footer .brand:after {
	clear: both
}
#footer .brand .logo span:first-child {
	position: absolute;
	left: 0;
	top: 30px
}
#footer .brand .logo span:first-child+span {
	position: absolute;
	right: 0;
	top: 23px
}
#footer .brand .cr {
	position: absolute;
	left: 0;
	top: 61px
}
#footer .brand .cr img {
	vertical-align: top
}




.awardBunner {
    width:30%;
    position:absolute;
    right:20px;
    bottom:20px;
    z-index:50;
}

.awardBunner img {
    width:100%;
    display:block;
    font-size:0px;
    line-height:0px;
}

@media (max-width:767px) {
    .awardBunner {
        width:45%;
        right:10px;
        bottom:10px;
    }
}