@media only screen and (min-width:480px) {
	div#head:after {
		content: 'min-width:480px';
	}
	div#head {
		width: 460px;
	}
	div#body {
		margin: 0 auto;
		width: 460px;
	}
}

@media only screen and (min-width:768px) {
	div#head:after {
		content: 'min-width:768px';
	}
	div#head {
		width: 720px;
	}
	div#body {
		width: 720px;
	}
}

#header, #head, #body {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

a {
	color: #304b7e;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
body {
	text-align: center;
	margin: 0px;
	font-family: Verdana, sans-serif;
	font-size: 12pt;
	background-color: #cdcecf;
}
img {
	border: 0px;
}
.new {
	border-color: red;
}
.small {
	font-size: x-small;
}
.notice {
	clear: left;
}
#ajaxim {
	float: right;
	clear: right;
}
#head {
	text-align: left;
	margin: 0 auto;
	width: 100%;
	padding: 20px;
	/*width: 760px;
	padding-top: 20px;
	padding-left: 30px;
	*/
	font-variant: small-caps;
}
#header {
	background-color: #304b7e;
	color: #eeffff;
	min-height: 60px;
	font-size: 120%;
}
#body {
	text-align: left;
	/*padding: 10px;*/
	padding-bottom: 20px;
	margin: 0 auto 20px;
	width: 100%;
	/*width: 770px;*/
	overflow: auto;
	font-size: 9pt;
	clear: both;
	background-color: #f2f2f2;
	border-bottom: 1px dotted #000000;
	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;
}
#main {
	min-height: 500px;
	/*width: 560px;*/
	max-width: 720px;
	padding: 10px;
	/*padding: 15px;*/
}
#menu {
	font-size: 115%;
	font-variant: small-caps;
	width: 160px;
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 15px;
	margin-left: 10px;
	margin-bottom: 15px;
	border-left: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
}

.title {
	font-size: 130%;
	font-weight: bold;
}

.floatright {
	float: right;
	text-align: right;
}

.floatleft {
	float: left;
	text-align: left;
}

.warning {
	font-size: 130%;
	font-weight: bold;
	color: #ff0000;
}