ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#container {
	position:relative;
	min-width:1120px;
	width:100%;
	overflow:hidden;
	display:inline-block;
}

#content {
	left:0;
	top:0;
	width:1060px;
	display:inline-block;
	/* height:4000px; */
	position:fixed;
	/* background-image:url(../images/index/demo-3000.gif); */
}


h3 {
	line-height: 1.4em;
}

/* logo-sub */
#logo-sub {
	position:fixed;
	top:75px;
	left:0;
	z-index:7000;
	display:none;
}


/* header */
#header {
	position:fixed;
	top:0;
	left:0;
	height:53px;
	width:100%;
	border-bottom:#000000 1px solid;
	z-index:9999;
	background-color:#ffffff;
}

#logo-sharp {
	
	position:absolute;
	left:0;
	top:0;
}

#sns-body {
	position:absolute;
	right:0;
	top:0;
	width:260px;
	height:52px;
}
#btn-social {
	position:absolute;
	right:0;
	top:0;
}

#snsBtn {
	display:none;
	position:absolute;
	top:15px;
	right:154px;
	width:104px;
	height:24px;
	overflow:hidden;
}
#snsBtn li {
	float:left;
	margin-left:10px;
}
#snsBtn li a {
	display: inline-block;
}
#snsBtn li a.ft {
}

/* navi */
#navi {
	position:fixed;
	top:360px;
	left:0;
	height:330px;
	width:150px;
	overflow:hidden;
	z-index:7000;
	/* border:#000000 1px solid; */
}
#navi-alpha {
	position:fixed;
	top:0px;
	left:0;
	height:3000px;
	width:150px;
	background-color:#ffffff;
	-ms-filter: "alpha(opacity=80)";
	opacity:0.8;
	z-index:5000;
}
#right-alpha {
	position:fixed;
	top:0px;
	right:0;
	height:3000px;
	width:150px;
	background-color:#ffffff;
	-ms-filter: "alpha(opacity=80)";
	opacity:0.8;
	z-index:5000;
}
#navi-alpha_resize {
	display:none;
	position:fixed;
	top:0px;
	left:0;
	height:3000px;
	width:45px;
	background-color:#ffffff;
	-ms-filter: "alpha(opacity=80)";
	opacity:0.8;
	z-index:5000;
}
#right-alpha_resize {
	display:none;
	position:fixed;
	top:0px;
	right:0;
	height:3000px;
	width:45px;
	background-color:#ffffff;
	-ms-filter: "alpha(opacity=80)";
	opacity:0.8;
	z-index:5000;
}

#navi ul {
	position:absolute;
	left:0;
	top:0;
	z-index:20;

}
#navi li {
	overflow: hidden;
	cursor:pointer;
	width:180px;
	height:40px;
	position:relative;
}
#navi li span {
	display:none;
	position:absolute;
	left:33px;
	bottom:11px;
	color:#808080;
}

#navi-pos6 {
	margin-top:40px;
}

.navi-line {
	display:inline-block;
	margin-top:19px;
	margin-left:20px;
}

#navi-now {
	width:100px;
	height:36px;
	position:absolute;
	left:0;
	top:0;
	z-index:50;
}

.navi-line-now {
	margin-top:18px;
}

#navi-now-text {
	position:absolute;
	left:33px;
	bottom:7px;
	width: 130px;
}

/* subTitle */

#sub-right {
	position:fixed;
	left:0;
	top:53px;
	font-size:48px;
	font-weight:300;
	width: 100%;
	/*
	-ms-filter: "alpha(opacity=80)";
	opacity:0.8;
	*/
	background-color:#ffffff;
	text-align:right;
	z-index:6000;
}
#sub-right span{
	margin-right:20px;
}

/* section-box */
.section-box {
	display:inline-block;
	position:relative;
	padding-top:120px;
	/* overflow:hidden; */
	/* border:#000000 1px solid; */
}
.btn-page-body {
	width:100%;
	height:38px;
	padding-top:24px;
	padding-bottom:32px;
	text-align:center;
}
.btn-scroll {
	display: inline-block;
	margin:0 auto;
}

.sub-section {
	display: inline-block;
}

/* top */
#page-top {
	overflow:hidden;
	height:900px;
	width:1060px;
}

#top-igzo,#top-text {
	-ms-filter: "alpha(opacity=0)";
	opacity:0;
}

#page-top .btn-page-body {
	margin-top:768px;
}


#page-top .title-area {
	position:absolute;
	width:400px;
	height:147px;
	top:120px;
	left:57px;
	z-index:500;
}
#page-top .title-area p {
	margin-top:25px;
	font-weight: 300; 
	font-size:48px;
	letter-spacing: 0.1em;
}

#stage {
	position:absolute;
	top: 175px;
	height:550px;
	width:1060px;
	overflow:hidden;
}

#top-mask-shadow {
	position:absolute;
	bottom:0;
	z-index:200;
}


