div#content_wrapper{
	background-color:#000;
	position:relative;
	/*background-image:url(../images/bg.gif);*/
	/*background-attachment: fixed;  */

	}

div#the_bg{
	background-image:url(../images/bg.gif);
	position:absolute;
	top:0;left:0;
}
div#hide_area{
	display:none;
}
div#item_img img{
	position:absolute;
	top:0;left:0;
}
div#item_img img#item_red{
	display:block;
}
div#hide_area{
	position:relative;
}
div#head_wrap{
	background-image:url(../images/h2_bg.jpg);
	width:980px;
	height:420px;
	display:block;
	position:relative;
	margin-top:50px;
}
h2{
	background-image:url(../images/h2.png);
	width:552px;
	height:178px;
	overflow:hidden;
	position:absolute;
	text-indent:-999px;
	top:-38px;
	left:0;
}
div#social_wrap{
	position:absolute;
	right:0;
	top:-30px;
}
iframe#fb{
	margin-right:5px;
}

div#movie_area{
	background-image:url(../images/movie_bg.jpg);
	width:980px;
	height:335px;
	display:block;
	margin-top:30px;
	position:relative;
}
div#movie_area h3,div#movie_area p{
	display:none;
}
div#movie{
	position:absolute;
	width:489px;
	height:275px;
	/*background-image:url(../images/movie.gif);*/
	left:461px;
	top:30px;
}
div#item_area{
	position:relative;
	width:980px;
	height:335px;
	background-image:url(../images/item_bg.jpg);
	margin-top:30px;
}


div#item_area h4{
	background-image:url(../images/updown.png);
	width:379px;
	height:54px;
	overflow:hidden;
	text-indent:-999px;
	display:block;
	position:absolute;
	left:570px;
	top:24px;
	font-size:0;
}
div#item_area strong{
	background-image:url(../images/logo.png);
	width:386px;
	height:126px;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	position:absolute;
	left:564px;
	top:87px;
	font-size:0;
}
div#item_area p#color{
	background-image:url(../images/color.png);
	width:99px;
	height:64px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
	position:absolute;
	left:439px;
	top:243px;
}
div#item_area p#release{
	background-image:url(../images/release.png);
	overflow:hidden;
	text-indent:-999px;
	display:block;
	position:absolute;
	width:297px;
	height:83px;
	left:652px;
	top:223px;
}
div#item_area div#item_img{
position:absolute;
left:26px;
top:20px;
}


div.color_button{
	width:40px;
	height:40px;
	position:absolute;
}
div#btn_red{
	background-image:url(../images/btn_red.png);
	left:549px;
	top:242px;
}

div#btn_white{
	background-image:url(../images/btn_white.png);
	left:602px;
	top:242px;
}

div#profile_area{
	margin-top:30px;
	background-image:url(../images/profile_bg.jpg);
	width:980px;
	height:702px;
	display:block;
	position:relative;
}

div#iida{
	background-image:url(../images/iida.png);
	width:120px;
	height:398px;
	position:absolute;
	left:430px;
	top:-26px;
}
p#name{
	background-image:url(../images/name.png);
	width:390px;
	height:114px;
	position:absolute;
	text-indent:-999px;
	left:30px;
	top:30px;
	overflow:hidden;
}
p#profile{
	background-image:url(../images/profile.png);
	width:363px;
	height:142px;
	overflow:hidden;
	position:relative;
	display:block;
	text-indent:-999px;
	font-size:0;
	left:41px;
	top:171px;
}
div#profile_area a{
	width:369px;
	height:30px;
	background-image:url(../images/btn_official.png);
	display:block;
	text-indent:-999px;
	position:absolute;
	left:40px;
	top:329px;
	overflow:hidden;
}
div#profile_area a:hover{
	background-position:0 -30px;
}
div#profile_area h3{
	font-size:0;
	background-image:url(../images/gosei.png);
	width:389px;
	height:129px;
	position:absolute;
	left:561px;
	top:30px;
}
div#profile_area p#sonomama{
	background-image:url(../images/sonomama.png);
	width:392px;
	height:195px;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	position:absolute;
	left:559px;
	top:180px;
}

