@charset "utf-8";


@media screen and (min-width:480px) { 
	/*　画面サイズが480px以下の場合、ここのスタイルを読み込む　*/
.Cont{
	padding-top:15%;
}
.Lcont{
	margin:25px 0 0 20px;
}
.Lcont p.ProductName{
	padding:15px 10px 20px 10px;
}
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	/*　画面サイズが768px～1024pxの間は、ここのスタイルを読み込む　*/
.Cont{
	padding-top:15%;
}
.Lcont{
	margin-top:25px;
}
.Lcont p.ProductName{
	padding:25px 0 20px 0;
}
}

@media screen and (min-width:1024px) {
	/*　画面サイズが1024px以上の場合、ここのスタイルを読み込む　*/
.Cont{
	width:80%;
	height:100%;
	margin:2% auto;
	padding-top:5%;
	padding-bottom:5%;
}
.Lcont{
	margin-top:20px;
}
.Lcont p.ProductName{
	padding:20px 0;
}
}

body {	overflow:hidden;
}

#stage1 , .fieldWrap , #wide {
	height:100%;
	width:100%;
}
td#p001{
	background-image:url(../../images/S-s.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:33%;
}
td#p002{
	background-image:url(../../images/S-l.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:33%;
}
td#p003{
	background-image:url(../../images/L-a.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:33%;
}
.Wblock{
	margin:100% 0 30% 0;
	background-color:rgba(255,255,255,0.8);
	width:100%;
	color: #000;
	z-index:2;
}
.Wblock p.ProductName{
	padding:30px 0 10px 0;
}
.Wblock p.topCap{
	padding:0 0 20px 0;
}
.Lcont{
	float:left;
	text-align:left;
}
p.ProductCap{
	padding:20px 0 10px 0;
	line-height:140%;
	color:#e62288;
	font-size:120%;
}
.ProductName{
	padding:30px 0 10px 0;
	font-size:160%;
	font-weight:bold;
	color:#e62288;
}
p.ProductName span{
	font-size:200%;
}
p.ProductNotes{
	color:#e62288;
	font-size:80%;
	line-height:120%;
}
p.PPCap{
	padding:20px 0 10px 0;
	line-height:140%;
	color:#e62288;
	font-size:100%;
}
.Rcont{
	text-align:left;
	position:absolute;
	bottom:10%;
	right:10%;
}
table.CompanyProfile{
	margin:30px 0 0 0;
	color:#e62288;
}
p.Detail{
	line-height:120%;
	color:#000;
	margin-bottom:5%;
}
p.Detail span{
	font-size:80%;
	line-height:120%;
}
p.orders{
	color:#FFF;
	text-align:center;
	padding:1% 0;
}
p.price{
	color:#FFF;
	text-align:center;
	padding:1% 0;
}
span.biger{
	font-size:120%;
}

.title{
	padding:0 0 20px 0;
	font-size:160%;
	color:#000;
}
.titleTab{
	padding:0 0 10px 0;
	font-size:160%;
	color:#000;
}
.title span{
	font-size:70%;
}



/* #container
--------------------------- */
#container {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	z-index: 1;
}

/* .stageBase
--------------------------- */
.stageBase {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.stageBase .fieldWrap {
	text-align: center;
}
#stage1 {
	background-color:#fff;
}
#stage2 {
	background-image:url(../../images/S-s_bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	background-color:#fff;
}
#stage3 {
	background-image:url(../../images/S-l_bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	background-color:#fff;
}
#stage4 {
	background-image:url(../../images/L-a_bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	background-color:#fff;
}
#stage5 {
	background-color:#fff;
}
#stage6 {
	background-color:#fff;
}


/* .stageSlide　横スライド用ボタン
--------------------------- */
.stageSlide {
	position: relative;
	overflow: hidden;
	visibility: hidden;
}
.stageSlide .slideWrap {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
}
.stageSlide .slideWrap:before,
.stageSlide .slideWrap:after {
	content: " ";
	display: table;
}
.stageSlide .slideWrap:after {clear: both;}
.stageSlide .slideWrap {*zoom: 1;}

.stageSlide .slidePanel {
	float: left;
	overflow: hidden;
}

.stageSlide .sdPrev,
.stageSlide .sdNext {
	margin-top: -25px;
	top: 50%;
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	z-index: 99;
}
.stageSlide .sdPrev {
	left: 80px;
	background: transparent url(../../images/slide_prev.png) no-repeat left top;
}
.stageSlide .sdNext {
	right: 80px;
	background: transparent url(../../images/slide_next.png) no-repeat left top;
}

.stageSlide .slideNav {
	bottom: 70px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 98;
}
.stageSlide .slideNav a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	background: transparent url(../../../jQueryOnePageScroll/img/nav.png) no-repeat center center;
	display: inline-block;
	overflow: hidden;
}
.stageSlide .slideNav a.pnActive {
	background: transparent url(../../../jQueryOnePageScroll/img/nav_acv.png) no-repeat center center;
}

/* #pageNav　ページ用ボタン
--------------------------- */
#pageNav {
	top: 0;
	right: 5%;
	width: 15px;
	text-align: center;
	position: fixed;
	z-index: 2;
}
#pageNav ul {
	width: 100%;
	display: block;
}
#pageNav ul li {
	padding-bottom: 10px;
	width: 15px;
	height: 15px;
	display: block;
	overflow: hidden;
}
#pageNav ul li a {
	width: 15px;
	height: 15px;
	background: transparent url(../../images/A-net_sideBtn.png) no-repeat center center;
	display: block;
}
#pageNav ul li.activeStage a {
	background: transparent url(../../images/A-net_sideBtn_a.png) no-repeat center center;
}

/* #pageDown
--------------------------- */
#pageDown {
	bottom: 5%;
	left: 0;
	width: 100%;
	height: 40px;
	text-align: center;
	position: fixed;
	overflow: hidden;
	z-index: 3;
}
#pageDown a {
	margin: 0 auto;
	width: 30px;
	height: 30px;
	background: transparent url(../../images/next_arw.png) no-repeat center center;
	display: block;
}