html, body {
width: 100%;
height: 100%;
/*overflow: hidden;*/
}
#wrapper, #top {
width: 100%;
height: 100%;
}



h1 img{
position: absolute;
margin: -400px 0 0 -375px;
padding:0;
top: 50%;
left: 50%;
width: 800px;
height: 750px;
}



h2.top {
position: absolute;
margin: -80px 0 0 0;
top: 50%;
left: 40px;
width: 30px;    
height: 160px;
z-index:12;
}


/*footer#gfoot*/
footer {
width:100%;
position: fixed;
height: 12px;
bottom: 40px;
text-align:center;
}


/* slide */
#controls-wrapper {
height: 11px;
top: 40px;
background: none;
}
ul#slide-list {
padding: 0;
}
ul#slide-list li a {
width: 10px;
height: 11px;
text-indent: -9999em;
background: url(../img/tip_slider.png) no-repeat right top;
}
ul#slide-list li a:hover {
background-position: 0 0;
}


/* about */

#aboutus {
margin:200px 0 0 0;
}


#about {
margin: 0 auto;
padding: 0;
width: 960px;
}

#about h2.about {
margin: 0 auto;
padding: 0 0 25px 0;
text-align:center;
width: 960px;
}

#about h3.about {
margin: 0 auto;
padding: 0 0 64px 0;
text-align:center;
width: 960px;
}

#about p.lead_left {
font-size:13px;
margin: 0 60px 30px 0;
line-height: 2;
width: 450px;
text-align: justify;
float:left;
}

#about p.lead_right {
font-size:13px;
margin: 0 0 72px 0;
line-height: 2;
width: 450px;
text-align: justify;
float:left;
}

/* product */

#product {
margin: 200px auto 200px auto;
padding: 0;
width: 960px;
clear:both;
}

#product h2.product {
margin: 0 auto;
padding: 0 0 25px 0;
text-align:center;
width: 960px;
}

#product h3.product {
margin: 0 auto;
padding: 0 0 64px 0;
text-align:center;
width: 960px;
}

#product ul {
margin: 0 0 0 0;
width: 960px;
}

#product ul li {
margin: 0 0 0 0;
padding:0;
width: 320px;
height:320px;
text-align:center;
float:left;
}

#product ul li img {
margin: 30px;
}

#product ul li img a {
z-index:2000;
}

#product ul li div {
margin: -16px 0 0 0;
padding: 0 10px;
font-size:13px;
line-height:1.65;
text-align:center;
}

#product ul li:nth-child(odd){
background:#e5e5e5;
}

#product ul li:nth-child(even){
background:#d4dee5;
}

/* onlone */

#online {
margin: 0 auto 200px auto;
padding: 0;
width: 960px;
}

#online h2.online {
margin: 0 auto;
padding: 0 0 25px 0;
text-align:center;
width: 960px;
}

#online h3.online {
margin: 0 auto;
padding: 0 0 64px 0;
text-align:center;
width: 960px;
}

#online p.lead_all {
font-size:13px;
margin: 0 0 30px 0;
line-height: 2;
width: 960px;
text-align: justify;
}

#online p.lead_all_en {
font-size:13px;
margin: 0 0 0 0;
line-height: 2;
width: 960px;
text-align: justify;
}


/* onlone */

#mail {
margin: 0 auto 200px auto;
padding: 0 0 0 0;
width: 960px;
}

/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#mail {
padding: 0 0 200px 0;
  }
}

#mail h2.mail {
margin: 0 auto;
padding: 0 0 25px 0;
text-align:center;
width: 960px;
}

#mail h3.mail {
margin: 0 auto;
padding: 0 0 64px 0;
text-align:center;
width: 960px;
}

#mail p.lead_all {
font-size:13px;
margin: 0 0 30px 0;
line-height: 2;
width: 960px;
text-align: justify;
}

#mail p.lead_all_en {
font-size:13px;
margin: 0 0 0 0;
line-height: 2;
width: 960px;
text-align: justify;
}

#slide {
margin-bottom: 100px;
}

#bg-slide {
clear:both;
position: relative;
width: 100%;
height: 320px;
text-indent: -9999em;
background: url(../img/scroll/img_scroll01.jpg) repeat-x 0 0;
}


/* About */
.expose {
display:none;
position:absolute;
left:0;
top:0;
z-index:9999;
width:100%;
height:100%;
text-align:center;
}


.slider {
z-index:-99;
float:left;

}

.slider ul.slides {
position:relative;
top:-100px;
left:-300px;
}

.section {
position:relative;
top:42%;
right:-11%;
width:640px;
margin:0 auto;
}
.sectionInner {
position:absolute;
padding:0;
float:right;
z-index:5;
}
.section h3 {
width:440px;
font-size:20px;
padding-bottom:20px;
text-align:left;
float:right;
letter-spacing: 0.0575em;
}
.section p {
width:440px;
padding-bottom:16px;
font-size:13px;
line-height:1.75;
text-align:left;
float:right;
letter-spacing: 0.0575em;
}
.section p.number {
font-weight:bold;
font-size:16px;
line-height:1.75;
}

.section p.price strong {
font-weight:bold;
font-size:16px;
line-height:1.95;
}

.section dl.infoList {
padding-left:112px;
font-size:12px;
text-align:left;
}

.section dl.infoList dd {
margin:-1.2em 0 0 0;
padding:0 0 1.2em 9em;
font-size:12px;
}

.section dl.infoList dd a {
color:#585858;
}

.section dl.infoList dd strong {
color:#000;
font-size:20px;
line-height:0;
}


/* button */


 p.buy {

}

 p.buy a {
font-weight:bold;
padding:50px 10px;
color:#fff;
font-size:13px;
line-height:1.75;
margin: 0 0;
padding: 13px 0 12px;
width: 260px;
letter-spacing: 0.0575em;

}

a.gBtn, a.gBtn:link, a.gBtn:hover, a.gBtn:active, a.gBtn:visited {
color: #ffffff;
text-decoration: none;
}

.gBtn {
background: none repeat scroll 0 0 #000;
color: #ffffff !important;
cursor: pointer;
display: block;
font-size: 13px;
font-weight:bold;
padding: 11px 0 8px;
position: relative;
text-align: center;
z-index: 1;
}

/* button */

 p.buy_center {

}

 p.buy_center a {
font-weight:bold;
padding:50px 10px;
color:#fff;
font-size:13px;
line-height:1.75;
margin: 42px auto 200px auto;
padding: 13px 0 12px;
width: 260px;
letter-spacing: 0.0575em;

}


.expose a.button.close {
display:block;
position:fixed;
top:30px;
right:30px;
z-index:9999;
width:53px;
height:53px;
background:url(../common/img/btn_close.png) no-repeat 100% 0;
text-indent:-99999px;
overflow:hidden;
}

.overlay {
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
background:#e5e5e5;
}



#slide2 {
	width: 100%;
	height: 385px;
	position: relative;
	background: #000;
	overflow: hidden;
}
#slide2 .loop_slide ul li {
	list-style: none;
}
#slide2 .loop_slide ul li img {
	margin: 0;
	padding: 0;
	border: none;
}

/* スライドコントロールボタン */
#slide2 .slide_prev {
	position: absolute;
	top: 165px;
	left: 35px;
	z-index: 4;
}
#slide2 .slide_next {
	position: absolute;
	top: 165px;
	right: 35px;
	z-index: 4;
}


ol.flex-control-nav ,ul.flex-direction-nav {
	display:none;
}