html,body{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}
body{
	background-color:#81BEF7;
}
#main{
	border:10px ridge #61210B;
	width:1200px;
	height:900px;
	margin:0 auto;
	position: relative;
	background-image: url("../image/background.png");
	background-repeat: no-repeat;
}
div#contents{
	position: relative;
	left:198px;
	top:95px;
}
div#iframe{
	position: absolute;
	padding-bottom:20px;
}
iframe{
	background-color: #FFFFFF;
}

/*-- カーテン --*/
div#curtain_left{
	position: absolute;
	width:402px;
	height:505px;
	float:left;
	z-index:100;
	background-color: #FE2E2E;
	background-image:
	-moz-linear-gradient(top, 
	rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 30%, transparent 30%, transparent 33%,
	rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.5) 40%, transparent 40%, transparent 80%,
	rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.3) 96%, transparent 96%, transparent 100%), 
	-moz-linear-gradient(left, 
	rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 30%, transparent 30%, transparent 33%,
	rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.5) 40%, transparent 40%, transparent 80%,
	rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.3) 96%, transparent 96%, transparent 100%);
 
	background-image:
	-webkit-linear-gradient(top, 
	rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 30%, transparent 30%, transparent 33%,
	rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.5) 40%, transparent 40%, transparent 80%,
	rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.3) 96%, transparent 96%, transparent 100%), 
	-webkit-linear-gradient(left, 
	rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 30%, transparent 30%, transparent 33%,
	rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.5) 40%, transparent 40%, transparent 80%,
	rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.3) 96%, transparent 96%, transparent 100%);
 
	background-image:
	linear-gradient(to bottom, 
	rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 30%, transparent 30%, transparent 33%,
	rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.5) 40%, transparent 40%, transparent 80%,
	rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.3) 96%, transparent 96%, transparent 100%), 
	linear-gradient(to right, 
	rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 30%, transparent 30%, transparent 33%,
	rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.5) 40%, transparent 40%, transparent 80%,
	rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.3) 96%, transparent 96%, transparent 100%);
 
	-moz-background-size: 50px 50px;
	-webkit-background-size: 50px 50px;
	background-size: 50px 50px;
	box-shadow: 12px 0px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

div#curtain_right{
	position: absolute;
	right:395px;
	width:402px;
	height:505px;
	float:right;
	z-index:100;
	background-color: #FE2E2E;
	background-image:
	-moz-linear-gradient(top, 
	rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 30%, transparent 30%, transparent 33%,
	rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.5) 40%, transparent 40%, transparent 80%,
	rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.3) 96%, transparent 96%, transparent 100%), 
	-moz-linear-gradient(left, 
	rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 30%, transparent 30%, transparent 33%,
	rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.5) 40%, transparent 40%, transparent 80%,
	rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.3) 96%, transparent 96%, transparent 100%);
 
	background-image:
	-webkit-linear-gradient(top, 
	rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 30%, transparent 30%, transparent 33%,
	rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.5) 40%, transparent 40%, transparent 80%,
	rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.3) 96%, transparent 96%, transparent 100%), 
	-webkit-linear-gradient(left, 
	rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 30%, transparent 30%, transparent 33%,
	rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.5) 40%, transparent 40%, transparent 80%,
	rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.3) 96%, transparent 96%, transparent 100%);
 
	background-image:
	linear-gradient(to bottom, 
	rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 30%, transparent 30%, transparent 33%,
	rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.5) 40%, transparent 40%, transparent 80%,
	rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.3) 96%, transparent 96%, transparent 100%), 
	linear-gradient(to right, 
	rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 30%, transparent 30%, transparent 33%,
	rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.5) 40%, transparent 40%, transparent 80%,
	rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.3) 96%, transparent 96%, transparent 100%);
 
	-moz-background-size: 50px 50px;
	-webkit-background-size: 50px 50px;
	background-size: 50px 50px;
	box-shadow: -12px 0px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
/*-- ----- --*/


div#under_menu{
	text-align:center;
	padding:0px 20px 20px 20px;
	position: relative;
	top:600px;
	left:100px;
}

div#logo{
	float:left;
	width:350px;
	height:150px;
	top: 80px;
	left: 110px;
	position: relative;

}

div#logo p{
	background-color: #fff;
	border: 2px solid;
	color: rgba(255, 0, 0, 0.5);
	font-size: 50px;
	font-weight: bold;
	margin: 20px 0;
	padding: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

div#logo p a{
	text-decoration: none;
	color: rgba(255, 0, 0, 0.5);
	text-shadow: 5px 3px rgba(0, 0, 255, 0.5);

}
/*-- メニューボタン --*/
div#menu{
	float:left;
	margin:0 auto;
	position: relative;
	top: 35px;
	left: 104px;
}
ul#steps{
	list-style:none;
}
ul#steps li{
	padding-bottom:4px;
}
ul #step_2{
	padding-left:26px;
}
ul #step_3{
	padding-left:52px;
}
ul #step_4{
	padding-left:78px;
}

.button{
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 13px 16px;
	margin: 0;
	cursor: pointer;
	border: 1px solid #57a957;
	overflow: visible;
	font: bold 16px arial, helvetica, sans-serif !important;
	text-decoration: none !important;
	white-space: nowrap;
	color: #fff !important;
	background-color: #62c462;
	background-image: linear-gradient(top, rgba(255,255,255,.3), 
					 rgba(255,255,255,0)),
					url(data:image/png;base64,iVBORw0KGg[...]QmCC);
	transition: background-color .2s ease-out;
	background-clip: padding-box; /* Fix bleeding */
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
							0 2px 2px -1px rgba(0, 0, 0, .5),
							0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	width:100px;
	height:20px;
	margin:2px 0px;
}
 
.button:hover{
	background-color: #81F781;
	color: #fff;
}
 
.button:active{
	background: #62c462;
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}

/*-- ----- --*/