@charset "UTF-8";

html,body {
  height: 100%;
}
#container{}

#container {
  min-height: 100%;
  _height: 100%; /* for IE6 */
  /*background-color:#0E7AC4;*/
  background-color:#04519F;
  background-image:url(../img/base/bg_test.gif);
  background-repeat:repeat-y;
  background-position:center center;
}

#header {
  width:960px;
  margin:0 auto;
  padding: 10px;
}
#header h1{float:left;}
#header h2{float:right;}
#navi{width:960px; margin:0 auto;}
#navi ul{margin:0; padding:0;}
#navi li{float:left; list-style-type:none;}

#content {
  width: 100%;
  /*width: 1000px;*/
  margin: 0 auto;
  padding-bottom: 450px; /* footer + 10px */
}

#content h1 {
  margin: 0 0 15px;
  font-size: 125%;
}

#content p {
  margin: 0 0 15px;
}

#mbox1{width:960px; margin:0 auto;}
#mbox1 ol{list-style-type:none; margin:0; padding:0;}
#mbox1 li{}
  #lbox{float:left; width:200px;}
  #rbox{float:right; width:750px; text-align:left;}
  
#wh_box{border-radius:5px; background-color:#FFFFFF; padding:1em;}
#wh_box p{margin:0 auto;}

#footer {
  
  height: 440px;      /* 調整する箇所 */
  margin-top: -440px; /* 調整する箇所 */
  padding: 0 0px;
  background-image:url(../img/base/bg_foot.gif);
}
#footer hr{width:100%; height:2px; background-image:url(../img/base/img_foot_back.gif); border:none;}

#footbox{
  width:960px; margin:0 auto;
  }
#footbox ul{margin:0; padding:0;}
#footbox li{float:left; list-style-type:none; margin-left:0.5em; color:#31313F;}
#footbox h4{color:#31313F; font-weight:normal;}
#footbox a{ color:#31313F;}
#footbox address{color:#31313F; text-align:right;}

#mainImage {
  width:100%;
  margin:0px auto;
  height:360px;
  background:url(../img/img_top.jpg) repeat-x center top;
}
#mainImage h2 {
width:600px;
padding-top:155px; 
margin:0px auto;
}

#blog{background-color:#FFFFFF; padding:0.5em;}
#blog h4{margin-bottom:0.5em;}
#blog p{}
#blog h5{text-align:right;}