/*----------------------------------------------
Wrap
全体を包括
-----------------------------------------------*/
#wrap{
width:800px;
margin:0px auto;
height:100%;
min-height: 100%;
}

/*----------------------------------------------
 header
-----------------------------------------------*/
#header{
width: 800px;
height:59px;
}

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


/*----------------------------------------------
ナビゲーション
-----------------------------------------------*/


#g-navi {
width: 785px;
height: 59px
margin-right: auto;
margin-left: auto;
}

#g-navi img {
border: none;
vertical-align:top;
}

#g-navi ul {
padding: 0px;
list-style: none;
line-height: normal;
}

#g-navi li{
float: left;
margin-right: 15px;
list-style:none;
padding:0px;
}


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

#footer {
width: 800px;
margin-right: auto;
margin-left: auto;
margin-top: -30px; /* negative value of footer height */
height: 30px;
clear:both;
text-align: center;
} 

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