@charset "UTF-8";

/* 共通 */
.styleBannerBaseDiv {
	position:relative;/* この指定がないとはみ出たイメージが表示される */
	height:260px; 
	width:860px;
	background:white;
	border:none;
	overflow:hidden;
}

/* インデックス用バナー */
.styleBannerBg {
	position:absolute;
	top:0px;
	height:100%;
	width:100%;
	background:none;
	border:none;
	-webkit-touch-callout: none;
}
.styleBannerCloudBase {
	position:absolute;
	top:0px;
	left:0.5px;
	width:859px;
	height:100%;
	background:none;
	border:none;
	overflow:hidden;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout: none;
}
.styleBannerCloud {
	position:absolute;
	top:50px;
	height:120px;
	width:auto;
	background:none;
	border:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout: none;
}
.styleBannerTown {
	position:absolute;
	top:370px;
	left:0px;
	height:auto; 
	width:100%;
	background:none;
	border:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout: none;
}
/* text1のアニメーション定義 */
@keyframes bound_anime1 {
	0% {
		width:186px;
	}
	50% {
		width:20px;
	}
	100% {
		width:186px;
	}
}
.styleBannerText1 {
	position:absolute;
	top:170px;
	left:880px;
	height:19px; 
	width:186px;
	background:none;
	border:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout: none;
}
/* text2のアニメーション定義 */
@keyframes bound_anime2 {
	0% {
		width:251px;
	}
	50% {
		width:20px;
	}
	100% {
		width:251px;
	}
}
.styleBannerText2 {
	position:absolute;
	top:190px;
	left:880px;
	height:12px; 
	width:251px;
	background:none;
	border:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout: none;
}
.styleBannerMan {
	position:absolute;
	top:145px;
	left:470px;
	height:auto; 
	width:62px;
	background:none;
	border:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout: none;
}
/* weareのアニメーション定義 */
@keyframes rotate_anime {
	0% {
		transform:rotate(0deg);
	}
	100% {
		transform:rotate(360deg);
	}
}
.styleBannerWeareBase {
	position:absolute;
	top:138.25px;
	left:409px;
	background:white;
	border:none;
	overflow:visible;
}
.styleBannerWeare {
	position:absolute;
	top:-13.25px;
	left:-59px;
	height:26.5px; 
	width:118px;
	background:none;
	border:none;
	-webkit-touch-callout: none;
}
.styleBannerBird {
	position:absolute;
	top:300px;
	left:650px;
	height:auto; 
	width:auto;
	background:none;
	border:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout: none;
}
.styleBannerHanabiBg {
	position:absolute;
	top:0px;
	left:0px;
	width:860px;
	height:101%;
	background:#3b3838;
	border:none;
	opacity:0.8;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout: none;
}
.styleBannerHanabiDiv {
	position:absolute;
	top:0px;
	left:450px;
	background:none;
	border:none;
	overflow:visible;
}
.styleBannerHanabi {
	position:absolute;
	top:0px;
	left:0px;
	height:auto; 
	width:auto;
	background:none;
	border:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout: none;
}

/* プロダクト用バナー */
.styleBanner2DrawBase {
	position:absolute;
	width:100%;
	height:100%;
	background:none;
	border:none;
	overflow:hidden;
}
.styleBanner2MenuBase {
	position:absolute;
	top:30px;
	left:730px;
	background:none;
	border:none;
	overflow:visible;
}
.styleBanner2ContentBase {
	position:absolute;
	width:100%;
	height:100%;
	background:none;
	border:none;
	overflow:visible;
}
.styleBanner2MenuImg {
	position:absolute;
	width:130px;
	height:40px;
	background:none;
	border:none;
	pointer-events : auto;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout: none;
}
.styleBanner2ContentImg {
	position:absolute;
	width:100%;
	height:100%;
	background:none;
	border:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout: none;
}
.styleBanner2ContentText {
	position:absolute;
	width:auto;
	height:auto;
	top:20px;
	left:40px;
	background:none;
	border:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout: none;
}
/*
.styleBanner2Title {
	position:absolute;
	top:20px;
	left:60px;
	height:25px;
	font-size:24px;
	color:#8AA8D2;
	font-family:Franklin Gothic Demi Cond, "メイリオ", Meiryo;
	pointer-events : none;
}
.styleBanner2Content {
	position:absolute;
	top:70px;
	left:60px;
	width:380px;
	height:150px;
	font-size:16px;
	color:#333333;
	padding-top:0px;
	padding-left:0px;
	overflow-y:hidden;
	overflow-x:hidden;
	border:none;
	background:none;
	border-radius:0px;
	resize:none;
	pointer-events : none;
	font-family:MS UI Gothic;
}
*/