/*----------------------------------------------
Wrap

-----------------------------------------------*/
#wrap{
width: 800px;
margin:0px auto;
height:100%;
min-height: 100%;
}

#main-vis{
height: 380px;
background-image: url(../top_img/back.gif);
background-repeat: repeat-x;
}

.logo{
float: left;
margin: 25px 15px 0px 15px;
}

/*----------------------------------------------
container

-----------------------------------------------*/
#container{
  width:770px;
  position:relative;
  min-height:100%;
  _height:100%;
  margin-top: 50px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 30px; 
}





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




#g-navi {
width: 800px;
height: 59px
margin-right: auto;
margin-left: auto;
background-image: url(../common/menu_back.gif);
background-repeat: repeat-x;
text-align: center
}

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

#g-navi ul {
padding-left: 15px;
padding-top: 11px;
list-style: none;
line-height: normal;
}

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



#banner{
float: right;
width: 200px;
}

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

#banner ul {
list-style: none;
line-height: normal;
}

#banner li{
margin-bottom: 15px;
list-style:none;
padding:0px;
}

.main-contents{
	width: 520px;
	float: left;
	margin-bottom: 50px;
}

h2{
margin-bottom: 20px;
}

.mr-30{
margin-bottom: 30px;
}

.mr-10{
margin-bottom: 10px;
}

.name-side{
text-align: right;
}