@charset "utf-8";
 
@media screen and (max-width: 320px) {

	#header {
		padding: 20px 0 0 0;
	}

	#main {
		width: 100%;
		margin: 0;
	}
}

@media screen and (max-width: 480px) {

	#header {
		padding: 20px 0 0 0;
	}

	#main {
		width: 100%;
		margin: 0;
	}
}

/* only iPhone ----------- */
@media screen and (max-device-width: 480px) {

	#header {
		padding: 20px 0 0 0;
	}

	#main {
		width: 100%;
		margin: 0;
	}

	.frame10 {
		margin: 0 0 0 0;
		background-color: #eaeeed;
	//	background-color: #d1e6f4;
	//	color: #6f7c8d;
		color: #17364d;
		border: 1px solid #cfd7d9;
		-webkit-border-image: url(../images/bdr01.png) 15 / 15px repeat;
		-moz-border-image: url(../images/bdr01.png) 15 / 15px repeat;
		-o-border-image: url(../images/bdr01.png) 15 / 15px repeat;
		border-image: url(../images/bdr01.png) 15 / 15px repeat;
	//	-webkit-border-image: url(../images/bdr02.png) 15 / 15px repeat;
	//	-moz-border-image: url(../images/bdr02.png) 15 / 15px repeat;
	//	-o-border-image: url(../images/bdr02.png) 15 / 15px repeat;
	//	border-image: url(../images/bdr02.png) 15 / 15px repeat;
		background-image: url(../images/postit.png);
		background-repeat: no-repeat;
		background-position: 600px 1200px;
	}
}