/* 全体の位置決め */

*{
    margin:0;
    padding:0;
}

body{
	background-repeat ;            /* 背景を繰り返えす */
   background-position: 50% 50%;            /* 背景画像の位置は画面中央 */
   background-attachment:fixed;             /* 背景画像を固定する */
    
    width:16000px;
    position:absolute;
     top:0px;
    left:0px;
    bottom:0px;

font-family:cursive;sans-serif;

font-size:14px;line-height:1.2;font-weight:bold;color:darkkhaki;

}
.bab{width:2000px; float:left;height:100%;

   }

a{ text-decoration: none; } a:link { color: #333333;} a:visited{color: #333333;} a:hover{color: #808080;} a:active{color: #008000;}

/* メニュー位置決め */
.bab ul{
    list-style:none;
   margin:150px 120px;
}


li{width:100px;
		heigh: auto;
		padding: 2px ;
		margin: 5px;
		background-color: rgba(220,220,220,0.4);
		border-radius: 10px;
		-webkit-box-shadow: 10px 10px 10px #696969;
		box-shadow: 5px 5px 5px #696969;
		font-saze:9px;
		font-weight: bold;
		text-align: center;
                text-transform:capitalize;

 list-style:none;
z-index: 6;}


/* タイトル・記事の位置決め */


.kiji{width:300px;font-size:23px ;line-height:1.5;font-weight:900;color:#800000;text-shadow: 5px 5px 5px #000;z-index: 6;}


#gado-k{position:absolute;top:400px;left:600px;color:#800000;font-size:23px;text-shadow: 10px 10px 10px #000;}

#nancy-2{position:absolute;top:170px;left:2300px;}
#nancy-3{position:absolute;top:20px;left:2800px;}

#rio-2{position:absolute;top:170px;left:4300px;}
#rio-3{position:absolute;top:20px;left:4800px;}

#mon-2{position:absolute;top:170px;left:8300px;}
#mon-3{position:absolute;top:20px;left:8900px;}

#mai-2{position:absolute;top:170px;left:10300px;}
#mai-3{position:absolute;top:20px;left:10800px;}

/* スクロール値*/
.yoko {
    margin: 0;
     position: fixed;
    right: 20px;
    top: 10px;
}

.kotei{ position: fixed;}

#tori{top:-20px;left:100px;}
#taiyou{top:-30px;left:100px;}
#nami-1{bottom:-5px;left:0px;z-index: 4;}
#nami-3{bottom:-10px;left:0px;z-index: 2;}
#yotto{bottom:30px;left:0px;z-index: 3;}
#sima{bottom:20px;left:1100px;z-index: 1;}
#sakana{bottom:20px;left:650px;z-index: 3;}
#kujira{bottom:20px;left:900px;z-index: 3;}
#tako{bottom:20px;left:450px;z-index: 3;}

#txtlzr{position:absolute;top:250px;left:500px;color:#800000;font-size:23px;text-shadow: 10px 10px 10px #000;width: 600px;height: 280px;}

/* 全体の設定*/
.gado{
	padding-top:50px;
	margin:20px;
	clear:both;
	display:block;
}

a{
	color:#000;
	text-decoration:none;
}


.gado{
	float:left;
	font-family: 'Bevan', arial, serif;
	font-size:70px;
	line-height:70px;
	color:#ff0000;
	margin-right:5px;
	text-transform:uppercase;
}


.gado a{
	display:block;
	position:relative;
	float:left;
	clear:both;
	color:#fff;
}


.gado a > span{
	height:150px;
	float:left;
	position:relative;
	overflow:hidden;
}


.gado a span span{
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	text-align:center;
}


/* 元の時の文字色 */

.gado a span span.sl-w1{
	color:darkkhaki;
	text-shadow:2px 2px 2px #000;
	z-index:2;
}


.gado a{
	margin:15px;
}

/* 個別の位置・文字*/
#gado1{

position:absolute;top:105px;left:280px;	font-family:Georgia, arial, serif;
 font-size:100px;
	line-height:150px;color:transparent;	
}

#gado2{
position:absolute;top:20px;left:2280px;	font-family:Georgia, arial, serif;

}

#gado3{
position:absolute;top:20px;left:4280px;
	font-family:Georgia, arial, serif;	
}

#gado4{

position:absolute;top:20px;left:6280px;	font-family:Georgia, arial, serif;
}

#gado5{

position:absolute;top:20px;left:8280px;	font-family:Georgia, arial, serif;font-size:50px;
	line-height:50px;	
}

#gado6{

position:absolute;top:20px;left:10280px;	font-family:Georgia, arial, serif;
	font-size:50px;
	line-height:50px;
}

#gado7{
position:absolute;top:20px;left:12280px;
	font-family:Georgia, arial, serif;
	
}


/* 個別の文字大きさースパン*/
.gado a#gado5 > span{
	height:150px;
}


.gado a#gado5 > span{
	height:50px;
}

.gado a#gado6 > span{
	height:50px;
}


/* 個別の変わった時の色*/
.gado a#gado1 span span.sl-w2{
	color:#ff516f;
	text-shadow:2px 2px 2px #99162c; 	z-index:3;
}

.gado a#gado2 span span.sl-w2{
	color:#fbb1be;
	text-shadow:0px 2px 1px #e71b70;
	z-index:3;
}

.gado a#gado3 span span.sl-w2{
	color:#6ac6cc;
	text-shadow:0px 0px 1px #6ac6cc;
	z-index:3;
}

.gado a#gado4 span span.sl-w2{
	color:#ba968a;
	text-shadow:1px 1px 1px #a78276, 0px 0px 5px #fff;
 	z-index:3;
}

.gado a#gado5 span span.sl-w2{
	color:darkkhaki;
	text-shadow:0px 0px 4px #648e5f;
	z-index:3;
}

.gado a#gado6 span span.sl-w2{
	color:darkkhaki;
	text-shadow:0px 1px 2px #99162c;
	z-index:3;
}

.gado a#gado7 span span.sl-w2{
	color:#ff516f;
	text-shadow:0px 1px 2px #99162c;
	z-index:3;
}