@charset "UTF-8"; 

body{
	font-family:'���C���I', 'Meiryo', sans-serif;
	-webkit-text-size-adjust: 100%;
	margin: 0;
}
div#maincontainer {
	padding:5px;
	margin:10px;
}
img#top_banner {
	height:300px;
}
div#top_banner2 {
	height: 300px;
	width: 100%;
	background-image: url('../img/header_pc.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
p#username {
	text-align: right;
	margin: 0 5px 0 0;
	font-size: 14px;
	padding-right: 1em;
}
div#header {
}
img#top_banner {
	cursor: pointer;
/*
	background-image: url('./img/header.jpg');
	background-repeat: no-repeat;
	background-size: contain;
*/
}
div#menu {
/*	width: 675px; */
	width: 100%;
	margin: 0 auto;
	cursor: pointer;
}

div#menu img {
	width: 23%;
	height: 90px;
}

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

div#top_banner2 {
	height: 150px;
}

}


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

div#maincontainer {
	padding: 5px;
	margin: 5px;
}
img#top_banner {
	width: 100%;
	height: auto;
}
div#top_banner2 {
	height: 170px;
	width: 100%;
	background-image: url('../img/header.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
div#menu {
	width: 100%;
	margin: 0 auto;
}
div#menu img {
	width: 49%;
}

}