div#comment_area{
	background-image:url(../images/comment.jpg);
	position:absolute;
	top:380px;
	left:30px;
	width:920px;
	height:292px;
}
div#comment_area a{
	background-image:url(../images/btn_campaign.png);
	width:267px;
	height:105px;
	left:309px;
	top:172px;
	text-indent:-999px;
	overflow:hidden;
}
div#comment_area a:hover{
	background-position:0 -105px;
}
div#about_area{
	background-image:url(../images/about_bg.jpg);
	width:980px;
	height:825px;
	margin-top:30px;
	position:relative;
}
div#about_area h3{
	position:absolute;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	background-image:url(../images/about.png);
	width:416px;
	height:113px;
	left:282px;
	top:-22px;
}
div#about_area p#about_desc{
	background-image:url(../images/about_desc.png);
	width:916px;
	height:105px;
	overflow:hidden;
	text-indent:-999px;
	position:absolute;
	left:33px;
	top:94px;
	font-size:0;
}
div#about_area p#sec50{
	background-image:url(../images/50sec.png);
	width:478px;
	height:255px;
	overflow:hidden;
	text-indent:-999px;
	position:absolute;
	left:30px;
	top:214px;
}
div#about_area p#gmark{
	background-image:url(../images/gmark.png);
	width:426px;
	height:255px;
	overflow:hidden;
	text-indent:-999px;
	position:absolute;
	left:523px;
	top:214px;
}
div#about_area p#ing{
	background-image:url(../images/ing.png);
	width:939px;
	height:324px;
	overflow:hidden;
	text-indent:-999px;
	position:absolute;
	left:11px;
	top:471px;
}

div#mode_area{
	background-image:url(../images/mode_bg.jpg);
	width:980px;
	height:525px;
	position:relative;
	display:block;
	margin-top:30px;
}
div#mode_area h3{
	background-image:url(../images/mode.png);
	width:496px;
	height:82px;
	display:block;
	position:absolute;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	left:30px;
	top:23px;
}

div#mode_area p#mode_catch{
	background-image:url(../images/mode_catch.png);
	width:419px;
	height:62px;
	display:block;
	position:absolute;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	left:529px;
	top:39px;
}
div#mode_area ul#mode{
	position:absolute;
	top:115px;
	left:29px;
}
div#mode_area ul#mode li{
	float:left;
	margin-right:19px;
}
div#another_area{
	background-image:url(../images/another_bg.png);
	width:920px;
	height:220px;
	display:block;
	position:absolute;
	overflow:hidden;
	display:block;
	left:30px;
	top:270px;
}
div#another_area div#another_inner{
	position:relative;
	display:block;
}
div#another_area div#another_inner h4{
	background-image:url(../images/another.png);
	width:576px;
	height:67px;
	display:block;
	position:absolute;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	left:189px;
	top:19px;
}
div#another_area div#another_inner ul{
	position:absolute;
	top:96px;
	left:26px;
	display:block;
}
div#another_area div#another_inner ul li{
	display:block;
	float:left;
	margin-right:7px;
}

div#bottoms{

	margin-bottom:20px;
	background-image:url(../images/bottoms_bg.gif);
	width:980px;
	height:131px;
	position:relative;
}
div#bottoms small{
	display:none;
}
div#bottoms a{
	background-image:url(../images/btn_ec.png);
	width:337px;
	height:81px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
	position:absolute;
	left:30px;
	top:25px;
}
div#bottoms a:hover{
	background-position:0 -81px;
}
.nmr{
	margin-right:0;
}
small#copyright{
	font-size:11px;
	line-height:30px;
	display:block;

	vertical-align: middle;
	color:#fff;
}
/*-------- op ------------*/
div#op{
	width:980px;
	height:500px;
	position:relative;
	display:block;
}

div#op img{
	display:none;
}

div#op div#g_wrap{
	width:175px;
	height:181px;
	position:absolute;
	left:410px;
	top:20px;
	display:block;
}
div#op div#the_g{
	width:175px;
	height:181px;
	background-image:url(../images/the_g.png);
}
div#remain_gage{
	position:absolute;
	width:980px;
	height:246px;
	top:163px;
	left:0;
}
div#op div#remain{
	width:538px;
	height:91px;
	overflow:hidden;
	background-image:url(../images/remain.png);
	display:none;
	position:absolute;
	left:369px;
	top:0px;
}
div#op div#gage{
	display:none;
	width:964px;
	height:134px;
	overflow:hidden;
	background-image:url(../images/gage.png);
	position:absolute;
	left:8px;
	top:132px;

}

