@charset "utf-8";
body{
	background-image: url(haikei.gif);
	}
a{
	color: #C33678;
	}
h1{
	color: #C33678;
	padding-bottom: 20px;
}
@media screen and (max-width:640px){
.waku{
	background-color: #FFF;
	padding: 20px;
	margin: 0 auto;
	}
.waku p{
	line-height: 1.6em;
	clear: both;
	padding-bottom: 10px;
	}
	h1{
		font-size: 16px;
	}
	#nav-title{
		background: #D72254;
		color: #FFF;
		padding: 10px;
	}
	h3{ color: #C33678; }
#nav{
	list-style: none;
	padding: 10px;
	margin: 0 0 20px 0;
	border: 1px solid #D72254;
	}
	#nav li{
		border-bottom: 1px dotted #ADADAD;
		margin: 0;
	}
	#nav li a{
		text-decoration: none;
		display: block;
		padding: 5px 10px;
		}
	#nav li a:hover{
		background-color: #EBEBEB;
	}
#nav li:last-child{
	border: none;
}
	img{
		width: 100%;
		height: auto;
	}
#sub-nav{
	background: #D72254;
	color: #FFF;
	padding: 10px 20px;
}
}
@media screen and (min-width:641px){
.waku{
	background-color: #FFF;
	padding: 0;
	width: 800px;
	margin: 0 auto;
	}
	h3{ color: #C33678; }
	h1{
		background: #D72254;
		color: #FFF;
		padding: 40px 10px;
		text-align: center;
	}
.waku p{
	line-height: 1.6em;
	clear: both;
	}
	#nav-box{
		float: left;
		width: 360px;
		margin: 0 0 20px 20px;
	}
	#nav-title{
		background: #D72254;
		color: #FFF;
		padding: 10px;
	}
#content{
	padding: 0 20px 20px 20px;
	clear: both;
}
#nav{
	list-style: none;
	padding: 5px 10px;
	margin: 0 0 20px 0;
	border: 1px solid #D72254;
	}
	#nav li{
		border-bottom: 1px dotted #ADADAD;
	}
	#nav li a{
		text-decoration: none;
		display: block;
		padding: 10px 15px;
		}
	#nav li a:hover{
		background-color: #EBEBEB;
		padding: 10px 15px;
	}
#nav li:last-child{
	border: none;
}
#sub-nav{
	background: #D72254;
	color: #FFF;
	padding: 10px 20px;
}
#nav2,#nav3,#nav4{
	width: 28%;
	float: left;
}
	h2{
		border-bottom: 1px dotted #CCC;
		padding: 20px;
		font-size: 26px;
	}
#img{
	clear: none;
	float: right;
	}
	#img img{
		vertical-align: top;
	}
	#footer{
		padding: 20px;
		background: #D72254;
		color: #FFF;
	}
	#footer a{
		color: #FFF;
	}
}