/* CSS Document */

@charset "UTF-8";

@import url('../css/reset.css');
@import url('../css/font.css');
@import url('g-navi2.css');

/*----------------------------------------------------------------------
全体
-----------------------------------------------------------------------*/
body {
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
}

div.inner {
	position: relative;
	width: 1150px;
	margin: 0 auto;
}

img:hover.ro {
	opacity: 0.82;
	filter : alpha(opacity=82);
}

/*----------------------------------------------------------------------
ヘッダー
-----------------------------------------------------------------------*/
header {
	z-index: 200;
	position: static;
	width: 100%;
	height: 332px;
	background-color: #00489E;
	font-size: 85%;
}

header div.inner {
	height: 332px;
	background-image: url(../images2/en_img/header_bg.jpg);
	background-repeat: no-repeat;
}

header h1 {
	position: absolute;
	top: 62px;
	left: 48px;
}

nav {
	position: absolute;
	bottom: 0;
	padding-left: 134px;
}

/*----------------------------------------------------------------------
サイドナビ
-----------------------------------------------------------------------*/
div#s-navi {
	top: 25px !important;
}

/*----------------------------------------------------------------------
スライドショー
-----------------------------------------------------------------------*/
div#top-slide {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 490px;
	height: 282px;
	text-align: center;
}

div#slideshow {
	width: 490px;
	height: 282px;
}

ul#topicPath {
	margin: 22px 0px 60px 48px;
	font-size: 85%;
	color: #2C2C2C;
}
ul#topicPath li {
	display: inline;
}
ul#topicPath li.index {
	padding-right: 10px;
	background: url(../images/com_img/topicpath.gif) no-repeat right center;
}

ul#topicPath li a {
	padding-right: 10px;
	background: url(../images/com_img/topicpath.gif) no-repeat right center;
}
ul#topicPath li a:hover {
	text-decoration: underline;
}

/*----------------------------------------------------------------------
バナー
-----------------------------------------------------------------------*/
a#banner {
	display: block;
	width: 752px;
	height: 143px;
	margin: 0;
	padding-top: 10px;
}

/*----------------------------------------------------------------------
pagetop
-----------------------------------------------------------------------*/
#page-top {
	z-index: 200;
	position: fixed;
    bottom: 146px;
	height: 51px;
    margin-left: 1180px;
	background-image: url(../images/com_img/pagetop_bg.png);
	background-position: 6px 0px;
	background-repeat: no-repeat;
}
#page-top:hover {
	opacity: 0.8;
	filter : alpha(opacity=80);
}
#page-top a {
	display: block;
	width: 48px;
	height: 13px;
	padding-top: 38px;
}

/*----------------------------------------------------------------------
Tel
-----------------------------------------------------------------------*/
section#tel {
	width: 100%;
	height: 160px;
	background-color: #E6E6E6;
}

section#tel div.inner {
	position: relative;
	width: 814px;
	height: 143px;
	margin: 0 auto;
	padding: 17px 168px 0px;
	text-align: center;
}

section#tel h1 {
	padding-left: 0;
	background-image: none;
	font-size: 26px;
}

section#tel a {
	position: absolute;
	top: 61px;
	left: 277px;
}
section#tel a::before {
	content: url(../images2/en_img/mail.gif);
}

section#tel a p {
	float: right;
	margin: 0px 0px 0px 20px;
	padding-top: 10px;
	font-size: 20px !important;
	text-decoration: none;
}

section#tel ul {
	position: absolute;
	top: 52px;
	right: 277px;
	font-size: 20px;
	text-align: right;
}

/*----------------------------------------------------------------------
フッター
-----------------------------------------------------------------------*/
footer {
	width: 100%;
	height: 135px;
	background-color: #052754;
	color: #FFF;
}

footer div.inner {
	height: 114px;
	padding-top: 21px;
	text-align: center;
}

address {
	margin-top: 9px;
	font-style: normal;
}

footer div.inner a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/*----------------------------------------------------------------------
サイドナビ修正2018＿05
-----------------------------------------------------------------------*/
div#s-navi {
	background-image: none !important;
}

div#s-navi a:hover img {
	opacity: 0.8;
	filter : alpha(opacity=80);
}