@charset "utf-8";




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

	// 基本設定　共通利用Class

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

html {
	 height:100%;
	 overflow-y:scroll;/* 縦スクロールバー強制表示 */
}

body {
	background-color: #ffffff;
  -webkit-animation: bg-color 10s infinite;
	font: 12px/1.231 "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	-webkit-text-size-adjust: 100%;
	height: 100%;
	color: #454545;
}

/*==========================================================================================
  animation: bg-color 10s infinite;

@-webkit-keyframes bg-color {
  0% { background-color: #ffffff; }
  20% { background-color: #f5f5f5; }
  40% { background-color: #fff8ef; }
  60% { background-color: #fff6f6 }
  80% { background-color: #f5f5f5; }
  100% { background-color: #ffffff; }
}
@keyframes bg-color {
  0% { background-color: #ffffff; }
  20% { background-color: #f5f5f5; }
  40% { background-color: #fff8ef; }
  60% { background-color: #fff6f6 }
  80% { background-color: #f5f5f5; }
  100% { background-color: #ffffff; }
}
==========================================================================================*/

a {
	color: #848484;
}

a:hover { 
	filter: alpha(opacity=80);  /*IE用*/
	-moz-opacity:0.80;          /*Firefox・Netscape用*/
	opacity:0.80;               /*Opera・Safari */
	zoom:1;
}


h1, h2, h3, h4, h5, h6 { line-height: 1;}

p { line-height: 1.4; }


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

	// clear ClearFix

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


.clearFix { zoom: 100%; }

.clearFix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}



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

	// hoverAlpha imgタグにつけて透過

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


.hoverAlpha:hover {
	filter: alpha(opacity=65);  /*IE用*/
	-moz-opacity:0.65;          /*Firefox・Netscape用*/
	opacity:0.65;               /*Opera・Safari */
	zoom:1;
}



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

	// header

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

#wrapper {
	background: url(../images/bg_header) top center repeat-x;
	position: absolute;
	width:100%;
	overflow:hidden;
	min-height: 100%;
}
header {
	margin: 0px auto 6px;
	width: 940px;
	
	
}
header h1 {
	margin: 0px auto ;
	padding: 30px;
	height: 100px;
	text-align: center;
}
header #gnavi-1 {
	width: 940px;
	margin: 0px;
}

header #gnavi-1 ul {
	margin: auto auto 0px;
	width: 617px;
}

header #gnavi-1 li {
	float: left;
}

#container {
	width: 100%;
}





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

	// container

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

/*==
#container {
	background: url(../images/bg_body_02.png) top center no-repeat;

}
==*/

h2 {
	margin: 0px auto;
	width: 940px;
	border-top: #00a29a 1px solid;
	padding: 20px 0px;
	text-align: center; 
}

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

	// page top

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


#pageTop {
	display: block;
    margin:20px auto;
    text-align: right;
    width: 990px;
	
}

#snow_canvas {
    z-index: 30000000000000;
	position: relative;
	top: 0;
	left: 0;
	height : 1100px;
}