@charset "UTF-8";

body {

/* http://leaverou.me/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/ をカスタマイズ */
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #cff), color-stop(.25, transparent), to(transparent)),
							-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #cff), color-stop(.25, transparent), to(transparent)),
							  -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #cff)),
			  				  -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #cff));
	background-image: -webkit-linear-gradient(45deg, #cff 25%, transparent 25%, transparent),
							  -webkit-linear-gradient(-45deg, #cff 25%, transparent 25%, transparent),
							  -webkit-linear-gradient(45deg, transparent 75%, #cff 75%),
			  				  -webkit-linear-gradient(-45deg, transparent 75%, #cff 75%);
	background-image: -moz-linear-gradient(45deg, #cff 25%, transparent 25%, transparent),
							  -moz-linear-gradient(-45deg, #cff 25%, transparent 25%, transparent),
							  -moz-linear-gradient(45deg, transparent 75%, #cff 75%),
			  				  -moz-linear-gradient(-45deg, transparent 75%, #cff 75%);
	background-image: -ms-linear-gradient(45deg, #cff 25%, transparent 25%, transparent),
							  -ms-linear-gradient(-45deg, #cff 25%, transparent 25%, transparent),
							  -ms-linear-gradient(45deg, transparent 75%, #cff 75%),
			  				  -ms-linear-gradient(-45deg, transparent 75%, #cff 75%);
	background-image: -o-linear-gradient(45deg, #cff 25%, transparent 25%, transparent),
							  -o-linear-gradient(-45deg, #cff 25%, transparent 25%, transparent),
							  -o-linear-gradient(45deg, transparent 75%, #cff 75%),
			  				  -o-linear-gradient(-45deg, transparent 75%, #cff 75%);
	background-image: linear-gradient(45deg, #cff 25%, transparent 25%, transparent),
							  linear-gradient(-45deg, #cff 25%, transparent 25%, transparent),
							  linear-gradient(45deg, transparent 75%, #cff 75%),
			  				  linear-gradient(-45deg, transparent 75%, #cff 75%);

							-webkit-background-size: 50px 50px;
							-moz-background-size: 50px 50px;
							background-size: 50px 50px;
}

#contents {
	margin: auto;
	padding: 50px;
	width: 800px;
	height: 450px;
	border: solid 1px #663300;
	background-color: #ffffff;
	opacity: 0.6;

}

h1 {
	color: #ccffff;
	font-size: 50px;
	font-family: Georgia, serif;
	line-height: 115%;
	border: solid 1px #ccffff;
	position: absolute;
	top: 200px;
	left: 20px;
	width: 600px;
	height: 350px;
	background-color: #663300;
	opacity: 0.5;
	z-index: 0;
}

ul {
	margin: 0;
	padding:0;
/*	width: 460px;
	height: 380px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;*/
	position: absolute;
	top: 0px;
	left: 550px;
/*	background-color: #ccffff;*/
   opacity: 0.8;
	z-index: 1;

}

li {
	color: #663300;
	font-size: 140px;
	font-family: Georgia, serif;
	font-weight: bold;
	list-style-type: none;
}

li a {
	color: #663300;
	text-decoration: none;
}

li a:hover {
	color: #666666;
}