@charset "utf-8";
/* CSS Document */

body {
	font-family:メイリオ;
    font-size:14px;
	line-height: 18px;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0px;
	color:#FFFFFF;

	}


.header {
	position: fixed;	/* ヘッダーを固定する */
	top: 0px;				/* 上部から配置の基準位置を決める */
	left: 0px;			/* 左から配置の基準位置を決める */
	width: 100%;		/* ヘッダーの横幅を指定する */
	height: 77px;		/* ヘッダーの高さを指定する */
	color: #FFFFFF;		/* ヘッターのフォントの色を指定する */
	background-image:url(img/mn_bg.png);
	background-repeat:repeat-x;
	z-index: 9999;
}
#content{
  padding-top: 60px;
}
#content2{
  padding-top: 1px;
}
#haruka {
   margin-top:-100px;
  padding-top:100px;
}

.footer {
/*	position: fixed;	 ヘッダーを固定する */
	bottom: 0px;
	left: 0px;			/* 左から配置の基準位置を決める */
	width: 100%;		/* ヘッダーの横幅を指定する */
	height: 200px;		/* ヘッダーの高さを指定する */
	color: #FFFFFF;		/* ヘッターのフォントの色を指定する */
	z-index: 9999;
	background-image:url(img/d.gif);
	background-repeat:repeat-x;
	
}

.log {
/*	position: fixed;	 ヘッダーを固定する */
	bottom: 0px;
	left: 0px;			/* 左から配置の基準位置を決める */
	width: 100%;		/* ヘッダーの横幅を指定する */
	height: 200px;		/* ヘッダーの高さを指定する */
	color: #FFFFFF;		/* ヘッターのフォントの色を指定する */
	background-image:url(img/date.png);
	background-repeat:repeat-x;
	z-index: 9999;
}

/* 包装 */
#wrap {
text-align:center;
}

.wrapper {
background-color:#000000;
padding-top : 77px;
background-position:top center;
background-repeat:no-repeat;
background-attachment:fixed;
width: 100%;
}

.contents {
width:1350px;
background-image: url(img/d_bk.png);
background-repeat:repeat;
}
	

#spaces {
	width: 100%;
	height: 50px;
}


a:hover img.overwhite{
opacity:0.6;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=60 )”;
-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.6;              /* Safari 1.x */
}




a:link {font-size:14px; color:silver; text-decoration:none; font-weight:700;}
a:hover {font-size:14px; color:#EEEEEE; text-decoration:underline; font-weight:700;}
a:visited {font-size:14px; color:gray; text-decoration:underline;}

/* 余白  ↑→↓←*/
#Spa5 {
margin:5px 5px 5px 5px;
}
#Spab5 {
margin:0px 0px 5px 0px;
}
#Spatb5 {
margin:5px 0px 5px 0px;
}
.Spatb5 {
margin:5px 0px 5px 0px;
}
#Spa5w {
margin:0px 5px 0px 5px;
}
#Spatb10 {
margin:10px 0px 10px 0px;
}
#Spatb102 {
margin:5px 0px 10px 0px;
}

#Spab10 {
margin:0px 0px 10px 0px;
}
#Spa10w {
margin:0px 10px 0px 10px;
}


.background1 {
  background:url(img/bg01.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  background-attachment:fixed;
  background-color:#000000;
}
.background2 {
  background:url(img/bg02.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  background-attachment:fixed;
  background-color:#000000;
}
.background3 {
  background:url(img/bg03.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  background-attachment:fixed;
  background-color:#000000;
}
.background4 {
  background:url(img/bg04.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  background-attachment:fixed;
  background-color:#000000;
}
.background5 {
  background:url(img/bg05.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  background-attachment:fixed;
  background-color:#000000;
}
.background6 {
  background:url(img/bg06.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  background-attachment:fixed;
  background-color:#000000;
}
.background7 {
  background:url(img/bg07.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  background-attachment:fixed;
  background-color:#000000;
}

.snowfall{	/* エフェクトを表示する為のレイヤーのcss設定 */
width: 100%;
height: 100%;
overflow:hidden;
}


.btn_scl{
cursor : pointer;
}

.pagetop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor : pointer;

}