@charset "utf-8";

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

   common
         - header
            - nav
            - footer
            - pagetop

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


/*reset-------------------------------------------------*/
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,header,section,article,aside,footer,nav,li  {
  margin: 0;
  padding: 0;
}

table {
 border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: none;
  vertical-align: top;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}

header,section,article,aside,footer,nav {
 display: block;
}

ul {
  list-style: none;
}

figure {
  margin:0px;
}
/*-------------------------------------------------reset*/


/*common-------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  color: #231f20;
  font-size: 16px;
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width:100%;
}

a {
  text-decoration:none;
  cursor:pointer;
  color: #231f20;
}

a:hover {
  /*color:#FF9326;*/
}

.clear:after {
 content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear{
}

/* mac \*/
* html .clear {
 height: 1%;
}
.clear {
 clear: both;
}
/*-------------------------------------------------common*/


/*------------------------------------------------------------------------------------------------
  header
--------------------------------------------------------------------------------------------------*/

header {
  width: 100%;
		min-width: 960px;
  margin: 0 auto;
}

header img {
  max-width:100%;
}

/*------------------------------------------------------------------------------------------------
  nav (japanese)
--------------------------------------------------------------------------------------------------*/

nav {
  width:100%;
  background:#231f20;
  height:150px;
  margin:0 auto;
}

nav .logo {
  float:left;
  margin-right:8px;
  padding-top:50px;
}

nav ul {
  width: auto;
  list-style: none;
  float:right;
}

nav ul li {
  float: left;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  height:75px;
}

nav ul li a {
  display: block;
  height:75px;
}

nav ul li#navleft a {
  width: 4px;
  background: url(../image/gnavi.png) no-repeat 0px 17px;
}

nav ul li#nav01 a:link,
nav ul li#nav01 a:visited {
  width: 158px;
  background: url(../image/gnavi.png) no-repeat -4px 17px;
}

nav ul li#nav01 a:hover,
nav ul li#nav01 a:active,
nav ul li#nav01 a.now {
  background:#0089c6 url(../image/gnavi.png) no-repeat -4px 17px;
}

nav ul li#nav02 a:link,
nav ul li#nav02 a:visited {
  width: 158px;
  background: url(../image/gnavi.png) no-repeat -162px 17px;
}

nav ul li#nav02 a:hover,
nav ul li#nav02 a:active,
nav ul li#nav02 a.now {
  background: #0089c6 url(../image/gnavi.png) no-repeat -162px 17px;
}

nav ul li#nav03 a:link,
nav ul li#nav03 a:visited {
  width: 160px;
  background: url(../image/gnavi.png) no-repeat -320px 17px;
}

nav ul li#nav03 a:hover,
nav ul li#nav03 a:active,
nav ul li#nav03 a.now {
  background:#0089c6 url(../image/gnavi.png) no-repeat -320px 17px;
}

nav ul li#nav04 a:link,
nav ul li#nav04 a:visited {
  width: 156px;
  background: url(../image/gnavi.png) no-repeat -480px 17px;
}

nav ul li#nav04 a:hover,
nav ul li#nav04 a:active,
nav ul li#nav04 a.now {
  background:#0089c6 url(../image/gnavi.png) no-repeat -480px 17px;
}


nav ul li#navright a {
  width: 3px;
  background: url(../image/gnavi.png) no-repeat -636px 17px;
}


nav ul li#nav05 a:link,
nav ul li#nav05 a:visited {
  width: 158px;
  background: url(../image/gnavi2.png) no-repeat -4px 17px;
}

nav ul li#nav05 a:hover,
nav ul li#nav05 a:active,
nav ul li#nav05 a.now {
  background:#0089c6 url(../image/gnavi2.png) no-repeat -4px 17px;
}

nav ul li#nav06 a:link,
nav ul li#nav06 a:visited {
  width: 158px;
  background: url(../image/gnavi2.png) no-repeat -162px 17px;
}

nav ul li#nav06 a:hover,
nav ul li#nav06 a:active,
nav ul li#nav06 a.now {
  background: #0089c6 url(../image/gnavi2.png) no-repeat -162px 17px;
}

nav ul li#nav07 a:link,
nav ul li#nav07 a:visited {
  width: 160px;
  background: url(../image/gnavi2.png) no-repeat -320px 17px;
}

nav ul li#nav07 a:hover,
nav ul li#nav07 a:active,
nav ul li#nav07 a.now {
  background:#0089c6 url(../image/gnavi2.png) no-repeat -320px 17px;
}

nav ul li#nav08 a:link,
nav ul li#nav08 a:visited {
  width: 156px;
  background: url(../image/gnavi2.png) no-repeat -480px 17px;
}

nav ul li#nav08 a:hover,
nav ul li#nav08 a:active,
nav ul li#nav08 a.now {
  background:#0089c6 url(../image/gnavi2.png) no-repeat -480px 17px;
}

.blue{
	background-color:#0089c6;
}

/*------------------------------------------------------------------------------------------------
  content
--------------------------------------------------------------------------------------------------*/
.container {
  width:960px;
  margin: 0 auto;
}

.container2 {
  width:960px;
  margin: 0 auto;
  margin-top: 20px;
}


/*------------------------------------------------------------------------------------------------
  footer
--------------------------------------------------------------------------------------------------*/


.ftop {
	width: 960px;
	margin: 0 auto;
}


.ftop .mail {
	float: right;
}

.mailarea1 {
	position: relative;
	width: 100%;
	height: 278px;
	background: url(../image/img_contact_index.png) center center;
	background-size: auto 278px;
	text-align: center;
}

.mailarea1 p.text {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.mailarea1 p.text img {
	width: 700px;
	height: auto;
}

.mailarea1 .btn {
	position: absolute;
	top: 190px;
	left: 0;
	right: 0;
}

.mailarea1 .btn a {
	display: inline-block;
}






.mailimg{
	width:100%;
	margin-top: -30px;
}


a:hover img {
opacity: 0.7;
filter: alpha(opacity=80);
}

.ftop .iso {
	float: left;
}

.isoimg{
	margin-top: 40px;
	display: block;
    margin-left: auto;
    margin-right: auto;

}
.ptop {
	position: relative;
    top: -20px;
    text-align: right;
    margin-right: 40px;
}


footer {
  width:100%;
  color:#656565;
}

.footer-top {
  width:100%;
  margin-bottom:40px;
}



.footer-link {
  height:60px;
  line-height:60px;
  background:#231f20;
}

.footer-link a {
  color:#fff;
  font-size:19px;
}

.footer-link a::before {
  content:url(../image/icon1_footer.png);
  width:17px;
  height:17px;
  margin-right:10px;
  vertical-align:middle;
}

.footer-link a::after {
  content:url(../image/icon2_footer.png);
  width:17px;
  height:10px;
  margin-left:5px;
  margin-right:15px;
  vertical-align:top;
}

.footer-bottom {
  padding:30px 0px 90px 0px;
}

.footer-bottom .logo-footer {
  float:left;
  margin-right:15px;
}

.footer-bottom .text {
  float:left;
}

.footer-bottom .text span {
  font-size:21px;
  color:#0089c7;
  display:block;
}

.footer-bottom .coppy-right {
  float:right;
  font-size:14px;
  line-height:21px;
}