/*----------------------------------------------
Wrap
全体を包括
-----------------------------------------------*/
#wrap{
width:750px;
margin:0px auto;
height:100%;
min-height: 100%;
background-color: #FFFFFF;
background-image: url(../common/body_back.jpg);
}

#header{
width:750px;
height: 281px;
background-image: url(../common/back.jpg);
}

h1{
padding-top: 52px;
padding-left: 30px;
}

.lead{
margin-top: 20px;
width: 350px;
padding-left: 30px;
}



/*----------------------------------------------
container
ナビゲーションとバナー部分、メインコンテンツを包括
-----------------------------------------------*/
#container{
  width:690px;
  position:relative;
  min-height:100%;
  _height:100%;
  margin-right: auto;
  margin-left: auto;
   padding-bottom: 125px; /* ここはフッターと同じ高さに */
   text-align: center;
}




/*----------------------------------------------
Footer
-----------------------------------------------*/

#footer {
width: 750px;
margin-right: auto;
margin-left: auto;
margin-top: -30px; /* negative value of footer height */
height: 125px;
clear:both;
font-size: 75%;
text-align: center;
background-image: url(../common/footer_back.jpg);
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */