@charset "Shift_JIS";

nav.gnav li a {

  text-decoration: none;

  color: #333333;

}

header *,  footer * {

  margin: 0;

  padding: 0;

}

.nav_wrap,

.header_wrap,

footer {

  font-size: 14px;

  line-height: 1.7;

  

    font-family: "メイリオ", "Meiryo", "游ゴシック", YuGothic, sans-serif;

    color: #333;

}

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



.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/hkt2_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;

}

.cnav ul{top: 0;}

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: 16px;

	float: left;

	width: 105px;

	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: #b28850;

  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 #b28850;

	/*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%;

	background: #422b1b  url(../img/wood_bg.jpg);

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

}

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%;

	padding-top: 10px;

}

.fnav-inner{

	width: 960px;

	margin: 0 auto;

	position: relative;

	}

	

.fnav ul {

	/*text-align: center;*/

	width: 120px;

	float: left;

}

.fnav ul li {

	display: inline-block;

	padding: 0 0 10px 0;

	margin-right: 20px;

	width: 120px;

  border: none;

}

.fnav ul li a {

	color: #fff;

	text-decoration: none;

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

	padding-left: 12px;

}

footer .copyright {

	width: 960px;

	margin: 0 auto;

	padding-bottom: 60px;

	text-align: right;

	font-size: 12px;

	color: #fff;

}

footer .copyright p{margin: 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;

}