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


body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image:url(../images/bg_body.gif);
	background-repeat:repeat;
	background-position:top center;
}

p {
	font-size:75%;
}




#header h1.tagline,
#header p.tagline {
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    padding: 15px 0;
}


.inner {
	max-width:1000px;
	margin:0px auto;
}

.caption {
	text-align:right;
	color:#666;
	font-size:65%;
}

#container {
	max-width:1000px;
	margin:0px auto;
}


/* header */

#header {
	max-width:1000px;
	margin-bottom:20px;

}

#header #siteid {
	width:14%;
}



#siteid {
	width:40%;
	float:left;
}



#hnav {
	width:50%;
	float:right;
}

#hnav ul {
	float:right;
}

#hnav li {
	float:left;
	display:inline;
	margin-left:10px;
}

#hnav ul li a:hover img,
#fnav ul li a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}




#gnav {
	clear:both;
	margin-bottom:20px;

}
#gnav li {
	float:left;
	display:inline;
	width:15.4%;
	margin-right:1.5%;
}



#gnav li a {
	color:#fff;
	font-size:75%;
	display:block;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center top;
}

#gnav li.gnav_equipment {
	margin-right:0px;
	
}
#gnav p {
	display:none;
}



/* contents */


#contents {
	clear:both;

}


/* footer */


#footer {
	clear:both;
}

.green {
	background-color:#067e79;
	padding:20px 0px;
}

.white {
	background-color:#fff;
	padding:20px 0px;
}

#footer #info {
	width:59%;
	float:left;
}

#footer #info h3 {
	color:#fff;
	font-size:75%;
	margin-bottom:10px;
}

#fnav {
	width:36%;
	float:right;
	padding-top:20px;
}

#fnav ul {
	float:right;
}

#fnav li {
	float:left;
	display:inline;
	margin-left:10px;
}

#footer #tel {
	width:39%;
	float:left;
}

#footer #corporate {
	float:right;
	width:56%;
}

#footer #corporate ul {
	float:right;
}

#footer #corporate li {
	float:left;
	display:inline;
	margin-left:10px;
}


@media screen and (max-width: 768px){
	

#header {
	width:100%;
	margin:0px auto 20px;
}

#header h1.tagline,
#header p.tagline {
	font-size:14px;
	margin-bottom:10px;
	padding:0px;
}


#header #siteid {
		width:100%;
		text-align:center;
		float:none;
		margin-bottom:20px;
}

#gnav {
	text-align:center;
	width:90%;
	margin:0px auto 10px;
}
	
#gnav li {
	float:none;
	display:inline-block;
	margin-bottom:10px;
	width:20%;


	}
	
#hnav,
#fnav {
		clear:both;
		width:100%;
		float:none;
		text-align:center;
	}
	
#hnav ul,
#fnav ul {
		float:none;
	}
	
#hnav ul li,
#fnav ul li {
		float:none;
		display: inline-block;
		margin-left:5px;
		margin-right:5px;
	
	}
	
#hnav ul li a,
#fnav ul li a {
	display:block;

}

#gnav p {
	display:none;
}



#contents,
.inner {
	padding:0px 10px;
}

#footer #info {
	width:100%;
}

#footer #info img,
#footer #tel img {
	min-width:290px;
}


#footer #tel,
#footer #corporate,
#footer #corporate ul {
	float:none;
	text-align:center;
	width:auto;
}

#footer #tel {
	text-align:center;
	margin-bottom:10px;
}
#footer #corporate li {
	float:none;
	clear:both;
	display:block;
	margin-left:0px;
	margin-bottom:10px;
}


}

@media screen and (max-width: 480px){


body{
	_display:inline;
	_zoom:1;
	min-width:320px;
}




#header h1.tagline,
#header p.tagline {
	font-size:14px;
	margin-bottom:10px;
	padding:0px;
}


#header #siteid {
		width:100%;
		text-align:center;
		float:none;
		margin-bottom:10px;
}
	
#hnav,
#fnav {
		clear:both;
		min-width:300px;
		float:none;
		text-align:center;
	}
	
#hnav ul,
#fnav ul {
		float:none;
	}
	
#hnav ul li,
#fnav ul li {
		float:none;
		display: inline-block;
		margin-left:5px;
		margin-right:5px;
		max-width:80px;
	}
	
#hnav ul li a,
#fnav ul li a {
	display:block;

}

#hnav,
#gnav {
	clear:both;
	margin-bottom:20px;
}

#gnav {
	width:100%;
  z-index: 100;
}
  
     
#gnav ul {
    display: none;
    height: auto;
    }
     


#gnav li {
	float:none;
	margin-bottom:0px;
	display:block;
	width:100%;
	background: linear-gradient(top, #fff, #e2e2e2);
    background: -moz-linear-gradient(top, #fff, #e2e2e2);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e2e2e2));
}


#gnav a#pull {
    display: block; 
    background-color: #067E79;
    position: relative;
    text-align: center;
    color: #FFF;
    text-decoration: none;
	padding:10px;
    }
#gnav a:hover#pull {
    color: #fff;
    }
#gnav p {
	width:100%;
    position: relative;
	display:block;
    }

#gnav .btn_gnav a {
	background: url(../images/icon_spnav.png) no-repeat;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:10px center;
}


#gnav li a:before {
    content: attr(data-label);

  }

#gnav li img {
	display:none;
	
}

#gnav li a:before {
    content: attr(data-label);

  }
  

#gnav li a {
	color:#000;
	text-decoration:none;
	display:block;
	padding:8px 10px;
	text-align:left;
	background-image:url(../images/arrow_sp.png);
	background-repeat:no-repeat;
	background-position:97% center;

	
    }



#index #gnav li.gnav_top a,
#access #gnav li.gnav_access a,
#location #gnav li.gnav_location a,
#plan #gnav li.gnav_plan a,
#gallery #gnav li.gnav_gallery a,
#equipment #gnav li.gnav_equipment a {
	background-repeat:no-repeat;
	background-position:97% center;
	background-color:#13bbb4;
	color:#fff;
}

#index #gnav li.gnav_top img,
#access #gnav li.gnav_access img,
#location #gnav li.gnav_location img,
#plan #gnav li.gnav_plan img,
#gallery #gnav li.gnav_gallery img,
#equipment #gnav li.gnav_equipment img {
	display:none;
}
#index #gnav li.gnav_top a {
	background-image:url(../images/arrow_sp_on.png);
}

#access #gnav li.gnav_access a {
	background-image:url(../images/arrow_sp_on.png);
}

#location #gnav li.gnav_location a {
	background-image:url(../images/arrow_sp_on.png);
}
#gallery #gnav li.gnav_gallery a {
	background-image:url(../images/arrow_sp_on.png);
}
#plan #gnav li.gnav_plan a {
	background-image:url(../images/arrow_sp_on.png);
}


#equipment #gnav li.gnav_equipment a {
	background-image:url(../images/arrow_sp_on.png);
}


	
	
#contents,
.inner {
	padding:0px 10px;
}

#footer #info {
	width:100%;
}

#footer #info img,
#footer #tel img {
	min-width:290px;
}


#footer #tel,
#footer #corporate,
#footer #corporate ul {
	float:none;
	text-align:center;
	width:auto;
}

#footer #tel {
	text-align:center;
	margin-bottom:10px;
}
#footer #corporate li {
	float:none;
	clear:both;
	display:block;
	margin-left:0px;
	margin-bottom:10px;
}


}