@charset "utf-8";
/* nav.css */

/*======================================

	0-1.グローバルナビ設定

=======================================*/
#header {
	position:fixed;
	z-index:120;
	/*height:70px;*/
	height: 85px;
}
#header .wrap_header { padding:10px 0; }
#header .wrap_header .con_logo .box_logo { margin-bottom:0; margin-top:6px; }

p.con_tel {
	width:304px;
	float:right;
	/*margin:2px 0 10px 0;*/
	margin: 5px 0 8px 0;
}

ul.gn_sub { position:absolute; }

#contents { padding-top: 135px; }

#header .wrap_header .con_hnav .box_lang { height:auto; }

div.bg_menu, #menu { display:none; }


#nav {
	position:fixed;
	z-index:110;
	/*margin-top:70px;*/
	margin-top: 85px;
	width:100%;
	text-align:center;
	height:50px;
	background:url(../images/menu/bg_menu.jpg) repeat left top;
	box-shadow:         0 1px 1px rgba(0,0,0,0.3);
	-moz-box-shadow:    0 1px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	-o-box-shadow:      0 1px 1px rgba(0,0,0,0.3);
	-ms-box-shadow:     0 1px 1px rgba(0,0,0,0.3);
}

#nav ul {
	width:950px;
	text-align:left;
	margin:0 auto;
}

#nav ul li {
	float:left;
	width:100px;
	height:50px;
	background-position:0 100%;
	overflow:hidden;
}
#nav ul li.wid_li {
	/*float:left;*/
	width:140px;
	/*height:50px;
	background-position:0 100%;
	overflow:hidden;*/
}
#nav ul li a {
	display:block;
	width:100px;
	height:0;
	padding-top:50px;
	background-position:0 0;
}
#nav ul li.wid_li a {
	width:140px;
}

#nav ul li.nav_hom, #nav ul li.nav_hom a { background-image:url(../images/menu/nav_hom.gif); }
#nav ul li.nav_roo, #nav ul li.nav_roo a { background-image:url(../images/menu/nav_roo.gif); }
#nav ul li.nav_spa, #nav ul li.nav_spa a { background-image:url(../images/menu/nav_spa.gif); }
#nav ul li.nav_dis, #nav ul li.nav_dis a { background-image:url(../images/menu/nav_dis.gif); }
#nav ul li.nav_fac, #nav ul li.nav_fac a { background-image:url(../images/menu/nav_fac.gif); }
#nav ul li.nav_acc, #nav ul li.nav_acc a { background-image:url(../images/menu/nav_acc.gif); }
#nav ul li.nav_sea, #nav ul li.nav_sea a { background-image:url(../images/menu/nav_sea.gif); }
#nav ul li.nav_roof, #nav ul li.nav_roof a { background-image:url(../images/menu/nav_roof.gif); }
#nav ul li.nav_pla, #nav ul li.nav_pla a { background-image:url(../images/menu/nav_pla.gif); }
#nav ul li.nav_tok, #nav ul li.nav_tok a { background-image:url(../images/menu/nav_tok.gif); width:110px; }

@media screen and (max-width: 800px) {
	#header { position:static; }
	#nav { position:static; margin-top:0; }
	#contents { padding-top:0; }
}