

body{
	background-color:lightcyan;
	width:100%；
	height:100vh；
	font-size:normal;
	font-Family:monospace,serif,sans-serif;
}

a:link    {color: #ffffff;}
a:visited {color: #fff;}
a:hover   {color: #c9c;}
a:active  {color: #fff;}

#expb{
	position:fixed;
	top:0px;
	width:84vw;
	height:150px;
	margin-left:-5px;
	z-index:99;
}

#exhead{
	position:fixed;
	top:20px;
	color:#ffffff;
	font-family:meiryo;
	font-size: 25px;
	font-weight: bold;
	margin-left:140px;
	z-index:88; 
}

#select{
	position:fixed;
	top:122px;
	font-color:#fff;
	font-family:meiryo;
	font-size:13px;
	margin-left:120px;
	z-index:100;
}


#sty10{
	position:absolute;
	top:151px;
	width:15%; height:200px;
	background-color:maroon;   /*paleturquoise;くすみぶるー色*/
        font-color:gold;
	font-family:meiryo;
	font-size: 14px;
	margin-left:-5px; 	
	padding:10px;	
}

#sty10a{
	position:fixed;
	top:280px;
	width:18%; height:1000px;
	                                   /*background-color:maroon;  paleturquoise;くすみぶるー色*/
        font-color:gold;
	font-family:meiryo;
	font-size: 14px;
	margin-left:-5px; 	
	padding:0px;	
}
                                            
#sty11{
	position:absolute;
	top:355px;
	width:15%; height:200px;
	background-color:maroon;   /*paleturquoise;くすみぶるー色*/
        font-color:gold;
	font-family:meiryo;
	font-size: 14px;
	margin-left:-5px; 	
	padding:10px;		
}
#sty20{
	position:absolute;
	top:370px;
	width:15%; height:200px;
	background-color:olive;   /*paleturquoise;くすみぶるー色*/
        font-color:maroon;
	font-family:meiryo;
	font-size: 15px;
	margin-left:-5px; 	
	padding:10px;	
}

#sty21{
	position:fixed;
	top:230px;
	width:13.2%; height:450px;
	background-color:olive;   /*paleturquoise;くすみぶるー色*/
             font-color:;
	font-family:meiryo;
	font-size: 13px;
	margin-left:-5px; 	
	padding:20px;
}

#expmo100{
	position:absolute;
	top:230px;
	width:60%; height:60200px;
	border:2px #ccc solid;
	background-color:lightcyan;   /*paleturquoise;くすみぶるー色*/
        font-color:navy;
	font-family:meiryo;
	font-size: 16px;
	line-height:130%; 	
	margin-left:231px;	
	padding:30px;
             overflow-wrap:normal;
}

#animmoji{
	position:absolute;
	top:151px;
	width:12%; height:200px;
	background-color:black;   /*paleturquoise;くすみぶるー色*/
        font-color:gold;
	font-family:meiryo;
	font-size: 14px;
	margin-left:30px; 	
	padding:30px;		
}


#animmoji1{
	position:absolute;
	top:151px;
	width:12%; height:200px;
	background-color:black;   /*paleturquoise;くすみぶるー色*/
        font-color:gold;
	font-family:meiryo;
	font-size: 14px;
	margin-left:270px; 	
	padding:30px;		
}


#animmoji2{
	position:absolute;
	top:151px;
	width:12%; height:200px;
	background-color:;   /*paleturquoise;くすみぶるー色*/
        font-color:gold;
	font-family:meiryo;
	font-size: 14px;
	margin-left:510px; 	
	padding:30px;		
}

#animmoji3{
	position:absolute;
	top:151px;
	width:200px; height:240px;
	background-color:aqua;   /*paleturquoise;くすみぶるー色*/
        font-color:gold;
	font-family:meiryo;
	font-size: 14px;
	margin-left:750px; 	
	padding:10px;		
}

#expa{
	position:fixed;
	top:0px;
	width:100%;
	height:300px;
	margin-left:-5px;
	z-index:100;
}

#exhead10{
	position:fixed;
	top:15px;
	color:#ffffff;
	font-family:meiryo;
	font-size: 10px;
	font-weight: bold;
	margin-left:440px;
	z-index:88; 
}

#expb{
	position:fixed;
	top:0px;
	width:100%;
	height:130px;
	margin-left:-50px;
	z-index:99;
}

