/*============================
共通
===========================*/

body {
  font-family:  "游ゴシック", YuGothic, "メイリオ", Meiryo, serif;
  font-size: 14px;
  letter-spacing: 0.07em;
  line-height: 2.0em;
}
/*
フォントの指定はbodyで行う
font-familyのおさらい
適用優先度の高いフォントファミリーから記述する
フォントファミリー名にスペースや全角文字が含まれている場合は、クォーテーションで囲む
フォントのアルファベット名と日本語名を併記する場合は、日本語名を先に記述する
最後に総称フォントファミリーを記述することで、該当フォントがない環境にも対応する
ダブルバイト（日本語）のフォント名を記述するため、外部スタイルシートの冒頭には「@charset "UTF-8";」を記述する
*/

a {
  color: black;
  text-decoration: none;
}

a img:hover {
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
}
.wrapper {
  width: 962px;
  margin: 0 auto;
}

.contents {
  width:810px;
  margin: 0 auto;
}

h2 {
  padding-bottom: 42px;
}



/*============================
header
===========================*/

header {
  position:relative;
  height:185px;
}

#logo {
  position:absolute;
  top:33px;
  left:0px;
}

header nav {
  position:absolute;
  top: 33px;
  right:0px;
}

header nav li {
  display:inline-block;
  margin-right: 18px;
  vertical-align: top;
}

header nav li:last-child {
  margin-right: 0;
}



/*============================
top slide
===========================*/

#slider {
  width: 962px;
  height: 290px;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 0px;
  border-radius:0px;
  -webkit-box-shadow:none;
  box-shadow:none;
}
.slide{
  width: 100%;
  position: absolute;
  top:0;
  left:0;
  height:290px;
  }

.slide > div {
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  height: 290px;
}

#slide1 {
  z-index:3;
}

#slide2 {
  z-index:2;
  opacity:0;
}

#slide3 {
  z-index:1;
  opacity:0;
}

/*============================
content
===========================*/
/*
#contents {
  width:802px;
}
*/

#hajime{
    position: relative;
    padding-top: 45px;
    padding-bottom : 100px;
}

#map {
  position: absolute;
  top:193px;
  left:520px;
  z-index: 1;
}

#hajime h2 {
  padding-bottom: 37px;
  z-index: 2;
  }


#project {
  margin-top: 68px;
  margin-bottom: 100px;
}

#project h3 {
  padding-bottom: 42px;
}



#ptext {
letter-spacing: 0.1em;
}

#ptext li {
  float: left;
  width: 240px;
  margin-right: 45px;
  vertical-align: top;
}

#ptext li:last-child {
  margin-right: 0;
}

#company,#contact, #gbt {
  padding-top: 46px;
  padding-bottom: 100px;
}

#company h3{
  padding-top: 56px;
  padding-bottom: 27px;
}

table {
  margin: 0;
  padding: 0;
}
th {
  padding-right: 18px;
  text-align: left;
}

#contact h2 {
  padding-bottom: 44px;
}

#address {
  padding-top: 40px;
}

#gbt {
  cursor: pointer;
}

#copyright {
  padding-top: 27px;
  padding-bottom: 370px;
}