@charset "utf-8";
/* ===========================================
common.css
=========================================== */
a {
	color: inherit;
	text-decoration: none;
}
address {
	font-style: normal;
}
br {
	line-height: inherit;
}
html {
	overflow: auto;
}
body {
	position: relative;
	min-width: 1000px;
	line-height: 24px;
	overflow: hidden;
	color: #333;
	font-size: 13px;
	letter-spacing: 0.05em;
}
/* ===========================================
#gHeader
=========================================== */
#gHeader {
	width: 100%;
}
#gHeader .headerIn {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	padding: 23px 0 26px;
	text-align: center;
}
#gHeader .headerIn h1 {
	display: inline-block;
	margin-left: 0px;
}
#gHeader .headerIn .languages {
	float: right;
	overflow: hidden;
	padding-top: 18px;
}
#gHeader .headerIn .languages a {
	display: block;
	float: right;
	width: 25px;
	height: 20px;
}
#gHeader .headerIn .languages .jp {
	padding-bottom: 5px;
	border-bottom: 3px solid #a9894a;
}
#gHeader .headerIn .languages .en {
	margin-left: 25px;
}
#gHeader .headerIn .languages .en:hover {
	padding-bottom: 5px;
	border-bottom: 3px solid #a9894a;
}

/* ===========================================
#gNav
=========================================== */
#gNav {
	height: 70px;
	background: url(../images/bg_gnav01.jpg) repeat;
}
#gNav ul {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	background-image: none;
}
#gNav ul li {
	float: left;
}
#gNav ul li a {
	display: block;
	height: 70px;
	overflow: hidden;
	background-image: url(../images/gnav01.png);
	text-indent: 110%;
	white-space: nowrap;
}
#gNav ul li.page01 a {
	width: 231px;
	background-position: 0 0;
}
#gNav ul li.page02 a {
	width: 193px;
	background-position: -231px 0;
}
#gNav ul li.page03 a {
	width: 192px;
	background-position: -424px 0;
}
#gNav ul li.page04 a {
	width: 179px;
	background-position: -616px 0;
}
#gNav ul li.contact a {
	width: 205px;
	background-position: -795px 0;
}
/* hover */
#gNav ul li:hover ,
#page01  #gNav ul li.page01 ,
#page02  #gNav ul li.page02 ,
#page03  #gNav ul li.page03 ,
#page04  #gNav ul li.page04 ,
#contact #gNav ul li.contact { background-color: #4a6da7; opacity: 1; }

/* ===========================================
#breadcrumb
=========================================== */
#breadcrumb {
	width: 1000px;
	margin: 0 auto;
}
#breadcrumb ol {
	overflow: hidden;
	padding: 35px 0 48px;
}
#breadcrumb ol li {
	float: left;
}
#breadcrumb ol li:not(:first-child) {
	padding-left: 25px;
	background: url(../images/ico_arrow01.png) 10px center no-repeat;
}
#breadcrumb ol li a {
	display: block;
}

/* ===========================================
#page-top
=========================================== */
#page-top {
	position: fixed;
	right: 30px;
	bottom: 394px;
}

/* ===========================================
#footer
=========================================== */
#footer {
	background-color: #4a6da7;
}
#footer #footerNav {
	border-bottom: 1px solid #4a6da7;
}
#footer #footerNav ul {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
}
#footer #footerNav li {
	float: left;
}
#footer #footerNav li a {
	display: block;
	height: 51px;
	overflow: hidden;
	background-image: url(../images/nav01.png);
	text-indent: 110%;
	white-space: nowrap;
}
#footer #footerNav li.home a {
	width: 200px;
	background-position: -2px 0;
}
#footer #footerNav li.page01 a {
	width: 200px;
	background-position: -202px 0;
}
#footer #footerNav li.page02 a {
	width: 200px;
	background-position: -402px 0;
}
#footer #footerNav li.page03 a {
	width: 200px;
	background-position: -582px 0;
}
#footer #footerNav li.page04 a {
	width: 200px;
	background-position: -782px 0;
}
#footer #footerNav li a:hover {
	opacity: 0.7;
}
#footer .footerIn {
	display: flex;
	background-image: url(../images/bg02.png);

	justify-content: center;
}
#footer .footerIn .pic {
	width: 700px;
	height: 330px;
	background: url(../images/bg01.jpg) center 0;
	-webkit-background-size: cover;
	        background-size: cover;
}
#footer .footerIn .contact {
	width: 700px;
	height: 330px;
	line-height: 20px;
	color: #fff;
	text-align: center;
}
#footer .footerIn .contact > * {
	width: 500px;
}
#footer .footerIn .contact .logo {
	margin-left: 20px;
	padding: 48px 0 20px;
}
#footer .footerIn address {
	margin-left: 25px;
}
#footer .footerIn .contact .tel {
	line-height: 24px;
	margin: 8px 0 22px 25px;
}
#footer .footerIn .btn {
	margin-left: 25px;
}
#footer .footerIn .contact .mailbtn {
	margin: 0 0 0 15px;
}
#footer .copyright {
	line-height: 1.5;
	padding: 24px 0 26px;
	background-color: #fff;
	font-size: 12px;
	text-align: center;
}