body{
	-webkit-text-size-adjust:100%;
	margin:0;
}
img{
	max-width:100%;
	height:auto;
	display:block;
}
/* 320〜767pxの指定（SP,NetBook） */
@media screen and (min-width:320px){
	body{
		background-image:url('./img/bg_body.jpg');
		background-repeat:no-repeat;
		background-position:right bottom;
		/*background-attachment:fixed;*/
		background-size:cover;
	}
	h1{
		margin:0 auto;
		width:300px;
		height:100px;
		background-image:url('./img/logo.png');
		background-repeat:no-repeat;
		background-position:center;
	}
	h1 span{
		display:none;
	}
	#main{
		background-color:rgba(212,249,255,0.7);
		padding:1em;
		margin:0 1em;
	}
	h2{
		font-size:140%;
		font-family:serif;
		letter-spacing:0.1em;
		color:#074ace;
		margin:0;
		padding:0.2em;
		border-bottom:dotted 3px #2b9de9;
	}
	h2:before{
		content:"＊";
	}
	p{
		margin:0.5em 0 2em 0;
		font-size:90%;
		line-height:1.6em;
	}
	#footer{
		font-size:80%;
		color:#074ace;
		letter-spacing:0.1em;
		height:40px;;
	}
	#footer p{
		margin:0;
		line-height:40px;
		text-align:center;
	}
}
/* 768〜1023pxの指定（Tablet,PC） */
@media screen and (min-width:768px){
	body{
		background-image:url('./img/bg_body.jpg'), url('./img/bg_body2.jpg');
		background-repeat:no-repeat, repeat-x;
		background-position:right bottom, left bottom;
		background-attachment:fixed, fixed;
		background-size:contain, contain;
	}
}
/* 1024px以上の指定（PC） */
@media screen and (min-width:1024px){
	#header{
		float:right;
		width:300px;
	}
	#main{
		margin:6% 0 50px 6%;
		width:600px;
		height:500px;
		overflow:auto;
	}
	h1{
		width:100px;
		height:300px;
		background-image:url('./img/logo2.png');
		margin-top:-20px;
		margin-right:5%;
		margin-left:auto;
	}
}