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

*{
	margin:0;
	padding:0;
}

#wrapper {
	background:#FFF;
	font-family: Meiryo;
}

		/*メニューここから*/
			
	.dropmenu{
		*zoom: 1;
		list-style-type: none;
		width: 100%;
		margin:  0;
		padding: 0;
	}
		
	.dropmenu:before, .dropmenu:after {
		content: "";
		display: table;
	}
	
	.dropmenu: after {
		clear: both;
	}
	
	.dropmenu li {
		positin:relative;
		width : 25%;
		float: left;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	.dropmenu li a {
		display:block;
		margin: 0;
		padding: 15px  0  11px;
		background: #8a9b0f;
         color: #fff;
		 font-size:14px;
		 line-height: 1;
		 text-decoration::none;
	}
	
	.dropmenu li ul {
		list-style: none;
		position: absolute;
		z-index: 9999;
		top: 100%;
		left: 0;
		margin: 0;
		padding: 0;
	}
	
	.dropmenu li ul li {
		width: 100%;
	}
	
	.dropmenu li ul li a {
		padding: 13px 15px;
		boder-top: 1px solid  #7c8c0e;
		background:#6e7c0c;
		text-align: left;
	}
	
	.dropmenu li a:hover >a {
		background:#6e7c0c;;
	}
	.dropmenu li a:hover{
		background:#616d0b;
	}
		
	/*ここまでがプレーンなもの*/

	
#fade-in2 li ul {
	  opacity: 0;
	  top: 50%;
	  visibility: hidden;
	  transition: .5s;
	}

	#fade-in2 li:hover ul{
	  top: 100%;
	  visibility: visible;
	  opacity: 1;
	}
	
	/*ボタンのオプション部分*/
	
	
	
#top {
	width:1428px;
	height:800px;
	background:url(../images/illustration/top_back.jpg);
}

#about {
    width:1428px;
	height:800px;
	background:url(../images/illustration/about_back.jpg);
}

#art {
    width:1428px;
	height:800px;
	background:url(../images/illustration/art_back2.jpg);　
	
}

#illustration {
    width:1428px;
	height:800px;
	background:url(../images/illustration/illustration_back2.jpg);
}

#link {
    width:1428px;
	height:800px;
	background:url(../images/illustration/link_back2.jpg);
}

#name{
	width:1428px;
	height:30px;
	background:#A9C52B;
	text-align:center;
	margin:10px,0,0,0;
	}
	
/*topに戻るボタン*/	
.pagetop {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 50px;
}
.pagetop a {
    display: block;
    background-color:#A52A2A;
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    padding: 40px 20px;
}
 
.pagetop a:hover {
    
    background-color:#50A62B ;
    text-align: center;
    color:#fff ;
    font-size: 18px;
    text-decoration: none;
    padding:40px 20px;
}
/*topに戻るボタンここまで*/	


/*topのイメージ*/	
.top_0{
	width: 307px;
	height::300px;
	position: absolute;
	top: 71px;
	left: 61px;
	height: 253px;
	}

.top_1{
	width: 368px;
	height::300px;
	position: absolute;
	top: 237px;
	left: 180px;
	height: 253px;
	}

.top_2{
	width: 255px;
	height::300px;
	position: absolute;
	top: 69px;
	left: 550px;
	}
	
	.top_3{
	width: 300px;
	height::300px;
	position: absolute;
	top: 491px;
	left: 344px;
	}
	
	.top_4{
	width:300px;
	height::300px;
	position:absolute;
	top: 370px;
	left:120px;
	}

.top_5{
	width:300px;
	height::300px;
	position:absolute;
	top: 400px;
	left:40px;
	}
	
	.top_6{
	width:276px;
	height::300px;
	position:absolute;
	top: 100px;
	right:100px;
	}
	.top_7{
	width:300px;
	height::300px;
	position:absolute;
	top: 500px;
	right:300px;
	}
	
	.top_8{
	width: 300px;
	height::300px;
	position: absolute;
	top: 391px;
	right: 20px;
	height: 96px;
	}
	
.lion{
	width: 263px;
	height: 398px;
	position: absolute;
	top: 1212px;
	left: 303px;
		}



.box_1{
	width:800px;
	height:350px;
	background:rgba(0,255,0,0.1);
	margin-left:30px;/*
	margin-top:200px;*/
	padding-left:50px;
	padding-top:40px;
	}
	
	.box_2{
	width:800px;
	height:400px;
    background:rgba(255,0,0,0.1);
	display: table;
	position:absolute; 
	margin-left:30px;
	margin-top:180px;
	padding-left:50px;
	padding-top:70px;
}
	
	.box_3{
	width: 650px;
	height: 438px;
	background: rgba(0,0,255,0.1);
	display: table;
	position: absolute;
	margin-left: 30px;
	margin-top: 200px;
	padding-left: 50px;
	padding-top: 70px;
}