
#head-bar{
    background: url("./image/headbarright.png"),
				 #7fa962;
	padding: 1.2em 2em 2em 1.2em;
	background-position:right;
	background-repeat:no-repeat;
}

#head-bar h1{
    color: #ffffff;
    font-size:209%;
}

#head-bar h2{
    color: #ffff7f;
    font-size:135%;
}

#head-bar #login{
    float: right;
}

#head-bar #login a {
color:#ffffff;
}

#head-bar #login a:hover {
color:#ffffff;
}

#head-bar #login a:active {
color:#ffffff;
}

#head-bar #login a:visited{
color:#ffffff;
}

#middie{
  display: table;
}

.css_tr{
  display: table-row;
}

.css_td{
  display: table-cell;
}

#left-bar{
 width: 200px;
 padding: 2em 1.5em 2em 1.5em;
 background-color:#f2f38d;
}

#left-bar ul{
 list-style: none;
 padding-left: 1em;
}

#left-bar ul li{
 padding-top: 0.5em;
 padding-right: auto;
 padding-bottom: 0.5em;
 border-bottom: 1px solid #9c9d5b;
 font-size:115%;
}

#left-bar ul ul{
 padding-left: 0em;
}


#left-bar ul ul li{
 padding-top: 0.5em;
 padding-right: auto;
 padding-bottom: 0.5em;
 padding-left: 2em;
 font-size:100%;
}

#id_search_content{
  width: 500px;
}


#main {
 box-sizing: border-box;
 padding: 2em 1.5em 2em 1.5em;
}

#footer {
  background: #7fa962;
  color: #ffffff;
  padding: 2em 2em 2em 2em;
}
