/*----------------------------------------------
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:280px;
}

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

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



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


.naikan-img{
float: right;
}

dl {
 width:300px;
 float: left;
 margin-bottom:20px;
}

dt {
 float:left;
 width:20px;
 padding:5px 0 5px 10px;
 color: #5a1967;
 clear:both;
 }

dd {
 width:260px;
 margin-left:20px;
 padding:5px 5px 5px 10px;
 }



/*----------------------------------------------
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 */