@charset "UTF-8";


#wrapper {
	width: 100%;
	background: url(../img/top/bg.jpg) repeat-x top center;
	z-index: 10;
}
	
/* メイン
---------------------------------*/
	
#wrapper #main {
	width: 100%;
	background: url(../img/top/cloud.png) repeat-x top center;
	z-index: 20;
}
#wrapper #main #visual {
	margin: 0 auto;
	width: 980px;
	height: 420px;
	position: relative;	
	z-index: 30;
	padding-top:60px;
}
#wrapper #main #visual p {
	position: absolute;
	top: 15px;
	right: 10px;
}

#wrapper #main #visual .mesasge {
	margin: 0 auto;
	width:460px;
	background: #fff;
	padding:40px;
}
#wrapper #main #visual .mesasge strong {
	font-weight: bold;
	font-size: 138%;
	display: block;
	margin-bottom: 15px;
	color: #f96a6a;
	letter-spacing: 1px;
}
#wrapper #main #visual .mesasge span {
	color: #52b4e5;
}

/* フッター
---------------------------------*/

#wrapper #footer {
	clear: both;
	width: 100%;
	margin-top: 20px;
}
#wrapper #footer .pagetop p a {
	color: #333;
}
#wrapper #footer .pagetop p a:hover {
	color: #ffa51f;
}
#wrapper #footer #footnav {
	width: 100%;
	background-color:#ecf5fa;
}
#wrapper #footer #footnav ul {
	width: 980px;
	margin: 0 auto;
	overflow:hidden;
	_zoom:1;
	border-right: 1px solid #c2ddeb;
}
#wrapper #footer #footnav ul li {
	float: left;
	width: 195px;
	text-align: center;	
	border-left: 1px solid #c2ddeb;
}
#wrapper #footer #footnav ul li a {
	color: #333;
	width: 194px;
	display: block;
	padding:20px 0;	
	background-color:#ecf5fa;
}
#wrapper #footer #footnav ul li a:hover {
	color: #333;
	background-color: #dceffa;
}
#wrapper #footer #copyright {
	width: 100%;
	background-color:#333;
}
#wrapper #footer #copyright p {
	letter-spacing: 0.5px;
	text-align: right;
	color: #fff;
	font-size: 84%;	
	padding: 20px 0;
	width: 980px;
	margin: 0 auto;
}