@charset "Shift_JIS";

nav.gnav li a{ text-decoration: none; color: #333333;}

header *,

footer *{margin: 0;padding: 0;}



.header_wrap,

footer{font-size: 14px;}



/*ヘッダーテキスト*/

.toptxt{ width: 100%; background: #e2e2e2; line-height: 30px;}

.toptxt .toptxtin{ width: 1300px; margin: 0 auto;}

/*

--------------------------------------------------

	header

-------------------------------------------------- */

header {

	width: 1300px;

	margin: 0 auto;

	position: relative;

	height: 120px;

	position: relative;

}

.header-inner {

	width: 1300px;

	margin: 0 auto;

}

header h1 {

	font-size: 24px;

	/*width: 240px;*/

	height: 80px;

	padding-top: 25px;

	padding-left: 195px;

	

	text-indent:100%;

	white-space:nowrap;

	overflow:hidden;

	background: url(../img/hkt1_logo.png) no-repeat 195px 25px;

	text-indent: -9999em;

}



header .logoimg{ position: absolute; top: 13px; left: 27px;}



/*外国語リンク*/

header .langnav {

	float: right;

	position: absolute;

	/*top: 84px;*/

	top: -25px;;

	right: 0;

	z-index: 9998;

}

header .langnav li {

	float: left;

	margin: 0 0 0 20px;

}

header .langnav li a{

color: #fff;

background: #666666;

text-align: center;

width: 95px;

line-height: 1.3;

border-radius: 10px;

	/*background: url(../img/langnav_arrow.png)no-repeat left center;*/

	display:block;

	padding: 0 0 0 /*12px*/;

	text-decoration: none;

}

header .langnav li a:hover{opacity:0.5;}



/*パーツボタン*/

.cnav {

	position: absolute;

	top: 33px;

	/*right: 245px;*/

	right: 230px;

}

header .cnav li {

	float: left;

  margin: 0;

}

header .cnav li a {

	display: block;

	background: url(../img/header_plan.png) top left no-repeat;

	width:145px;

	height: 30px;

	/*padding: 6px 24px 6px 15px;

	color: #fff;

	font-size: 14px;*/

	/*background: #000 url(../img/langnav_arrow_w.png)no-repeat left 8px center;*/

	

	text-indent:100%;

	white-space:nowrap;

	overflow:hidden;

	



}

header .cnav li a:after {/*content:'>'; color: #fff; font-size: 1em; position: absolute;right: 8px;top: 15%;vertical-align: bottom;*/}



header .cnav li a:hover {

	

	/*background: gray url(../img/langnav_arrow_w.png)no-repeat left 8px center;*/

}



header .right{text-align: right;}

header .hnav li{

	float:left;

	margin-bottom: 20px;

}

header .hnav li a {

	width: 120px;

	background: black;

	margin-left: 10px;

	display: block;

	text-align: center;

	color: #fff;

	height: 30px;

	line-height: 30px;

}

header .hnav li a:hover{background:gray;}

header .header_tel {

font-family: "Times New Roman", Times, "serif";

	/*background: url(../img/header_tel.png)no-repeat bottom left;*/

	background-size: 24px;

	padding-left: 30px;

	font-size: 32px;

	/*line-height: 24px;*/

  line-height: 54px;

	position: absolute;

	right: 0;

	top: 20px;

}

header .hnavSP{display:none;}

#headerMenu{width:100%;}

#headerMenu ul{letter-spacing: -.4em; }

#headerMenu nav{margin: 0 auto;width: 960px;}

#headerMenu nav li{letter-spacing: normal;}

#headerMenu nav li a{

	 margin:0 auto;

	float:left;

	display: block;

	width: 120px;

	height: 80px;

	line-height: 80px;

	text-align: center;

	transition: initial;

	}

#headerMenu nav li a:hover{background:url(../img/navArrow.png)no-repeat center bottom;translate:0s;}





/*

--------------------------------------------------

	Navigation

-------------------------------------------------- */

nav { width: 100%;}

.nav-inner {

	width: 960px;

	margin: 0 auto 8px;

}

nav ul {

	letter-spacing: -.4em;

}

nav ul:after {

  content: "";

  clear: both;

  display: block;

}

nav.gnav li a {

font-size: 18px;

	float: left;

	width: 120px;

	text-align: center;

	height: 60px;

	line-height: 60px;

	display:block;

	background-position: center bottom -4px;

	letter-spacing: normal;

}

nav li a:hover{/*background:url(../img/navArrow.png)no-repeat center bottom;*/translate:0s;}

/*hover.css*/

nav li {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  position: relative;

  overflow: hidden;

}

nav li:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 50%;

  right: 50%;

  bottom: 0;

  background: #000;

  height: 2px;

  -webkit-transition-property: left, right;

  transition-property: left, right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

nav li:hover:before, nav li:focus:before, nav li:active:before {

  left: 0;

  right: 0;

}



/*カレント表示*/

nav li.current a {

	border-bottom: 2px solid #000;

	/*background: url(../img/navArrow.png)no-repeat center bottom;*/

}

/*fixed*/

nav.fixed {

	background: #fff;

	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.18);

}





