/* レイアウトの設定*/
body{
    margin:5px;
    padding:10px;
    text-align:center;
}
/* ラッパーの設定*/
#wrap{
    position:relative;
    width:800px;
    background-color:#FFFFFF;
    margin:0px auto;
    text-align:left;
    border: 1px 1px 1px 1px solid #CCCCBB;
}
/* ヘッダーの設定*/
#head{
    width:800px;
    /*height:100px;*/
    background-color:#FFFFFF;
}
/* 左側の設定*/
#left{
    width:250px;
    /*height:550px;*/
    float:left;
    background-color:#FFFFFF;
}
/* 右側の設定*/
#right{
    width:550px;
    /*height:550px;*/
	margin:2px 5px 0px 0px;
    float:right;
    background-color:#FFFFFF;
}
/* フッターの設定*/
#foot{

    width:100%;
    height:100%;
    background-color:#FFFFFF;
    clear:both;
}

#left-sidebar {
  width: 220px;
  float: left;
  font-size:90%;
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 0px;
}

.menu {
  margin: 2px 0px 2px 0px;
  padding: 5px 0px 5px 0px;
  list-style-type: none;
}

.menu li {
  display: inline;
  margin: 2px 0px 2px 0px;
  padding: 5px 0px 5px 0px;
}

.menu li a {
  text-decoration: none;
  display: block;
  margin:2px 0px 2px 0px;
  padding: 5px 0px 5px 0px;
  background-color: #ccccc0;
  color: #000033;
  overflow: hidden;
}

.menu li a:hover {
  display: block;
  margin: 2px 0px 2px 0px;
  background-color: #000366;
  color: #ffffff;
}

.menu2 {
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
  font-size:110%;
  background-color:#FFFFCC;
  list-style-type: none;
  font-weight:bold
}
.menu2 li {
  display: inline;
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}

.menu2 li a {
  text-decoration: none;
  display: block;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 5px;
  background-color: #FF0000;
  color: #FFFFFF;
  overflow: hidden;
}

.menu2 li a:hover {
  display: block;
  margin: 5px 0px 5px 0px;
  background-color: #000366;
  color: #ffffff;
}

h1 {
  font-size: 110%;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 2px 10px;
  border-top: 3px solid #FF0000;
  border-right: 1px solid #CCCCBB;
  /*border-left: 1px solid #CCCCBB;*/
  border-bottom: 1px solid #CCCCBB;
}