@charset "utf-8";
html,body{
    height:100%; /* ブラウザ画面の高さをめいっぱいに使用するよ */ 

  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  font-size : 14px;
  font-family : メイリオ, Verdana;
  line-height : 20px;
}

div#base{
    position:relative; /* フッターを位置指定（底辺に）する時に使う基準設定 */ 
    min-height:100%; /* 全部囲ってるdiv#containerの高さもブラウザ画面めいっぱいにしてね */ 
                    /* （min-heightは最小の高さを指定するプロパティ） */ 
}

* html div#base{
    height:100%; /* IE6じゃmin-height使えないからIE6専用にこう書くのさ */ 
}

div#toppage_m{
    padding-bottom : 100px; /* フッターに50px使うから、その分空けてあげて */ 
}

div#footer{
    position:absolute; /* フッターを絶対値↓のbottom：0に指定する設定 */ 
    bottom:0; /* フッターを一番下に置くぜ！ */ 
    width:100%; 
    height : 60px; 

  background-color : #626262;
  padding-top : 40px;
  color : #a6cf55;
}


div#header_bar{
  background-image : url(../images/header_bg.png);
  background-repeat : repeat-x;
  padding-top : 10px;
  height : 60px;
}

div#bar_contents{
  color : #ffffff;
  width : 900px;
}