.stage-image {
	position:absolute;
}

#stage-image-1 {
	z-index:110;
	left:14px;
	top:425px;
}
#stage-image-2 {
	z-index:120;
	left:160px;
	top:434px;
}
#stage-image-3 {
	z-index:130;
	left:353px;
	top:452px;
}
#stage-image-4 {
	z-index:140;
	left:622px;
	top:472px;
}

#stage-image-fin {
	cursor:pointer;
	display:none;
	position:absolute;
	left:116px;
	top:70px;
}


#stagePager {
	display:none;
	position:absolute;
	left:100px;
	top:0px;
	height:520px;
	width:860px;
	z-index:440;
	opacity:0;
	-ms-filter: "alpha(opacity=0)";
}
#stagePager .pager-hidden {
	opacity:0;
	-ms-filter: "alpha(opacity=0)";
	position:absolute;
	top:0;
	left:0;
}


.stage-to-movie {
	display:none;
	position:absolute;
	left:100px;
	top:100px;
	z-index:440;
	opacity:0;
	-ms-filter: "alpha(opacity=0)";
}

/* page-movie */
#page-movie {
	overflow:hidden;
	height:850px;
	width:1060px;
	z-index:9000;
	margin:50px 0;
}
#video-box {
	margin: 0 auto;
}

.video-shadow {
}

.video-headmargin{
	height:50px;
}
.video-footmargin{
	height:30px;
}

#movie-shadow {
	padding-bottom:15px;
}
/* page common */
.slide-image {
	opacity:0;
	-ms-filter: "alpha(opacity=0)";
	position:absolute;
	left:-250px;
}
.slide-image.right {
	left:250px;
}


.slide-image .pager-hidden {
	opacity:0;
	-ms-filter: "alpha(opacity=0)";
	position:absolute;
	top:0;
	left:0;
}

/* page-what */
#page-what {
	width:1060px;
	height: 1580px;
	display:inline-block;
}

#page-what .sub-section {
	width:1060px;
}
#page-what .sub-section.top {
	margin-top:10px;
}
#page-what .sub-section.end {
	margin-top:34px;
	border-top:#000000 1px solid;
}

#page-what .detail-text {
	margin-top:28px;
	float:left;
	width:530px;
	overflow:hidden;
}

#page-what .detail-award {
	float:left;
	width:830px;
	overflow:hidden;
}

#page-what h3 {
	margin-top:16px;
	margin-left:24px;
	font-size:36px;
	font-weight: 300; 
	letter-spacing: 0.1em;
}

#page-what h3.h3-middle {
	
	margin-top:20px;
}

#page-what .detail-image {
	height: 380px;
	position:relative;
	float:left;
	width:530px;
}

#page-what .detail-note-middle {
	font-size:18px;
	font-weight: 300; 
	letter-spacing: 0.1em;
	line-height: 1.8em;
}
#page-what .detail-note-middle.left {
	margin-top:50px;
	margin-left:24px;
}

#page-what .detail-note-small {
	margin-top:10px;
	margin-left:24px;
	font-size:12px;
	color:#333;
	font-weight: 300; 
	letter-spacing: 0.1em;
	line-height: 1.8em;
}

#page-what .detail-note-small2 {
	margin-top:10px;
	font-size:12px;
	color:#333;
	font-weight: 300; 
	letter-spacing: 0.1em;
	line-height: 1.8em;
}


/* page-tech */
#page-tech {
	width:1060px;
	height:3190px;
}


#page-tech .sub-section {
	margin-top:34px;
	width:1060px;
	/* overflow:hidden; */
}
#page-tech .sub-section.top {
	margin-top:10px;
}
#page-tech .sub-section.end {
	margin-top:34px;
	border-top:#000000 1px solid;
}

#page-tech .detail-text {
	float:left;
	width:530px;
	overflow:hidden;
}

#page-tech h3 {
	margin-top:59px;
	margin-left:24px;
	font-size:36px;
	font-weight: 300; 
	letter-spacing: 0.1em;
}
#page-tech h3.h3-middle {
	
	margin-top:27px;
}

#page-tech .detail-image {
	height: 380px;
	position:relative;
	float:left;
	width:530px;
}

#page-tech .detail-note-middle {
	
	font-size:18px;
	font-weight: 300; 
	letter-spacing: 0.1em;
	line-height: 1.8em;
	margin-left:24px;
	margin-top:47px;
}
#page-tech .detail-note-middle.left {
	margin-top:50px;
	margin-left:24px;
}

#page-tech .detail-note-small {
	margin-top:10px;
	margin-left:24px;
	font-size:13px;
	font-weight: 300; 
	letter-spacing: 0.1em;
	line-height: 1.8em;
}



	
.image-box li {
	opacity:0;
	-ms-filter: "alpha(opacity=0)";
	position:absolute;
	left:0;
	top:0;
}


