@charset "utf-8";

/*-------------------------------------*/

#wrap {
	padding-bottom: 10px;
}
#header {
/*	margin-bottom: 30px;*/
/*	margin-left: 0px;
	margin-right: auto;
	width: 100px;
	text-align: left;*/

}
h1 {
	font-size: 100%;
	line-height: 1.3;
	text-align: center;
	padding-top: 30px;
}
h1 a {
	color: #000;
	text-decoration: none;
	
}
h1 a:hover {
	text-decoration: underline;
}
#article {
	width: 500px;
	margin-left: auto;
	margin-right: 10px;
}

div.section {
	background: #fff;
	padding: 20px;
	/*height: 600px;*/
	height: 800px;
	margin-bottom: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
 	background: rgba(0,0,0,0.1);
}
div.section h2 {
	font-size: 100%;
}
#top {
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 100px;
	position: fixed;
	list-style: none;
	/*border: 2px solid #FFFFFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/
 	background: rgba(255,255,255,0.3);
}
#nav {
	z-index: 1;
	top: 600px;
	left: 20px;
	position: fixed;
	list-style: none;
	/*border: 2px solid #FFFFFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/
 	background: rgba(255,255,255,0.3);
}
#nav li a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	width: 140px;
	display: block;
	padding: 10px;
	text-align: center;
	font-size: medium;
}
#nav li a:hover {
	background: #E3E3E3;
}

#nav li:first-child a:hover {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}
#nav li:last-child a:hover {
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

/* 背景画 */
.bg {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

@media screen and (max-width: 460px){
	#nav, #vline { display: none }
	#mouse-img { visibility: hidden }
}

#bg0 { background: url(img/0.jpg) center center / cover no-repeat; height: 100vh; }
#bg1 { background: url(img/1.jpg) center center / cover no-repeat; height: 100vh; }
#bg2 { background: url(img/2.jpg) center center / cover no-repeat; height: 100vh; }
#bg3 { background: url(img/3.jpg) center center / cover no-repeat; height: 100vh; }
#bg4 { background: url(img/4.jpg) center center / cover no-repeat; height: 100vh; }
#bg5 { background: url(img/5.jpg) center center / cover no-repeat; height: 100vh; }
#bg6 { background: url(img/6.jpg) center center / cover no-repeat; height: 100vh; }
#bg7 { background: url(img/7.jpg) center center / cover no-repeat; height: 100vh; }
#bg8 { background: url(img/8.jpg) center center / cover no-repeat; height: 100vh; }
#bg9 { background: url(img/9.jpg) center center / cover no-repeat; height: 100vh; }
#bg10 { background: url(img/10.jpg) center center / cover no-repeat; height: 100vh; }
#bg11 { background: url(img/11.jpg) center center / cover no-repeat; height: 100vh; }
#bg12 { background: url(img/12.jpg) center center / cover no-repeat; height: 100vh; }
#bg13 { background: url(img/13.jpg) center center / cover no-repeat; height: 100vh; }
#bg14 { background: url(img/14.jpg) center center / cover no-repeat; height: 100vh; }
#bg15 { background: url(img/15.jpg) center center / cover no-repeat; height: 100vh; }
#bg16 { background: url(img/16.jpg) center center / cover no-repeat; height: 100vh; }
#bg17 { background: url(img/17.jpg) center center / cover no-repeat; height: 100vh; }
#bg18 { background: url(img/18.jpg) center center / cover no-repeat; height: 100vh; }
#bg19 { background: url(img/19.jpg) center center / cover no-repeat; height: 100vh; }
#bg20 { background: url(img/20.jpg) center center / cover no-repeat; height: 100vh; }
#bg21 { background: url(img/21.jpg) center center / cover no-repeat; height: 100vh; }
#bg22 { background: url(img/22.jpg) center center / cover no-repeat; height: 100vh; }
#bg23 { background: url(img/23.jpg) center center / cover no-repeat; height: 100vh; }
#bg24 { background: url(img/24.jpg) center center / cover no-repeat; height: 100vh; }
#bg25 { background: url(img/25.jpg) center center / cover no-repeat; height: 100vh; }
#bg26 { background: url(img/26.jpg) center center / cover no-repeat; height: 100vh; }
#bg27 { background: url(img/27.jpg) center center / cover no-repeat; height: 100vh; }
#bg28 { background: url(img/28.jpg) center center / cover no-repeat; height: 100vh; }
#bg29 { background: url(img/29.jpg) center center / cover no-repeat; height: 100vh; }
#bg30 { background: url(img/30.jpg) center center / cover no-repeat; height: 100vh; }
#bg31 { background: url(img/31.jpg) center center / cover no-repeat; height: 100vh; }
#bg32 { background: url(img/32.jpg) center center / cover no-repeat; height: 100vh; }
#bg33 { background: url(img/33.jpg) center center / cover no-repeat; height: 100vh; }
#bg34 { background: url(img/34.jpg) center center / cover no-repeat; height: 100vh; }
#bg35 { background: url(img/35.jpg) center center / cover no-repeat; height: 100vh; }
#bg36 { background: url(img/36.jpg) center center / cover no-repeat; height: 100vh; }
#bg37 { background: url(img/37.jpg) center center / cover no-repeat; height: 100vh; }
#bg38 { background: url(img/38.jpg) center center / cover no-repeat; height: 100vh; }
#bg39 { background: url(img/39.jpg) center center / cover no-repeat; height: 100vh; }
#bg40 { background: url(img/40.jpg) center center / cover no-repeat; height: 100vh; }
#bg41 { background: url(img/41.jpg) center center / cover no-repeat; height: 100vh; }
#bg42 { background: url(img/42.jpg) center center / cover no-repeat; height: 100vh; }
#bg43 { background: url(img/43.jpg) center center / cover no-repeat; height: 100vh; }
#bg44 { background: url(img/44.jpg) center center / cover no-repeat; height: 100vh; }
#bg45 { background: url(img/45.jpg) center center / cover no-repeat; height: 100vh; }
#bg46 { background: url(img/46.jpg) center center / cover no-repeat; height: 100vh; }
#bg47 { background: url(img/47.jpg) center center / cover no-repeat; height: 100vh; }
#bg48 { background: url(img/48.jpg) center center / cover no-repeat; height: 100vh; }
#bg49 { background: url(img/49.jpg) center center / cover no-repeat; height: 100vh; }
#bg50 { background: url(img/50.jpg) center center / cover no-repeat; height: 100vh; }
#bg51 { background: url(img/51.jpg) center center / cover no-repeat; height: 100vh; }
#bg52 { background: url(img/52.jpg) center center / cover no-repeat; height: 100vh; }
#bg53 { background: url(img/53.jpg) center center / cover no-repeat; height: 100vh; }
#bg54 { background: url(img/54.jpg) center center / cover no-repeat; height: 100vh; }
#bg55 { background: url(img/55.jpg) center center / cover no-repeat; height: 100vh; }
#bg56 { background: url(img/56.jpg) center center / cover no-repeat; height: 100vh; }
#bg57 { background: url(img/57.jpg) center center / cover no-repeat; height: 100vh; }
#bg58 { background: url(img/58.jpg) center center / cover no-repeat; height: 100vh; }
#bg59 { background: url(img/59.jpg) center center / cover no-repeat; height: 100vh; }
#bg60 { background: url(img/60.jpg) center center / cover no-repeat; height: 100vh; }
#bg61 { background: url(img/61.jpg) center center / cover no-repeat; height: 100vh; }
#bg62 { background: url(img/62.jpg) center center / cover no-repeat; height: 100vh; }
#bg63 { background: url(img/63.jpg) center center / cover no-repeat; height: 100vh; }
#bg64 { background: url(img/64.jpg) center center / cover no-repeat; height: 100vh; }
#bg65 { background: url(img/65.jpg) center center / cover no-repeat; height: 100vh; }
#bg66 { background: url(img/66.jpg) center center / cover no-repeat; height: 100vh; }
#bg67 { background: url(img/67.jpg) center center / cover no-repeat; height: 100vh; }
#bg68 { background: url(img/68.jpg) center center / cover no-repeat; height: 100vh; }
#bg69 { background: url(img/69.jpg) center center / cover no-repeat; height: 100vh; }
#bg70 { background: url(img/70.jpg) center center / cover no-repeat; height: 100vh; }
#bg71 { background: url(img/71.jpg) center center / cover no-repeat; height: 100vh; }
#bg72 { background: url(img/72.jpg) center center / cover no-repeat; height: 100vh; }
#bg73 { background: url(img/73.jpg) center center / cover no-repeat; height: 100vh; }
#bg74 { background: url(img/74.jpg) center center / cover no-repeat; height: 100vh; }
#bg75 { background: url(img/75.jpg) center center / cover no-repeat; height: 100vh; }
#bg76 { background: url(img/76.jpg) center center / cover no-repeat; height: 100vh; }
#bg77 { background: url(img/77.jpg) center center / cover no-repeat; height: 100vh; }
#bg78 { background: url(img/78.jpg) center center / cover no-repeat; height: 100vh; }
#bg79 { background: url(img/79.jpg) center center / cover no-repeat; height: 100vh; }
#bg80 { background: url(img/80.jpg) center center / cover no-repeat; height: 100vh; }
#bg81 { background: url(img/81.jpg) center center / cover no-repeat; height: 100vh; }
#bg82 { background: url(img/82.jpg) center center / cover no-repeat; height: 100vh; }
#bg83 { background: url(img/83.jpg) center center / cover no-repeat; height: 100vh; }
#bg84 { background: url(img/84.jpg) center center / cover no-repeat; height: 100vh; }
#bg85 { background: url(img/85.jpg) center center / cover no-repeat; height: 100vh; }
#bg86 { background: url(img/86.jpg) center center / cover no-repeat; height: 100vh; }
#bg87 { background: url(img/87.jpg) center center / cover no-repeat; height: 100vh; }
#bg88 { background: url(img/88.jpg) center center / cover no-repeat; height: 100vh; }
#bg89 { background: url(img/89.jpg) center center / cover no-repeat; height: 100vh; }
#bg90 { background: url(img/90.jpg) center center / cover no-repeat; height: 100vh; }
#bg91 { background: url(img/91.jpg) center center / cover no-repeat; height: 100vh; }
#bg92 { background: url(img/92.jpg) center center / cover no-repeat; height: 100vh; }
#bg93 { background: url(img/93.jpg) center center / cover no-repeat; height: 100vh; }
#bg94 { background: url(img/94.jpg) center center / cover no-repeat; height: 100vh; }
#bg95 { background: url(img/95.jpg) center center / cover no-repeat; height: 100vh; }
#bg96 { background: url(img/96.jpg) center center / cover no-repeat; height: 100vh; }
#bg97 { background: url(img/97.jpg) center center / cover no-repeat; height: 100vh; }
#bg98 { background: url(img/98.jpg) center center / cover no-repeat; height: 100vh; }
#bg99 { background: url(img/99.jpg) center center / cover no-repeat; height: 100vh; }
#bg100 { background: url(img/100.jpg) center center / cover no-repeat; height: 100vh; }
#bg101 { background: url(img/101.jpg) center center / cover no-repeat; height: 100vh; }
#bg102 { background: url(img/102.jpg) center center / cover no-repeat; height: 100vh; }
#bg103 { background: url(img/103.jpg) center center / cover no-repeat; height: 100vh; }
#bg104 { background: url(img/104.jpg) center center / cover no-repeat; height: 100vh; }
#bg105 { background: url(img/105.jpg) center center / cover no-repeat; height: 100vh; }
#bg106 { background: url(img/106.jpg) center center / cover no-repeat; height: 100vh; }
#bg107 { background: url(img/107.jpg) center center / cover no-repeat; height: 100vh; }
#bg108 { background: url(img/108.jpg) center center / cover no-repeat; height: 100vh; }
#bg109 { background: url(img/109.jpg) center center / cover no-repeat; height: 100vh; }
#bg110 { background: url(img/110.jpg) center center / cover no-repeat; height: 100vh; }
#bg111 { background: url(img/111.jpg) center center / cover no-repeat; height: 100vh; }
#bg112 { background: url(img/112.jpg) center center / cover no-repeat; height: 100vh; }
#bg113 { background: url(img/113.jpg) center center / cover no-repeat; height: 100vh; }
#bg114 { background: url(img/114.jpg) center center / cover no-repeat; height: 100vh; }

/*セクションスクロール*/
div.example {
	padding: 20px;
	height: 800px;
	width: 500px;
	margin-left: auto;
	margin-right: 20px;
	margin-top: 30px;
/*	margin-bottom: 20px;
	border-radius: 10px;
	background: #fff;
*/
 	background: rgba(255,255,255,0.3);
  	overflow: auto;
}

hr {
width: 100%;
/*margin-bottom: 15px;*/
}

/* ロゴ */
hr.rogo {
margin-left: 0;
text-align: left;
background-color: gray;
}

div.rogo {
	height: 100px;
	width: 600px;
	margin-right: 0px;
}

img.rogo {
	margin-left: 10px;
	margin-right: auto;
	margin-bottom: 10px;
}

/*
.v_line_fix {
  margin-left: 130px;
  width: 2px;
  height: 100%;
background-color: black;
}
*/