@charset "UTF-8";
/* CSS Document */

html,body,#page{
	height:100%;
}
#headerArea{
	width: 100%;
	height: 100%;
	min-width: 960px;
	margin:127px 0 0px;
	background: url(/hokuso-h/img/hosp_top_mainimg01.jpg) center center no-repeat;
	background-size: cover;
	z-index: 5;
	overflow:visible;
	box-sizing:content-box;
}

#header{
	position:absolute;
	top:0;
}

#logo{
	text-align:left;
}


.pbAreaWrapper1 {
	height:auto;
}

#areaWrapper1{
	width:100%;
	min-width: 1000px;
}

#mainArea{
	width: 100%;
}

#top_header{
  position: relative;
  overflow:hidden;
  vertical-align: bottom;
}

#top_header #hnav ul li a{
	color:#ffffff;
	text-shadow: 0 0 5px rgba(0,0,0,0.9)
}

#top_header #hnav ul li a img{
	vertical-align: text-top;
}

#top_header #sliderArea img{
  width:100%;
  height:auto;
  vertical-align: bottom;
}

#top_header #header{
	position: absolute;
	top:0;
	
}

#top_header #globalnav{
	position: absolute;
	bottom: 0;
  	background-color: rgba( 255, 255, 255, 0.8 );
}


#top_mainArea #mainArea{
  width:100%;
}

.topmenuwrap{
  margin:40px auto 40px auto;
  width:930px;
}

#topmenu{
	margin-right:-60px;
}

#topmenu li{
	display: inline-block;
  margin:0 60px 20px 0;
	width:270px;
  font-family: 'Cormorant SC', serif;
	font-size:136%;
}

#topmenu li a{
	display:table;
	color:#686767;
}

#topmenu li a img,
#topmenu li a span{
	display:table-cell;
	vertical-align:middle;
	color:#686767;
}

#topmenu li a img{
	margin-right:15px;
}

#topmenu li a:hover{
  opacity:0.8;
}




/*本アップの際styleに移動*/
#hnav{
margin: 40px 0 0 0;
}