div#arrow{
	width:21px;
	height:22px;
	overflow:hidden;
	background-image:url(../images/arrow.png);
	position:absolute;
	font-size:0;
	line-height:0;
	left:558px;
	top:284px;
}
@keyframes zoomup {
  0%{
   transform: scale(1.0);
  }
  10%{
    transform: scale(1.0)opacity(0);
  }

  100%{
    transform: scale(3.0)opacity(1);
  }
}
@-webkit-keyframes zoomup {
  0%{
    -webkit-transform: scale(1.0);
  }
  10%{
    -webkit-transform: scale(1.0);
  }

  100%{
    -webkit-transform: scale(3.0);
  }
}
@-o-keyframes zoomup {
  0%{
    -o-transform: scale(1.0);
  }
  10%{
    -ms-transform: scale(1.0);
  }

  100%{
    -o-transform: scale(3.0);

  }
}
@-ms-keyframes zoomup {
  0%{
    -ms-transform: scale(1.0);
  }
  10%{
    -ms-transform: scale(1.0);
  }

  100%{
    -ms-transform: scale(3.0);

  }
}
@-moz-keyframes zoomup {
  0%{
    -moz-transform: scale(1.0);
  }
  10%{
    -moz-transform: scale(1.0);
  }

  100%{
    -moz-transform: scale(3.0);

  }
}

/*-- down ---*/
@keyframes zoomdown {
  0%{
   transform: scale(1.0);
  }
  10%{
    transform: scale(1.0);
  }

  100%{
    transform: scale(0.2);

  }
}
@-webkit-keyframes zoomdown {
  0%{
    -webkit-transform: scale(1.0)

  }
  10%{
    -webkit-transform: scale(1.0);
  }

  100%{
    -webkit-transform: scale(0.2);


  }
}
@-o-keyframes zoomdown {
  0%{
    -o-transform: scale(1.0);
  }
  10%{
    -ms-transform: scale(1.0);
  }

  100%{
    -o-transform: scale(0.2);

  }
}
@-ms-keyframes zoomdown {
  0%{
    -ms-transform: scale(1.0);
  }
  10%{
    -ms-transform: scale(1.0);
  }

  100%{
    -ms-transform: scale(0.2);

  }
}
@-moz-keyframes zoomdown {
  0%{
    -moz-transform: scale(1.0);
  }
  10%{
    -moz-transform: scale(1.0);
  }

  100%{
    -moz-transform: scale(0.2);

  }
}

/* --------*/
.zoomup{


/*transition: 2s;
transform: scale(3);

-webkit-transition: 2s;
-webkit-transform: scale(3);

-ms-transition: 2s;
-ms-transform: scale(3);

-o-transition: 2s;
-o-transform: scale(3);

-moz-transition: 2s;
-moz-transform: scale(3);*/
opacity:0;

transition:opacity 2s ease-out;
  animation-name: zoomup;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-fill-mode:forwards;

  -webkit-transition:opacity 2s ease-out;
  -webkit-animation-name: zoomup;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode:forwards;

  -ms-transition:opacity 2s ease-out;
  -ms-animation-name: zoomup;
  -ms-animation-duration: 2s;
  -ms-animation-timing-function: ease-out;
  -ms-animation-fill-mode:forwards;

  -o-transition:opacity 2s ease-out;
  -o-animation-name: zoomup;
  -o-animation-duration: 2s;
  -o-animation-timing-function: ease-out;
  -o-animation-fill-mode:forwards;

  -moz-transition:opacity 2s ease-out;
  -moz-animation-name: zoomup;
  -moz-animation-duration: 2s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-fill-mode:forwards;

}

.zoomdown{

/*transition: 2s;
transform: scale(0.3);

-webkit-transition: 2s;
-webkit-transform: scale(0.3);

-ms-transition: 2s;
-ms-transform: scale(0.3);

-o-transition: 2s;
-o-transform: scale(0.3);

-moz-transition: 2s;
-moz-transform: scale(0.3);*/

opacity:0;

transition:opacity 2s ease-out;
  animation-name: zoomdown;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-fill-mode:forwards;

-webkit-transition:opacity 2s ease-out;
  -webkit-animation-name: zoomdown;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode:forwards;

-ms-transition:opacity 2s ease-out;
  -ms-animation-name: zoomdown;
  -ms-animation-duration: 2s;
  -ms-animation-timing-function: ease-out;
  -ms-animation-fill-mode:forwards;

-o-transition:opacity 2s ease-out;
  -o-animation-name: zoomdown;
  -o-animation-duration: 2s;
  -o-animation-timing-function: ease-out;
  -o-animation-fill-mode:forwards;

-moz-transition:opacity 2s ease-out;
  -moz-animation-name: zoomdown;
  -moz-animation-duration: 2s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-fill-mode:forwards;
}

.main_show{
	opacity:1;
	transition:opacity 1.5s ease-out;
	-webkit-transition:opacity 1.5s ease-out;
	-o-transition:opacity 1.5s ease-out;
	-ms-transition:opacity 1.5s ease-out;
	-moz-transition:opacity 1.5s ease-out;
}