#expsty{
	position:fixed;
	top:580px;
	margin-left:1200px; 
}



#exhead{
	position:fixed;
	top:20px;
	color:#ffffff;
	font-family:meiryo;
	font-size: 25px;
	font-weight: bold;
	margin-left:240px;
	z-index:88; 
}

#expmoji{
	position:absolute;
	top:146px;
	center;
	width:60%; height:10200px;
	border:2px #ccc solid;
	background-color:lightcyan;   /*paleturquoise;くすみぶるー色*/
        font-color:navy;
	font-family:meiryo;
	font-size: 16px;
	line-height:130%; 	
	margin-left:160px;	
	padding:30px;
             overflow-wrap:normal;
}


#expmoji0{
	position:absolute;
	width:300px; height:500px;
	background-color:lightcyan;   /*paleturquoise;くすみぶるー色*/
        font-color:navy;
	font-family:meiryo;
	font-size: 16px;
             margin-right:4000px;   
	padding:0px;
}

#expmoji2{
	position:absolute;
	top:151px;
	width:63%; height:4200px;
	border:3px #ccc solid;
	background-color:black;                          /* lightblue;*/
        font-color:gold;
	font-family:meiryo;
	font-size: 16px;
	line-height:200%; 	
	margin-left:150px;
	/*margin-right:200px;*/
	padding:20px;
}

#kdomoji{
	position:absolute;
	top:153px;
	width:60%; height:6200px;
	border:2px #ccc solid;
	background-color:lightcyan;   /*paleturquoise;くすみぶるー色*/
        font-color:gold;
	font-family:meiryo;
	font-size: 16px;
	line-height:130%; 	
	margin-left:200px;
	padding:30px;
}


#peta{
	position:absolute;
	top:151px;
	width:1000px;
	border:2px #ccc solid;
	height:4200px;
	line-height:150%;
	padding:30px;
	margin-left:300px;
}

#petah{
	position:fixed;
	top:105px;
	font-size:15px;
	margin-left:-150px;
	z-index:103; 
}

#petaz{
	position:fixed;
	top:131px;
	font-size:15px;
	margin-left:-220px;
	z-index:103; 
}

#op{	
	position:absolute;
	top:240px;
	left:175px;
	width:1020px;
	height:4200px;
	z-index:55;
}
.op1{
	position:absolute;
	top:500px;
             margin-left:250px;
             opacity:0.5;
}

#op2{
	background-color:#000;
	position:absolute;
	top:153px;
	left:175px;
	width:1010px;
	height:4200px;
	z-index:66;
}



#select2{
	position:fixed;
	top:105px;
	font-color:#fff;
	font-family:meiryo;
	font-size:12px;
	margin-left:200px;
	z-index:100;
}


#cont1-1{
	position:absolute;
	top:500px;
	background-color:#ffffff;
	width: 60%; 
	height:20px;
	margin-left:230px;
	margin-right:200px;
	z-index:150;
}   

#expsty{
	position:fixed;
	top:580px;
	margin-left:0px; 
}

#expsty1{
	position:fixed;
	top:151px;
	width: 200px;
	height:5000px;
	border:0px #ccc solid;
	font-color:aqua;
	margin-left:00px; 
}

#expsty2{
	background-color:black;
	position:fixed;
	top:100px;
	width: 220px; 
	height:5000px;
	font-color:aqua;
	margin-left:880px;
	padding:20px; 
}


#expsty3{
	position:fixed;
	top:160px;
	font-color:aqua;
	margin-left:1120px; 
}

#hantoumei{
	opacity:0.5;        /********opacity:0.5； 画像の濃淡を制御する????
}
                      
#style1{
	position:fixed;
	top:161px;
	margin-left:-5px;
	padding:5px;
	font-family:meiryo;
	font-size: 16px; 
	font-weight: 300;
	color:#00ffff;   /********文字色を制御する****************/
	background-color:navy; /********文字のＢＫ色を制御する****************/
	　　　　　　　　/********opacity:0.5； 画像の濃淡を制御する????********/
	width:200px; height:730px;
}

 /******************************************************************************************/

.blink  {
	-webkit-animation: blink 2s ease  infinite;
	animation: blink  2s ease  infinite;
}

@-webkit-keyframes blink { 
	0%  {opacity:  0; } 100% { opacity: 3; }

}

@keyfframes blink {
	0%  {opacity:  0; } 100% { opacity: 3; }

}




















