/* SocIcon */
@font-face {
  font-family: 'socicon';
  src: url("../fonts/socicon/socicon-webfont.eot");
  src: url("../fonts/socicon/socicon-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/socicon/socicon-webfont.woff") format("woff"), url("../fonts/socicon/socicon-webfont.ttf") format("truetype"), url("../fonts/socicon/socicon-webfont.svg#sociconregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* DinPro Fonts */
@font-face {
  font-family: 'dinpromedium';
  src: url("../fonts/din/din_pro_medium-webfont.eot");
  src: url("../fonts/din/din_pro_medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/din/din_pro_medium-webfont.woff") format("woff"), url("../fonts/din/din_pro_medium-webfont.ttf") format("truetype"), url("../fonts/din/din_pro_medium-webfont.svg#dinpromedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'dinprobold';
  src: url("../fonts/din/dinpro-bold-webfont.eot");
  src: url("../fonts/din/dinpro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/din/dinpro-bold-webfont.woff") format("woff"), url("../fonts/din/dinpro-bold-webfont.ttf") format("truetype"), url("../fonts/din/dinpro-bold-webfont.svg#dinprobold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* BLOKK Fonts */
@font-face {
  font-family: 'BLOKKNeue-Regular';
  src: url("../fonts/blokk/BLOKKNeue-Regular.eot");
  src: url("../fonts/blokk/BLOKKNeue-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/blokk/BLOKKNeue-Regular.woff") format("woff"), url("../fonts/blokk/BLOKKNeue-Regular.svg#BLOKKNeue-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BLOKKRegular';
  src: url("../fonts/blokk/BLOKKRegular.eot");
  src: url("../fonts/blokk/BLOKKRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/blokk/BLOKKRegular.woff") format("woff"), url("../fonts/blokk/BLOKKRegular.svg#BLOKKRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* UNIQLO Fonts */
@font-face {
  font-family: 'UNIQLOLight';
  src: url("../fonts/uniqlo/uniqlolight-webfont.eot");
  src: url("../fonts/uniqlo/uniqlolight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/uniqlo/uniqlolight-webfont.woff") format("woff"), url("../fonts/uniqlo/uniqlolight-webfont.ttf") format("truetype"), url("../fonts/uniqlo/uniqlolight-webfont.svg#uniqlolightregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UNIQLORegular';
  src: url("../fonts/uniqlo/uniqloregular-webfont.eot");
  src: url("../fonts/uniqlo/uniqloregular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/uniqlo/uniqloregular-webfont.woff") format("woff"), url("../fonts/uniqlo/uniqloregular-webfont.ttf") format("truetype"), url("../fonts/uniqlo/uniqloregular-webfont.svg#UniqloRegularRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UNIQLOBoldRegular';
  src: url("../fonts/uniqlo/uniqlobold-webfont.eot");
  src: url("../fonts/uniqlo/uniqlobold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/uniqlo/uniqlobold-webfont.woff") format("woff"), url("../fonts/uniqlo/uniqlobold-webfont.ttf") format("truetype"), url("../fonts/uniqlo/uniqlobold-webfont.svg#UniqloBoldRegular") format("svg");
  font-weight: normal;
  font-style: bold;
}

@font-face {
  font-family: 'UNIQLOBoldRounded';
  src: url("../fonts/uniqlo/UniqloBoldRounded.eot");
  src: url("../fonts/uniqlo/UniqloBoldRounded.eot?#iefix") format("embedded-opentype"), url("../fonts/uniqlo/UniqloBoldRounded.otf") format("opentype"), url("../fonts/uniqlo/UniqloBoldRounded.woff") format("woff"), url("../fonts/uniqlo/UniqloBoldRounded.ttf") format("truetype"), url("../fonts/uniqlo/UniqloBoldRounded.svg#HelveticaNeue") format("svg");
  font-style: bold;
}

/* Uniqlo Icons */
@font-face {
  font-family: 'uniqloIcons';
  src: url("../fonts/uniqloicons/uniqloicons.eot?58547753");
  src: url("../fonts/uniqloicons/uniqloicons.eot?58547753#iefix") format("embedded-opentype"), url("../fonts/uniqloicons/uniqloicons.woff?58547753") format("woff"), url("../fonts/uniqloicons/uniqloicons.ttf?58547753") format("truetype"), url("../fonts/uniqloicons/uniqloicons.svg?58547753#uniqlo_icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

.button01 a, .button02 a, .button03 a, .button04 a, .button05 a, .button06 a, .button07 a, .button08 a, .button09 a, .button10 a, .button11 a, .button12 a, .button13 a, .button14 a, .button15 a, .button16 a, .button17 a, .button18 a, .button19 a, .button20 a, .button21 a, .button22 a, .button23 a, .button24 a, .button25 a, .button26 a, .button27 a, .button28 a, .button29 a, .button30 a {
  text-decoration: none !important;
  font: 12px dinprobold;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 5px;
}

.button01 a, .button02 a, .button03 a, .button04 a, .button25 a {
  color: #FFF !important;
  border: 2px solid #000;
  background-color: #000;
}

.button05 a, .button06 a, .button07 a, .button08 a, .button26 a {
  color: #000 !important;
  border: 2px solid #000;
  background-color: #FFF;
}

.button09 a, .button10 a, .button11 a, .button12 a, .button27 a {
  color: #FD1C24 !important;
  border: 2px solid #FD1C24;
  background-color: #FFF;
}

.button13 a, .button14 a, .button15 a, .button16 a, .button28 a {
  color: #000 !important;
  border: 2px solid #000;
  background-color: rgba(255, 255, 255, 0);
}

.button17 a, .button18 a, .button19 a, .button20 a, .button29 a {
  color: #FFF !important;
  border: 2px solid #FFF;
  background-color: rgba(255, 255, 255, 0);
}

.button21 a, .button22 a, .button23 a, .button24 a, .button30 a {
  color: #FD1C24 !important;
  border: 2px solid #FD1C24;
  background-color: rgba(255, 255, 255, 0);
}

.button01 a:hover {
  color: #000 !important;
  border-color: #000;
  background-color: #FFF;
}

.button02 a:hover, .button12 a:hover, .button18 a:hover, .button22 a:hover {
  color: #000 !important;
  background-color: rgba(255, 255, 255, 0);
  border-color: #000;
}

.button03 a:hover, .button07 a:hover, .button15 a:hover, .button19 a:hover, .button23 a:hover {
  color: #FFF !important;
  background-color: #FD1C24;
  border-color: #FD1C24;
}

.button04 a:hover, .button08 a:hover, .button16 a:hover, .button20 a:hover {
  color: #FD1C24 !important;
  background-color: rgba(255, 255, 255, 0);
  border-color: #FD1C24;
}

.button05 a:hover, .button11 a:hover, .button13 a:hover, .button17 a:hover, .button21 a:hover {
  color: #FFF !important;
  background-color: #000;
  border-color: #000;
}

.button06 a:hover, .button10 a:hover, .button14 a:hover, .button24 a:hover {
  color: #FFF !important;
  border-color: #FFF;
  background-color: rgba(255, 255, 255, 0);
}

.button09 a:hover {
  color: #FFF !important;
  border-color: #FD1C24;
  background-color: #FD1C24;
}

/* Cat Structure */
.catSpace {
  margin: 0 0 15px 0;
  padding: 0;
  border: 0;
  display: block;
}

/* Cat Head */
.catHead {
  background-color: #666;
  width: 960px;
  height: 470px;
  display: block;
  background-color: #666;
}

/* Content 30 */
.content30 {
  display: inline-block;
}

.content30 a {
  background-color: #FFF;
  width: 470px;
  height: 471px;
  display: block;
}

.left30 {
  margin-right: 9px;
}

.right30 {
  margin-left: 9px;
}

/* Cat Map */
.catMenu {
  display: block;
  background-color: #FFF;
}

.catMenuList {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin: 15px 7px 15px 8px;
}

.menuLeft {
  margin-left: 15px;
}

.menuRight {
  margin-right: 15px;
}

.catMenuList h2 {
  font: 16px dinprobold;
  color: #3c3c3c;
}

.catMenuList li a {
  text-decoration: none;
  font: 12px dinpromedium;
  line-height: 15px;
  color: #5a5a5a;
}

.catMenuList li a:hover {
  color: #F30000;
}

.catMenuList li {
  margin-bottom: 10px;
}

.menuLeft h2 {
  padding: 25px 0;
}

.menuLeft {
  padding-top: 55px;
}

.line1 h2 {
  padding: 9px 0 23px 0;
}

.line2 h2 {
  padding-bottom: 12px;
}

.menuCompany {
  width: 130px;
  margin: 15px 15px;
}