/*

--------------------------------------------------

	footer

-------------------------------------------------- */

footer {

	width: 100%;

	/*border-top: 1px solid #000;*/

	/*background: #e9e9e9;*/

	background: #2e2e2e;

	

}

footer .inner{ }

footer .infoPhoto img{width:200px;}

footer .rowWrap{margin:20px 0}

footer .infoPhoto{float:left; width:200px; margin-right:20px;}

footer .infoaddress{float:left; width:300px;}

footer .infoText{float:right; width:400px; }

footer nav#footerMenu  {margin: 20px 0;}

footer nav#footerMenu ul{  font-size: 0;  text-align: center;}

footer nav#footerMenu ul li{display: inline-block;margin-right:10px;position:relative;}

footer nav#footerMenu ul li:last-child{margin-right:0px;}

footer nav#footerMenu ul li:before {

	content: "test";

	width: 10px;

	height: 10px;

	background: url(../img/fnavArrow_w.png)no-repeat;

	position: absolute;

	left: 5px;

	top: 6px;

}

footer nav#footerMenu li a {

	color:#fff;

	width: 110px;

	height: 26px;

	display: block;

	font-size: 14px;

}









.information {

	width: 960px;

	margin: 0 auto;

}

.information-inner {

	margin: 10px 0;

}

.information-inner:after {

  content: "";

  clear: both;

  display: block;

}

.information-photo {

	width: 200px;

	float: left;

	margin: 0 20px 0 0;

}

.information-access {

	overflow: hidden;

}

.information-read {

	overflow: hidden;

}

.fnav {

	width: 100%;

	/*background: #333333;*/

	background: #2e2e2e;

	padding-top: 20px;

	width: 100%;

}

.fnav-inner{

	width: 960px;

	margin: 0 auto;

	position: relative;

  line-height: 1.7;

  padding: 0;

	}

.fnav ul {

	/*text-align: center;*/

	width: 120px;

	float: left;

}

.fnav li {

	display: inline-block !important;

	padding: 0 0 10px 0 !important;

	margin-right: 20px !important;

	width: 120px !important;

}

.fnav li a {

	color: #fff !important;

	text-decoration: none;

	/*background: url(../img/footer_arrow.png) no-repeat left center;*/

	padding-left: 12px;

}

/*footer .copyright {

	background: #000;

	text-align: center;

	line-height: 40px;

	font-size: 12px;

	color: #fff;

}*/



footer .copyright {

	width: 960px;

	margin: 0 auto;

	padding-bottom: 60px;

	text-align: right;

	font-size: 12px;

	color: #fff;

}

.copyright p{padding: 0;}



footer .ficon{ position: absolute; top: 0; right: 0;}



footer .faddress{ color: #fff; text-align: right; position: absolute; top: 0; right: 0;}

footer .faddress .faddtx01{ font-size: 19px;}

footer .faddress .faddtx02{ font-size: 13px;}



/*



/*防火マーク*/



.fbnrarea02 {width: 100%; margin: 0 auto; padding: 35px 0 40px; background: #e9e9e9; text-align: center;}

.fbnrarea02 ul{width: 960px; margin: 0 auto; position: relative;}

.fbnrarea02 li{ float: left;}

.fbnrarea02 .bnr01{ margin-right: 18px;}

.fbnrarea02 .bnr02{margin-right: 15px;}

.fbnrarea02 .bnr03{margin-right: 15px;}

.fbnrarea02 .bnr04{ }

.bnrbouka{ position: absolute; top:80px; right: 0;}

.fbnrarea02 {width: 100%; margin: 0 auto; padding: 25px 0 70px; background: #e9e9e9;}



.container{border-top: none !important;}

.logo{padding: 0 !important;}



.nav_wrap{

	padding-bottom: 15px;

	box-shadow:0px 6px 4px -9px #000000;

}

.fnav{background: none !important;}