@charset "utf-8";

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
 
#container {
    width: 100%;
    height: 100%;
    display: block;
}
 
.cnt {
    padding: 20px;
    border: 2px dotted #009;
    font-size: 24px;
    color: #333;
    background-color: gray;
}




body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	background:url(../kurofu_img/back1.jpg) fixed; 
	margin:0;
	padding:0;
    height:4950px; 
	
}

#wrapper{
	position:fixed;
	width:100%;
	height: 100%;
}


#content{
	background-color:#fff;
	width:960px;
	margin:0 auto;
/*	height: auto !important; */
}



header{

}


a img {
	border: none;
}



ul{
	list-style:none;
	margin:0 0 20px;
	padding:0 0 20px;
	}

li{
	float:left;
}

.comment{
	padding-top:25px;
	padding-bottom:10px;
	border-bottom:#8C50C8 5px dotted;
	width:920px;
	margin: 0 auto;	
}

.center1{
	margin: 0 auto;
	width:920px;
}

.left1{
	float:left;
	width: 653px;
	padding-left: 10px;
	padding-top:20px;
}

.right1{
	float:right;
	padding: 30px 30px 0 0;
}


footer{
	clear:both;
	background-color:#8C50C8;
	border-top:2px #F03296 solid;
	height:50px;
	width:100%;
}

#footermenu {
  padding:10px;
  margin:0;
  background-color:#8C50C8;
}

#footermenu li {
  float:left;
  padding:0;
  margin:0;
}



/* modal window */

.overlay{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
display: none;
}

.modal{
display: none;
background:#eee;
padding:0 20px 20px;
overflow:auto;
z-index:1001;
position:absolute;
width: 500px;
min-height: 300px;
}



/* parallax */


#camerajosi{
	margin:0 auto;
	width:920px;
	z-index:0;
	background:url(../kurofu_img/top_jaspers.jpg) no-repeat center top fixed;
	height:646px;
	background-position-y: 100px;
}

#camerajosi a {
	clear: both;
	float: left;
	height: 300px;
	width: 400px;
	visibility:hidden;
}


.head1{
	z-index:2;
	position:relative;
	border-bottom:#F03296 3px solid;
	height:180px;
}


#road{
width: 960px;
height: 2799px;
z-index: 3;
/*top: 830px;*/
background: url('../kurofu_img/road.jpg') no-repeat center top transparent;
position: absolute;
}

#btn1{
	position:absolute;
	z-index:5;
	top:3px;
	left:-1px;
}

#photo1{
	position:absolute;
	z-index:11;
	top:23px;
	left:180px;
}

#photo2{
	position:absolute;
	z-index:12;
	top:63px;
	left:353px;
}

#photo3{
	position:absolute;
	z-index:13;
	top:73px;
	left:694px;
	width:215px;
}

#photo4{
	position:absolute;
	z-index:14;
	top:358px;
	left:473px;
	width:201px;
}

#photo5{
	position:absolute;
	z-index:15;
	top:402px;
	left:180px;
}

#photo5-2{
	position:absolute;
	z-index:16;
	top:310px;
	left:33px;
}

#text5 {
z-index: 16;
top: 510px;
left: 5px;
width: 170px;
position: absolute;
	}


#photo6{
	position:absolute;
	z-index:16;
	top:682px;
	left:20px;
}

#photo6-2{
	position:absolute;
	z-index:17;
	top:727px;
	left:268px;
	text-align:right;
	width:307px;
}


#photo7{
	position:absolute;
	z-index:17;
	top:795px;
	left:200px;
}

#photo8{
	position:absolute;
	z-index:18;
	top:795px;
	left:597px;
	width:300px;
}

#photo8-2{
	position:absolute;
	z-index:19;
	top:750px;
	left:700px;
}

#photo9{
	position:absolute;
	z-index:19;
	top:1130px;
	left:575px;
}

#photo9-2{
	position:absolute;
	z-index:20;
	top:1172px;
	left:635px;
}


#photo10{
	position:absolute;
	z-index:10;
	top:1223px;
	left:215px;
}

#photo10-2{
	position:absolute;
	z-index:20;
	top:1141px;
	left:129px;
}

#text10{
	width: 200px;
	top: 1360px;
	left: 14px;
	z-index: 22;
	position: absolute;
}


#photo11{
	position:absolute;
	z-index:11;
	top:1495px;
	left:-7px;
}

#photo11-2{
	position:absolute;
	z-index:20;
	top:1448px;
	left:511px;
	width:434px;
}

#photo12{
	position:absolute;
	z-index:12;
	top:1795px;
	left:477px;
}

#photo13{
	position:absolute;
	z-index:13;
	top:2014px;
	left:477px;
}

#photo13-2{
	position:absolute;
	z-index:20;
	top:1950px;
	left:698px;
}

#photo14{
	position:absolute;
	z-index:14;
	top:2018px;
	left:101px;
	width:300px;
}

#photo14-2{
	position:absolute;
	z-index:20;
	top:1936px;
	left:87px;
}

#photo15{
	position:absolute;
	z-index:15;
	top:2405px;
	left:20px;
}

#photo15-1{
	position:absolute;
	z-index:20;
	top:2343px;
	left:20px;
}

#photo15-2{
	position:absolute;
	z-index:20;
	top:2495px;
	left:321px;
}

#text15{
	width: 200px;
	height: 250px;
	top: 2622px;
	left: 282px;
	z-index: 25;
	position: absolute;
}


#photo16{
	position:absolute;
	z-index:16;
	top:2512px;
	left:509px;
}

#photo16-2{
	position:absolute;
	z-index:20;
	top:2411px;
	left:694px;
	width:258px;
}

#jaspers{
position: absolute;
top: 3700px;
margin: 0px auto;
background-color: #fff;
}

footer{
position: absolute;
bottom: 0px;
top: 4900px;
}


/*
Back to top button 
*/
#back-top {
    position: fixed;
    bottom: 50px;
    right: 3%;}
#back-top span {
    width: 66px;
    height: 60px;
    display: block;}