.pager-box {
	margin-top:17px;
	margin-left:178px;
	overflow:hidden;
	width:145px;
	height:15px;
}
.pager-box li {
	float:left;
	margin-right:28px;
}

.thumb-narrow {
	position:relative;
	margin-left:20px;
	float:left;
}

.thumb-narrow.stage1 {
	margin-top: 64px;
}
.thumb-narrow.stage2 {
	margin-top: 59px;
}
.thumb-narrow.stage3 {
	margin-top: 59px;
}

.stage1 .image-box {
	position:relative;
	width:450px;
	height:253px;
}

.stage2 .image-box {
	position:relative;
	width:455px;
	height:256px;
}

.stage3 .image-box {
	position:relative;
	width:456px;
	height:253px;
}

.stage2 .pager-box {
	width:300px;
	margin-left: 144px;
}

.shadow-slide {
	
	margin-top:42px;	
}

.tech-show-mask {
	position:absolute;
	left:0;
	top:0;
	width:460px;
	height:400px;
	background-color:#ffffff;
	width:100%;
	height:100%;
	z-index:900;
}
/* page-future */
#page-future {
	height:1310px;
	width:1060px;
}

#page-future h3 {
	margin-left:24px;
	font-size:36px;
	font-weight: 300; 
	letter-spacing: 0.1em;
	text-align:center;
}


#page-future .detail-note-middle {
	width:900px;
	font-size:18px;
	font-weight: 300; 
	letter-spacing: 0.1em;
	line-height: 1.8em;
	margin:0 auto;
	text-align:left;
	margin-top:58px;
}

#page-future .detail-note-small {
	text-align:center;
	width:900px;
	margin-top:27px;
	margin-left:24px;
	font-size:13px;
	font-weight: 300; 
	letter-spacing: 0.1em;
	line-height: 1.8em;
	margin:0 auto;
}

#future-slide-body {
	overflow:hidden;
	margin-top:33px;
	width:1060px;
	height:308px;
}
#future-slide-center {
	margin:0 auto;
	width:1060px;
	height:308px;
	position:relative;
}
#future-slide-abs {
	
	top:0;
	left:0;
	position:absolute;
	overflow:hidden;
	height:308px;
}

#future-slide-abs img {
	float:left;
	margin-right:75px;
}
#future-slide-abs img.end {
	margin-right:0;
}
.section-box#page-future  {
	overflow: visible;
}

/* page-products */

#page-products {
	width:1060px;
	height:924px;
}

.section-box#page-products  {
	overflow: visible;
}

#page-products h3 {
	margin-left:24px;
	font-size:36px;
	font-weight: 300; 
	letter-spacing: 0.1em;
	text-align:center;
}

#page-products .detail-note-middle {
	width:900px;
	font-size:18px;
	font-weight: 300; 
	letter-spacing: 0.1em;
	line-height: 1.8em;
	margin:0 auto;
	text-align:left;
	margin-top:58px;
}

#page-products .detail-note-small {
	text-align:center;
	width:900px;
	margin-top:27px;
	margin-left:24px;
	font-size:12px;
	font-weight: 300; 
	letter-spacing: 0.1em;
	line-height: 1.6em;
	margin:0 auto;
}

#product-body {
	overflow:hidden;
	position:relative;
	width:1060px;
	height:500px;
}
#product-mask {
	position:absolute;
	width:1060px;
	height:500px;
	background-color:#ffffff;
	z-index:700;
}

#product-body img{
	position:absolute;
}
#product-image-1 {
	left:0;
	bottom: 0;
	z-index:300;
}
#product-image-1-2 {
	left:750px;
	bottom: 0;
	z-index:300;
}
#product-image-2 {
	left:389px;
	bottom: 0;
	z-index:200;
}
#product-image-3 {
	left:50px;
	bottom: 0;
	z-index:100;
}
#product-image-3-2 {
	left:620px;
	bottom: 0;
	z-index:100;
}

/* footer */
#footer {
	position:absolute;
	bottom:0;
	right:0;
	height:30px;
	width:1060px;
	z-index:99999;
}

#footer span {
	float:right;
	margin-right:27px;
	font-size:11px;
	z-index:99999;
}


#link-body {
	position:fixed;
	display:none;
	left:0;
	top:54px;
	height:3000px;
	z-index:9000;
	zoom:1;
}
#link-mask {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#666;
	opacity:0.9;
	-ms-filter: "alpha(opacity=0.9)";
}

.link-container {
	width:1000px;
	overflow:hidden;
}
.link-box {
	clear:both;
	width:1060px;
	overflow:hidden;
	text-align:center;
}
.link-image {
	position:relative;
	text-align:center;
	margin:30px;
	left:135px;
	float:left;
	z-index:10000;
}
.link-text {
	float:left;
	width:650px;
}

#link-close {
	position:absolute;
	top:10px;
	right:10px;
}