@charset "utf-8";
body{
	background-image:url(../img/bg_top.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	background-attachment:scroll;
	background-size:auto;
}

a:link{
	color:#000000;
	text-decoration:none;
}
a:visited{
	color:#000000;
	text-decoration:none;
}
a:active{
	color:#000000;
	text-decoration:underline;
}
a:hover{
	color:#000000;
	text-decoration:underline;
	background-color:#eaf9fc;
}

header{
	width:960px;
	margin:0px auto;
	text-align:center;
}

header h1{
	width:960px;
	height:auto;
	margin:0px auto;
}

header nav ul{
	display:inline-block;
	width:auto;
	margin:1em auto;
	padding:0em 1em;
	border-style:solid;
	border-width:2px 0px 2px 0px;
	border-color:#45c8e3;
	list-style-type:none;
}

header nav ul li{
	display:inline-block;
}

header nav ul li a{
	display:block;
	padding:0.5em 1em;
}


/* ----- 画面サイズ：960px未満 ----- */
@media screen and (max-width:960px)
{
	body{
		background-size:100% auto;
	}
	header, header h1, header h1 img{
		width:100vw;
	}

}