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

* {
    margin: 0 auto;  
}

body {
  background-image: url(image/background2.png);
  font-family: "Constantia", Georgia, Serif; 
}


/* ########## TOP ########## */

#container_top {
  width:100%;
  height: 96px;
	background-image: url(image/buffer_top.png);
	top: 0px;
	position: fixed;
	z-index: 89;
}

#banner {
	background-image: url(image/banner.png);
	background-repeat: no-repeat;
	width: 534px;
	margin-left: 200px;
  height: 90px;
  z-index: 89;
  
  text-indent: -999em !important;
}



/* ########## NAVIGATION ########## */

#navi {
	width: 100px;
	height: 200px;
	float: left;
	margin-left: 200px;
	margin-top: 160px;
  z-index: 89;
  text-align: center;
}
ul#navigation{
	list-style-image: none;
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}
ul#navigation li{
  width: 100px;
  height: 48px;
  margin-bottom:0.5em;
  background-image:url(image/navi_bg.png);
  background-repeat: no-repeat;
}
ul#navigation li a{
  color: black;
  text-decoration: none;
  display:block;
  padding-top: 8px;
  padding-right: 8px;
}
ul#navigation li a:hover{
  color: white;
  text-decoration: none;
  display:block;
  padding-top: 8px;
  padding-right: 8px;
}
ul#navigation li a:active{
  color: white;
  text-decoration: none;
  display:block;
  padding-top: 8px;
  padding-right: 8px;
}


/* ########## CONTENT ########## */

#content {
	width: 400px;
	margin-left: 30px;
	margin-top: 180px;
	float: left;
	background-color: white;
	padding: 1.5em 2em 2em 2em;
	border: 1px solid black;
	z-index: 50;
}
#sidebar {
  max-width: 25%;
  float: left;
  margin-left: 30px;
  margin-top: 180px;
	background-color: white;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border: 1px solid black;
	z-index: 50;
}


/*
#container_bottom {
	background-image: url(image/buffer_bottom.png);
	width: 100%;
	height: 34px;
	position: fixed;
	bottom: 0px; 
	z-index: 89;
}
*/