@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../img/bg/cmn/bg_body.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
#header h2 {
	color: #FFFFFF;
	line-height: 1em;
	font-weight: normal;
	margin-top: 1.5em;
}
.main {
	clear: both;
}
#header .span6 {
	float: left;
}
#header h1 {
	margin-top: 22px;
	margin-bottom:23px;
	width: 157px;
	height: 74px;
}
#mainmenu {
	clear: both;
}
#mainmenu a,#mainmenu li {
	display: block;
	float: left;
	list-style-type: none;
}
#mainmenu ul {
	margin: 0px;
}
#wrapper {
	background-image: url(../img/images/top/img_keyimage.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.hero-unit {
	background-image: none;
	background-color: transparent;
	padding:30px 0 0 57%;
	margin-bottom: 22px;
}
.row {
	margin-left: 0px;
}

#header .span10 img,#header .span10 h2 {
	margin-right: 2em;
}
.containerSpan4 .span4Top {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../img/bg/cmn/bg_top_span4.jpg);
	width: 100%;
	height: 9px;
}
.containerSpan8 .span8Top {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../img/bg/cmn/bg_top_span8.jpg);
	width: 100%;
	height: 9px;
}
.main .containerSpan4 {
	background-image: url(../img/bg/cmn/bg_content_span4.jpg);
	background-repeat: repeat-y;
}
.main .containerSpan8 {
	background-image: url(../img/bg/cmn/bg_content_span8.jpg);
	background-repeat: repeat-y;
}
.containerSpan4 .span4Bottom {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../img/bg/cmn/bg_bottom_span4.jpg);
	width: 100%;
	height: 17px;
	clear: both;
}
.containerSpan8 .span8Bottom {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../img/bg/cmn/bg_bottom_span8.jpg);
	width: 100%;
	height: 17px;
	clear: both;
}
.information img {
	margin: 0 0 0 10px;
}
hr.span12 {
	display: block;
	background-image: url(../img/images/cmn/img_hr_span12.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 975px;
	clear: both;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
.maker li {
	list-style-type: none;
	float: left;
}
#footer {
	background-image: url(../img/bg/cmn/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
}
ul.maker {
	margin: 35px 0;
	height: 75px;
}
#footerLogo {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#footer .span2 {
	color: #FFFFFF;
	margin-top: 15px;
	line-height:200%;
}
#footer #elparts {
	float: right;
	margin-top: 69px;
}
#pagetopBtn {
	margin-top: -105px;
}
#telephoneno {width:35.1%}
#faxno {width:22.1%}
#btn01 {width:20.3%}
#btn02 {width:23.5%}
#btn03 {width:17.8%}
#btn04 {width:18.2%}
#btn05 {width:20.1%}
#news iframe {border:none; overflow:hidden; width:300px; height:440px;}
  #news img {
  width:100%;
  }
@media (max-width: 767px) {
  #telephoneno {
  width:50%;
  }
  #faxno {
  width:30%;
  }
  .hero-unit {
  background-image:url(../img/images/top/img_keyimage.jpg);
  background-color:#000000;
  background-position:90% 90%;
  background-size:150%;
  }
  body,#wrapper,#header,#mainmenu {
  background-image:none;
  background-color:#000000;
  }
  div.main,div.row,div#footer {
  background-color:#FFFFFF;
  }
  #news {
  width:100%;
  background-image:none;
  }
  #news iframe {
  width:100%;
  height:100px;
  }
  #news img {
  width:50%;
  }
  #news hr,#news div{
  background-image:none;
  }
  .span4 p {
  margin-left:2em;
  }
  hr.span12 {
  display:none;
  }
  img#pagetopBtn,img#elparts {
  display:none;
  }
  .span2 {
  width:auto;
  }
  #header h2{
  line-height:170%;
  }
}
@media (max-width: 480px) {
#mainmenu a,#mainmenu li {
	margin:0 auto;
	float: left;
}
  #btn01,#btn02,#btn03,#btn04,#btn05 {
  width:30%;
  margin-left:1%;
  }
}
#footer .span2 a {
	color: #FFFFFF;
}
div.information {
	margin-bottom: 3em;
}