/*--header--*/

#header {margin: 0; padding: 0; background-coler:#6194fa; width:760px;}
#header_ttl {margin:0; padding: 0; overflow: hidden; background: #6194fa url("../img/template/header_back_rail.jpg") no-repeat scroll 0 5px; height:78px; width:760px;}
#header_ttl h1 { text-indent: -9999px;}
#header_ttl .his a { display: block; margin-top: 5px; margin-left: 0; width: 130px; height: 76px; text-indent: -9999px;}

#header_list a:link {color: #3366cc; text-decoration: none;}
#header_list a:visited {color: #3366cc; text-decoration: none;}
#header_list a:hover {color: #ff6600; text-decoration: underline;}
#header_list a:active {color: #ff6600; text-decoration: none;}

#header_list{line-height: 21px; font-size: 80%; margin:0; padding:0; height:21px; background-color:#EFEFEF; text-indent:11px; clear:both; width:760px;}
#header_navi {border-bottom:5px solid #67c2fd;}
#header_navi {height:20px; background:url(../img/template/header_bar_rail_off.gif) no-repeat; margin:0; padding:0;}
#header_navi li {float:left; list-style-type:none;}
#header_navi li a{height:20px; display:block; float:left; text-indent:-9999px; text-decoration:none; overflow:hidden;}

#header_navi li a, #header_navi li a:link #header_navi li a:visited { 
font-size:80%; letter-spacing:1px;  text-align:center; text-decoration: none;}
#header_navi li a:link {color: #663300;}
#header_navi li a:visited {color: #663300;}
#header_navi li a:hover {color: #ffffff;}
#header_navi li a:active {color: #ffffff;}

/*--off--*/
#header_navi li.header01 a {background:url(../img/template/header_bar_rail.gif) no-repeat 0px 0px; width:190px;}
#header_navi li.header02 a {background:url(../img/template/header_bar_rail.gif) no-repeat -190px 0px; width:190px;}
#header_navi li.header03 a {background:url(../img/template/header_bar_rail.gif) no-repeat -380px 0px; width:190px;}
#header_navi li.header04 a {background:url(../img/template/header_bar_rail.gif) no-repeat -570px 0px; width:190px;}

/*--hover--*/
#header_navi li.header01 a:hover {background:url(../img/template/header_bar_rail.gif) no-repeat 0px -20px;}
#header_navi li.header02 a:hover {background:url(../img/template/header_bar_rail.gif) no-repeat -190px -20px;}
#header_navi li.header03 a:hover {background:url(../img/template/header_bar_rail.gif) no-repeat -380px -20px;}
#header_navi li.header04 a:hover {background:url(../img/template/header_bar_rail.gif) no-repeat -570px -20px;}

#head_list{
background-color:#eeeeee;
font-size:11px;
width:750px;
padding:5px 5px 7px 5px;}


.clearfix:after {
  content: "."; 
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 0.1em;
}

* html .clearfix {
  height: 1px;
  /**/
  height: auto;
  overflow: hidden;
  /**/
}