@charset "utf-8";

/* =======================================

	CommonElements

	======================================= */
	body {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
		font-size: 130%;
		line-height: 160%;
		color: #000;
		text-align: center;
		background: #fff;
		position: relative;
		overflow: hidden;
		visibility: hidden;
	}



	a:link { text-decoration:nderline; color: #0000ff;}
	a:visited { text-decoration:nderline; color: #0000ff;}
	a:active { text-decoration:nderline; color: #0000ff;}
	a:hover { text-decoration:none; color: #0000ff;}

	p {
		padding: 0 0 30px 0;
	}

	h1 {
		padding: 25px 0;
		width: 100%;
		color: #fff;
		font-size: 50px;
		line-height: 1.2em;
		text-align: center;
	}

	h2 {
		top: 0;
		left: 0;
		padding: 20px 0;
		width: 100%;
		background: #0c51a4;
		background:url("../_images/bg_hl.png");
		background-size:cover;
		color: #fff;
		font-size: 26px;
		text-align: center;
		position: absolute;
	}

	h3{
		background: url(../_images/ico_h3.png) no-repeat left top;
		padding-left: 15px;
		font-size: 18px;
		height: 20px;
	}

	/* Copyright */
	h3 {
		font-size: 20px;
		padding-bottom: 20px;
	}

	.cl-b{
		clear:both;
	}

	.m0a{
		margin: 0 auto;
	}


	.pt20{
		padding-top:20px;
	}

	.pt30{
		padding-top:30px;
	}

	.pt40{
		padding-top:40px;
	}

	.mt20{
		margin-top: 20px;
	}

	.fs90{
		font-size:90%;
	}

	.fs100{
		font-size: 100%;
	}

	.rpim{
		margin-top: 20px
	}

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

/* .stageBase
--------------------------- */
.stageBase {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.stageBase .fieldWrap {
	padding: 0 0 0 0;
	text-align: center;
	height:100%;
}
#stage1 {background:#fff;}
#stage2 {background:#eee;}
#stage3 {background:#ddd;}
#stage4 {background:#ccc;}
#stage5 {background:#bbb;}


/* .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(../_images/nav.png) no-repeat center center;
	display: inline-block;
	overflow: hidden;
}
.stageSlide .slideNav a.pnActive {
	background: transparent url(../_images/nav_acv.png) no-repeat center center;
}

/* #pageNav
--------------------------- */
#pageNav {
	top: 0;
	right: 25px;
	width: 15px;
	text-align: center;
	position: fixed;
	z-index: 2;
}
#pageNav ul {
	width: 15px;
	display: block;
}
#pageNav ul li {
	padding-bottom: 5px;
	width: 15px;
	height: 15px;
	display: block;
	overflow: hidden;
}
#pageNav ul li a {
	width: 15px;
	height: 15px;
	background: transparent url(../_images/nav.png) no-repeat center center;
	display: block;
}
#pageNav ul li.activeStage a {
	background: transparent url(../_images/nav_acv.png) no-repeat center center;
}

/* #pageDown
--------------------------- */
#pageDown {
	bottom: 0;
	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/ico_next.png) no-repeat center center;
	display: block;
}

/* sec00 */
.h1bx{
	background: transparent url(../_images/bg00_obi.png);
	background-size: cover;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}

.st1_txt{
	color:#fff;
	font-size:18px;
	line-height: 2em;
	position: relative;
	top: 60%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	text-shadow: 
	0 0 8px #000, 
	0 0 8px #000, 
	0 0 0.40px #000;
}

.bg00{
	background: transparent url(../_images/bg00.png);
	background-size:cover;
}

/* sec01-06 common */
.ctsbx{
	margin: 0 auto;
	width:980px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}

.l_bx{
	width:49%;
	float:left;
	padding-right:2%;
	text-align:left;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}

.r_bx{
	width:49%;
	float:left;
	text-align:left;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}

.l_bx img, .r_bx img{
	max-width: 100%;
}

.ta-c{
	text-align: center;
}

/* sec01 */
.bg01{
	background: transparent url(../_images/bg01.png);
	background-size:cover;
}


/* sec02 */
.bg02{
	background: transparent url(../_images/bg02.png);
	background-size:cover;
}

.bx2{
	padding-top: 0;
}


/* sec03 */
.bg03{
	background: transparent url(../_images/bg03.png);
	background-size:cover;
}


/* sec04 */
.bg04{
	background: transparent url(../_images/bg04.png);
	background-size:cover;
}


/* sec05 */
.bg05{
	background: transparent url(../_images/bg05.png);
	background-size:cover;
}


/* sec06 */
.bg06{
	background: transparent url(../_images/bg06.png);
	background-size:cover;
}

.closebtn{
	position: absolute;
	width:100%;
	top: 95%;
	text-align: center;
}

.closebtn p{
	margin: 0 auto;
}

.spon{
	display: none;
}

@media screen and (max-width: 1024px) {
	body{
		font-size: 100%;
		line-height: 1.2em;
	}
	h1{
		font-size: 24px;
	}
	h2{
		font-size:16px;
		padding:5px;
	}

	h3, h3.fs100{
		font-size: 16px;
		padding-top:5px;
		padding-bottom:5px;
	}

	.st1_txt{
		font-size: 14px;
		line-height: 1.2em;
		top:50%;
	}

	.ctsbx{
		width:85%;
		top:10%;
	}

	.l_bx, .r_bx{
		width:100%;
		position: static;
		top:0;
		-webkit-transform: none; 
		transform:none;
	}

	.l_bx p{
		padding-bottom: 5px;
	}

	.r_bx{
		text-align: left;
	}

	.ctsbx img{
		padding-top:5px;
	}

	.ctsbx img{
		width:20%;
	}
	.smoff{
		display: none;
	}

	.closebtn {
		top:90%;
	}

	.rpim{
		margin-top: 0;
		margin-left:20px;
		display:inline;
	}

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 480px) {
	.ctsbx{
		width:85%;
		top:14%;
		padding-right: 25px;
	}

	.st1_txt{
		top:60%;
	}
	.spoff{
		display: none;
	}

	.spon{
		display: block;
	}

	.ctsbx img{
		width:40%;
	}

	body{
		font-size: 110%;
		line-height: 1.2em;
	}

	h1{
		font-size:18px;
	}

	.st1_txt{
		font-size: 16px;
		line-height: 1.2em;
		width:80%;
		margin: 0 auto;
		text-align: left;
	}

	h2{
		font-size: 20px;
		line-height: 24px;
	}

	h3{
		font-size:100%;
		line-height:1.2em;
		background: url(../_images/ico_h3.png) no-repeat left middle;
		padding-left: 15px;
		padding-top: 5px;
		height: 40px;
	}

	h3.fs100{
		font-size: 100%;
	}

	.bx2{
		padding: 10px 0 0 0;
	}


}

@media screen and (max-width: 320px) {

}