* {
	margin: 0;
	padding: 0;
}
html {
	-webkit-text-size-adjust: none; /* iPhone */
}
ul,
li {
	list-style: none;
}
img,
a img {
	border: none;
}
img,
iframe {
	vertical-align: bottom;
}
.cbox {
	zoom:1;/*for IE 5.5-7*/
}
.cbox:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	line-height: 0;
	clear:both;
	visibility:hidden;
}
body {
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	font-family: 'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
	background-color: #000;
}
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* ‚Ü‚½‚Íabsolute; */
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}
iframe {
	z-index: 1;
}
#container {
	position: relative;
}
#contentWrapper {
	width: 960px;
	margin: 0 auto;
}

#container #header {
	width: 960px;
	margin: 0 auto;
}
#container #logo {
	position: fixed;
	z-index: 20;
	top: 10px;
	left: 20px;
}
.nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background: url(../images/bg_nav.png) repeat-x left bottom;
	border-bottom: 1px solid #aaa;
	height: 50px;
	text-align: center;
}
.nav ul {
	float: right;
	padding: 0 20px 0 0;
}
.nav li {
	float: left;
	margin: 0;
	padding: 0;
}
.nav li img {
	vertical-align: bottom;
}
.nav li a {
	display: block;
	height: 50px;
	text-indent: -9999px;
}
.nav li a#sec1 {
	width: 143px;
	background: url(../images/nav1.png) no-repeat left top;
}
.nav li a#sec1:hover,
.nav li.current a#sec1 {
	background-position: left bottom;
}
.nav li a#sec2 {
	width: 136px;
	background: url(../images/nav2.png) no-repeat left top;
}
.nav li a#sec2:hover,
.nav li.current a#sec2 {
	background-position: left bottom;
}
.nav li a#sec3 {
	width: 149px;
	background: url(../images/nav3.png) no-repeat left top;
}
/*.nav li a#sec3:hover,
.nav li.current a#sec3 {
	background-position: left bottom;
}*/
.nav li a#sec4 {
	width: 152px;
	background: url(../images/nav4.png) no-repeat left top;
}
.nav li a#sec4:hover,
.nav li.current a#sec4 {
	background-position: left bottom;
}
.nav li a#sec0 {
	width: 130px;
	background: url(../images/nav0.png) no-repeat left top;
}
.nav li a#sec0:hover,
.nav li.current a#sec0 {
	background-position: left bottom;
}
.section {
	padding: 70px 0 0;
}

#content1 {
	padding: 0;
}
#content2 {
	padding: 0 0 20px;
}
#content3 {
	padding: 0;
}
#content4 {
	padding: 0;
}

#content1 .lead {
	font-size: 14px;
	background: url(../images/bg_lead.png) no-repeat left top;
	color: #fff;
	padding: 20px 30px;
	line-height: 1.5;
}
#content1 .impBox {
	height: 360px;
	background-color: #000;
	overflow: hidden;
}
#content1 .movieBox {
	float: left;
	width: 640px;
}
#content1 .txtBox {
	float: right;
	width: 320px;
}
#content1 .txtBox p {
	line-height: 1.5;
	font-size: 14px;
	color: #fff;
	padding: 12px;
}
#content1 .gridBox {
	width: 960px;
	height: 600px;
	background: url(../images/grid.jpg) no-repeat left top;
	position: relative;
	overflow: hidden;
}
#content1 .gridBox p {
	color: #fff;
	font-size: 12px;
	line-height: 1.6;
	position: absolute;
	top: 467px;
	left: 655px;
	width: 290px;
}
#content2 .specBox {
	margin-bottom: 20px;
}
#content4 .ustMain {
	float: left;
	width: 608px;
}
#content4 .ustSub {
	float: right;
	width: 342px;
}