@charset "utf-8";
/* CSS Document */

select[name=action] option {
	color:black;
}

#container {
	background-color:#ddd;
	border:1px solid black;
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin:1%;
	min-height:600px;
	padding:20px;
	text-align:left;
	width:98%;

	box-shadow:5px 5px #888;
	border-radius:3px;
}

header {
	border-bottom:solid 1px black;
	margin-bottom:20px;
	padding-bottom:20px;
}
header a {
	text-decoration:none;
}
header img {
	border:none;
	vertical-align:middle;
}
header h1 {
	margin-left:15px;
	display:inline-block;
	*zoom:1;
	*display:inline;
	text-align:left;
	vertical-align:middle;
}
header div {
	float:right;
}

nav {
	float:right;
	max-width:240px;
	min-width:180px;
}
nav a {
	font-weight:bold;
}

@media (max-width:860px) {
	#container {
		border:none;
		box-shadow:none;
		display:block;
		margin:0;
		max-width:800px;
		min-width:600px;
		padding:1%;
		width:98%;
	}
	@media (max-width:800px) {
		#container {
			min-width:600px;
		}
		header h1 {
			font-size:20px;
			width:200px;
		}
		@media (max-width:600px) {
			#container {
				padding:5px;
				width:600px;
			}
		}
	}
}

.logo_pomu {
	float: none !important;
	max-width: 100px !important;
	display: inline-flex;
}

.logo_pomu img {
	width: 100%; 
	height: auto; 
}