@charset "utf-8";


/*============================================================================================
共通　start
============================================================================================*/

/* ■■■ header start ■■■ */
#headWrap {
	width: 100%;
	min-width: 960px;
	height: 90px;
	background: url(../images/top_content_bg.jpg) repeat-x;
}

#header {
	margin:0 auto;
	width: 960px;
	position: relative;
}


#header h1 {
	padding-top: 20px;
	padding-left: 20px;
	width: 128px;
	height: 60px;
	float: left;
}

/* header description */
#header p.desc {
	margin: 10px auto 0;
	width: 960px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0.5px;
}

/* header button Area */
#sp_headmenu { display: none; }

#header ul {
	padding-top: 30px;
	float: right;
}

#header ul li { float: left; }

/* main navi */

#submenuWrap { display: none; }

#navWrap {
	width: 100%;
	min-width: 960px;
	height: auto;
	background: #000;
	border-top: 1px solid #99794e;
	border-bottom: 1px solid #99794e;
}

#navWrap ul {
	margin: 0 auto;		
	width: 960px;
	height: auto;
}

#navWrap ul li {
	width: 10%;
	height: 53px;
	display: inline;
	float: left;
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;	
	}
#navWrap ul li a {
	height: 53px;
	text-indent: -9999px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;	
}

#navWrap ul li a:hover {
	height: 53px;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #777;		
}

#menu_1 {	background-image: url(../images/main_nav_top_btn.gif); }
#menu_1_on { background-image: url(../images/main_nav_top_btn_on.gif); background-color: #777; }
#menu_1 a { background-image: url(../images/main_nav_top_btn.gif); }
#menu_1 a:hover { background-image: url(../images/main_nav_top_btn_on.gif);	}

#menu_2 {	background-image: url(../images/nav_concept_btn.gif);	}
#menu_2_on { background-image: url(../images/nav_concept_btn_on.gif); background-color: #777; }
#menu_2 a { background-image: url(../images/nav_concept_btn.gif); }
#menu_2 a:hover { background-image: url(../images/nav_concept_btn_on.gif); }

#menu_3 {	background-image: url(../images/nav_design_btn.gif); }
#menu_3_on { background-image: url(../images/nav_design_btn_on.gif); background-color: #777; }
#menu_3 a { background-image: url(../images/nav_design_btn.gif); }
#menu_3 a:hover { background-image: url(../images/nav_design_btn_on.gif); }

#menu_4 {	background-image: url(../images/nav_location_btn.gif); }
#menu_4_on { background-image: url(../images/nav_location_btn_on.gif); background-color: #777; }
#menu_4 a {	background-image: url(../images/nav_location_btn.gif); }
#menu_4 a:hover {	background-image: url(../images/nav_location_btn_on.gif); }

#menu_5 {	background-image: url(../images/nav_access_btn.gif); }
#menu_5_on { background-image: url(../images/nav_access_btn_on.gif); background-color: #777; }
#menu_5 a {	background-image: url(../images/nav_access_btn.gif); }
#menu_5 a:hover {	background-image: url(../images/nav_access_btn_on.gif);	}

#menu_6 {	background-image: url(../images/nav_gallery_btn.gif);	}
#menu_6_on { background-image: url(../images/nav_gallery_btn_on.gif); background-color: #777; }
#menu_6 a {	background-image: url(../images/nav_gallery_btn.gif); }
#menu_6 a:hover {	background-image: url(../images/nav_gallery_btn_on.gif);	}

#menu_7 {	background-image: url(../images/nav_plan_btn.gif); }
#menu_7_on {	background-image: url(../images/nav_plan_btn_on.gif); background-color: #777; }
#menu_7 a {	background-image: url(../images/nav_plan_btn.gif); }
#menu_7 a:hover {	background-image: url(../images/nav_plan_btn_on.gif); }

#menu_8 {	background-image: url(../images/nav_equipment_btn.gif);	}
#menu_8_on { background-image: url(../images/nav_equipment_btn_on.gif); background-color: #777; }
#menu_8 a {	background-image: url(../images/nav_equipment_btn.gif); }
#menu_8 a:hover {	background-image: url(../images/nav_equipment_btn_on.gif);	}
	
#menu_9 {	background-image: url(../images/nav_security_btn.gif); }
#menu_9_on { background-image: url(../images/nav_security_btn_on.gif); background-color: #777; }
#menu_9 a {	background-image: url(../images/nav_security_btn.gif); }
#menu_9 a:hover {	background-image: url(../images/nav_security_btn_on.gif);	}

#menu_10 { background-image: url(../images/nav_results_btn.gif); }
#menu_10_on { background-image: url(../images/nav_results_btn_on.gif); background-color: #777; }
#menu_10 a { background-image: url(../images/nav_results_btn.gif); }
#menu_10 a:hover { background-image: url(../images/nav_results_btn_on.gif); }


/* header button settings */
li.topMapBtn { width: 136px; height: 35px; padding-right: 10px; }
li.topOutlineBtn { width: 136px; height: 35px; padding-right: 10px;  }
li.topReqBtn { width: 130px; height: 35px; padding-right: 10px; }

/* ■■■ contents ■■■ */
#contentWrap {
	width: 100%;
}


/* ■■■ footer ■■■ */
#footWrap {
	width: 960px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #999;
	}

#footer {
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 960px;
	height: auto;
}

#footer div {	float: left; }
#footer div:first-child {
	padding-right: 49px;
	border-right: 1px dotted #ccc;
}
#footer div.footFreeTel {
	padding-left: 48px;
	padding-right: 49px;
	border-right: 1px dotted #ccc;
}
#footer div.footQrInfo {
	padding-left: 48px;
	padding-right: 20px;
	border-right: 1px dotted #ccc;
}

#toPageTop {
	position: fixed;
	bottom: 2%;
	right: 2%;
}
/*============================================================================================
共通 end
============================================================================================*/
/*下層タイトル周り*/
#headTitBox {
	width: 960px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	}

#headTitBox p {
	margin-top: 20px;
	color: #777;
}
#headTitBox h2 {
	width: 100%;
	height: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
	}
#copyContent {
	margin: 0 auto;
	padding-bottom: 40px;
	width: 100%;
	height: auto;

}
#copyContent h3 {
	margin-top: 40px;
	text-align: center;
	margin-bottom: 40px;
	}
#copyContent h3 + p {
	text-align: center;
}

/* 注釈1 */
p.notice {
	margin: 10px auto 20px;
	width: 960px;
	height: auto;
	color: #aaa;
	line-height: 17px;
	font-size: 10px;
}
@media screen and (max-width: 960px) {
	/*下層タイトル周り*/
#headTitBox { width: 95%; }
		
		
#copyContent h3 {
	margin-top: 70px;
	margin-bottom: 40px;
}
	
/*フッタ*/
#footWrap {	height: auto;	}
	
	
	
}
@media screen and (max-width: 640px) {
	/*下層タイトル周り*/
#headTitBox p {
	margin-top: 20px;
	color: #777;
}

#copyContent {
	margin: 0 auto;
	padding-bottom: 40px;
	width: 100%;
	height: auto;
}

#copyContent h3 {
	margin-top: 70px;
	margin-bottom: 30px;
}

/*フッタ*/
#footWrap {
	width: 100%;
	height: auto;
}
	

}
@media screen and (max-width: 480px) {
		
/*フッタ*/
#footWrap {	margin-top: 40px;	}

}