/* ========================================
 スタイルシート
=========================================*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

ul{
	list-style-type: none;
}

#content {
	background: #CCCCCC;
}

#titlebar {
	/* 58px + 1px + 1px */
	background: #FFCCCC;
	height: 58px;
	border: 1px solid #FF0000;
	z-index: 10;
}

#uppermenu {
	/* 30px */
	background: #CCFFCC;
	height: 30px;
	border: 0px solid #FF0000;
	z-index: 10;
}

.uppermenu-btns{
	/* 28px + 1px + 1px */
	height: 28px;
	overflow: hidden;
	background: -webkit-gradient(linear, left top, left bottom, from(#66FF00), color-stop(0.5, #FFFF00), to(#00AAFF));
	border-top: 1px solid #0F2A7C;
	border-bottom: 1px solid #0F2A7C;
}

.uppermenu-btns li{
	width: 24%; /* 上部メニュー4つなので 100%÷4つ=25% だけどborderの分も考慮して24%*/
	float: left;
	display: block;
	text-align: center;
	color: #000000;
	border-left: 1px solid #0f2a7c;
	line-height: 28px;
	font-weight: bold;
	font-style: normal;
	text-shadow: #FFFFFF 0 -1px 0;
}

#uppermenu-btns-a {
	border-left: none;
}

#map {
	/* 274px + 1px + 1px */
	background: #CCCCFF;
	height: 274px;
	border: 1px solid #FF0000;
	z-index: 5;
}

#lowermenu {
	/* 48px + 1px + 1px */
	background: #FFFFCC;
	height: 48px;
	border: 1px solid #FF0000;
	z-index: 10;
}

#message {
	border: 1px solid #FF0000;
	z-index: 10;
}

#footer {
	height: 500px;
	border: 1px solid #FF0000;
	z-index: 10;
}