@charset "utf-8";

html {
  -webkit-text-size-adjust:none;
  overflow-x:hidden;
}

body {
  width:100%;
  background: #fff;
  color:#ffffff;
  font-size: 12px;
  font-family:  "Lucida Grande", "ＭＳ Ｐゴシック", "Lucida Sans Unicode", sans-serif;
}

a span, h3 span {
  display: none;
}

.blue_bg {
  background:url("../images/blue_bg.png") 0 0 repeat;
}

#updown{
  position:fixed;
  bottom:52px;
  right:0px;
  z-index:100;
}

#updown li img{
  vertical-align:bottom;
}

#loadingbg {
  position:fixed;
  _position:absolute;
  top:0;
  width: 100%;
  height: 100%;
  z-index:11000;
  background-color: #ffffff;
}

#loading{
  position:relative;
  top:50%;
  text-align:center;
}



/* Structure
------------------------------------------------------------------------- */

#container .inner {
  margin: 0 auto;
  width: 950px;
  height:500px;
}

#wrap {
  position:relative;
  width:100%;
  overflow-x:hidden;
  overflow:hidden;
}

#container { 
  opacity:0;
/*  background: url(../images/main_bg.jpg) 0px 0px no-repeat; */
}

/* Sections
------------------------------------------------------------------------- */

#logo {
   height: 104px;
  width: 450px;
  float: left;
}

#navi {
  height:104px;
  width:500px;
  z-index:10;
  float:right;
}

#copy {
	margin-top:5px;
   height: 100px;
  width: 500px;
  float: left;
}

#insta{
   margin-top:10px;
   height: 100px;
  width: 28px;
  float: right;
}

#line {
	margin-top:0px;
   height: 52px;
  width: 100%;
  float: left;
}

#top {
  position:relative;
  clear:both;
  height: 1500px;
  width: 950px;
  margin-top:0px;
  margin-left:0px;
  left:auto;
}

#news{
  position:relative;
  clear:both;
  height: 1000px;
  width: 950px;
  margin-top:0px;
  margin-left:0px;
  left:auto;
}

#concept {
  position:relative;
  clear:both;
  height: 1500px;
  width: 950px;
  margin-top:0px;
  margin-left:0px;
  left:auto;
}


#concept_c{ 
  clear:both;
  top:610px;
  left:200px;
  }
#news_c{ 
  clear:both;
  top:500px;
  left:0px;
  width:800px;
  height:500px;
  margin-top:120px;
  }

#news_d{ 
  clear:both;
  top:500px;
  left:0px;
  width:1200px;
  height:1200px;
  margin-top:120px;
  }



#about {
  position:relative;
  clear:both;
  height: 1500px;
  width: 950px;
  margin-top:0px;
  margin-left:0px;
  left:auto;
}


#about_c{ 
  clear:both;
  width: 950px;
  height:550px;
  top:180px;
  left:200px;
  }
  
.about_img{
	position:relative;
  clear:both;
  height: 335px;
  width: 500px;
  margin-top:100px;
  margin-left:0px;
  float:left;
	
  }
  
.about_text{
  position:relative;
  clear:both;
  height: 300px;
  width: 400px;
  margin-top:-250px;
  color:#000;
  font-size: 12px;
  font-family:  "Lucida Grande", "ＭＳ Ｐゴシック", "Lucida Sans Unicode", sans-serif;
  letter-spacing:0.1em;
  line-height:2em;
  float:right;
}
	
  }
  
  
#about .round_corner_footer, #contact .round_corner_footer {
  height: 31px;
  background: transparent url("../images/round_corner_footer.png") 0 0 no-repeat;
}

#about h3 {
  background:url("../images/aboutus_header_bg.png") 0 0 no-repeat;
  height: 37px;
}

#about_inner {
  padding: 39px 0 34px 49px;
}

#about dl {
  font-size: 12px;
  letter-spacing:0.1em;
  margin-top: 17px;
  zoom: 1;
}

#about dl:before, dl:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}

#about dl:after {
  clear: both;
}

#about dl dt {
  margin: 0;
  float: left;
  width: 117px;
  color: #fff;
  line-height: 1.4em;
}

#about dl dd {
  margin: 0 0 0 127px;
  display: block;
  color: #fff;
  line-height: 1.4em;
}

/*#contact {
  clear:both;
  position:relative;
  top:1500px;
  left: 189px;
  opacity:0;
  width:867px;
  height:467px;
}*/

/*#contact h3 {
  background:url("../images/contact_header_bg.png") 0 0 no-repeat;
  height: 37px;
}

#contact #contact_content {
  padding: 113px 0 64px 144px;
}

form fieldset {
  margin:0 0 14px 0;
  zoom: 1;
}

form fieldset:last-child {
  margin-bottom: 0;
}

form fieldset:before, form fieldset:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
form fieldset:after {
  clear: both;
}

label {
  padding-top: 12px;
  font-size: 13px;
  line-height: 18px;
  float: left;
  width: 90px;
  text-align: left;
  color: #ffffff;
}

input {
  display: inline-block;
  width: 437px;
  height: 23px;
  padding: 4px;
  font-size: 13px;
  line-height: 18px;
  background: #fff;
  border: none;
}

button {
  width: 112px;
  height: 34px;
  background: url("../images/images.png") no-repeat 0 -253px transparent;
  border: none;
  color: #fff;
  margin:0 0 0 423px;
  padding: 0;
  border: 0;
  cursor: pointer; 
  text-indent: -9999px;
}

textarea {
  display: inline-block;
  width: 437px;
  height: 153px;
  padding: 4px;
  margin: 0;
  font-size: 13px;
  line-height: 18px;
  border: none;
  background: #fff;
}
*/
/* Billboard
------------------------------------------------------------------------- */

#billboard{
  clear:both;
  width: 100%;
  background: #ffffff;
   position:relative;
  top:50%;
  text-align:center;
  
}

#billboard img{
  width:840px;
   
}

/* Footer
------------------------------------------------------------------------- */

#footer {
  position:fixed;
  bottom:0px;
  right:0px;
  z-index:100;
  border-bottom: 50px solid #000000;
  width: 100%;
  
  padding: 0 14px 5px 0;
}

#footer p{
  float: left;
  margin-left:100px;
  width: 1200px;
  height: 50px;
  

}
#line {
  position:fixed;
  bottom:52px;
  right:0px;
  z-index:110;
  border-bottom: 3px solid #000;
  width: 100%;
  
  padding: 0 14px 5px 0;
}

#line p{
  float: left;
  margin-left:100px;
  width: 1200px;
  height: 5px;
  

}

#line p span{
	
  display: none;
}

#footer p{
  float: left;
  margin-left:100px;
  width: 1200px;
  height: 50px;
  

}

#footer p span{
	
  display: none;
}

/* Products
------------------------------------------------------------------------- */

#product_top {
  clear:both;
  margin-top:72px;
  margin-left:189px;
}

#items {
  margin-top: 32px;
}

#items > div {
  margin-bottom: 15px;
}