@charaset "utf-8";
body{
	background-color:rgba(255,255,153,1);
}

#pagebody{
	background-color:#ffffff;
	width:1000px; margin:0 auto;

}

#content{
	width:80%;
	padding:20% 10% 0;
}
#content div{
	border:solid 3px rgba(200,200,203,1);
	margin:30px 0;
	background-color:rgba(255,255,255,0.8);
	position:relative;
}


/*============================================
背景
============================================*/
#back1{
	display:block;
	background-image:
	radial-gradient(at 0% 10%,rgba(200,80,0,1),transparent);
	width:300px;height:1100px;
	position:absolute;
	margin:120px 70px 0;
	color:#ffffff;
}
#back2{
	display:block;
	background-image:
	radial-gradient(at 50% 0%,rgba(250,245,0,1),transparent);
	width:150px;height:970px;
	position:absolute;
	margin:250px 0 0 450px;
}
#back3{
	display:block;
	background-image:
	radial-gradient(at 100% 0%,rgba(53,161,107,1),transparent);
	width:220px;height:1070px;
	position:absolute;
	margin:150px 0 0 700px;
}
#back4{
	position:absolute;
	margin:200px 0 0 700px;
	
}
#back5{
	background-image:
	radial-gradient(at 0% 100%,rgba(120,120,255,0.5),transparent);
	width:860px;height:45%;
	position:absolute;
	margin:120px 70px 0;

}

/*============================================
メインメニュー
============================================*/
#menu {
	position:fixed;
	z-index:5;
	top:0;
	width:98%;
	background-image:
	linear-gradient(rgba(255,255,0,0.5),#99cc00 30%,rgba(0,0,0,0.7));
	border-radius:11px;

}
#menu img {
	width:50px;
	height:50px;
}
#menu li {
	list-style-type:none;		
	float:left;
	background-image:
	linear-gradient(rgba(255,255,0,0.5),#99cc00 30%,rgba(0,0,0,0.7));
	border-radius:11px;

}

#menu li a {
	padding:0 10px;
	text-decoration:none;
	color:#ffffff;
	font-size:35px;
}

#menu li a:hover {
	color:#a0522d;
	background-color:#ffead6;
	border-radius:11px;

}

/*============================================
内容
============================================*/
#kasou {text-align:center;}
#kasou img{
	width:900px;height:500px;
	position:relative;
	right:7%;
 
}
#kasou details summary {
	list-style-type:none;
	cursor:pointer;
	border:double 10px rgba(100,100,100,0.1);
	border-radius:15px;

}
#kasou details summary:hover {
	color:#a0522d;
	background-color:#ffead6;

}
#midasi{background-color:rgba(90,90,200,0.3);}

#setumei {text-align:center;}
#setumei details summary {
	list-style-type:none;
	cursor:pointer;

}
#setumei details summary:hover {
	color:#a0522d;
	background-color:#ffead6;

}
#setumei img:active{
	width:150%;height:150%;
	position:relative;
	right:25%;
}
#setumei1{width:100%;}