body {
  background-color: #777777;
  background-image: url("../img/back_all.jpg");
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiyro, "ＭＳ Ｐゴシック", sans-serif;
}

#header {
  width: 1200px;
  height: 845px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/back.jpg");
  position: relative;
}

h1 {
  position: absolute;
  top: 100px;
  left: 15px;
  z-index: 2;
}

#headerul {
  position: absolute;
  top: 415px;
  left: 35px;
  line-height: 40px;
  list-style-type: none;
  font-size: 21px;
  table-layout: auto;
  caption-side: bottom;
  border-collapse: separate;
  empty-cells: show;
}

#headerul_profile {
  position: absolute;
  top: 365px;
  left: 35px;
  line-height: 48px;
  list-style-type: none;
  font-size: 21px;
}

/* -------------------- */
/* ボタン風リンク設定 */
/* -------------------- */
#headerul a {
  display: inline-block;       /* ボックス化 */
  background-color: transparent; /* 背景を透明にする */
  color: black;                  /* 文字色を黒に変更 */
  padding: 8px 16px;           /* 上下左右の余白 */
  border-radius: 5px;          /* 角を丸く */
  text-decoration: none;       /* 下線を消す */
  font-weight: bold;           /* 太字 */
  transition: background-color 0.3s ease; /* ホバー時のアニメーション */
}

#headerul a:hover {
  background-color: #0056b3;   /* ホバー時に濃い青 */
}

#headerul_profile a {
  text-decoration: none;
  color: #555555;
}

#navy {
  color: navy;
}

#orange {
  color: orange;
}

#blue {
  color: dodgerblue;
}

#yellow {
  color: gold;
}

#green {
  color: yellowgreen;
}

#pink{
	color : hotpink;
}

/* 全てのリンクを少し小さく */
#headerul a {
  font-size: 20px;   /* 21px → 20px に調整 */
}

/* 会社概要だけ大きく強調 */
#navy + a {
  font-size: 26px;   /* 他より大きめに */
  font-weight: bold; /* 強調したい場合 */
}


p#caption {
  position: absolute;
  top: 50px;
  right: 180px;
  z-index: 2;
}

p.scramble_caption {
  position: absolute;
  top: 50px;
  right: 148px;
  z-index: 2;
}

#slide {
  position: absolute;
  top: 245px;
  left: 600px;
  z-index: 1;
}

#slideshow {
  position: relative;
  width: 465px;
  height: 323px;
}

#miraku {
  position: absolute;
  top: 675px;
}

#miraku img:hover {
  opacity: 0.5;
}

#inquiry_container {
  background-image: url("../img/back_inquiry.jpg");
  height: 90px;
}

#inquiry {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
}

#inquiry table {
  width: 1200px;
  height: 90px;
  border: medium none;
  border-collapse: collapse;
}

#inquiry th {
  width: 285px;
  height: 90px;
  text-align: left;
  margin-left: 30px;
  color: white;
  font-size: 20px;
  background-color: #c7000b;
}

#inquiry th img {
  margin-top: 7px;
  margin-left: 85px;
}

#inquiry td {
  font-size: 20px;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #323232 0%, #646464 100%) repeat scroll 0% 0%;
}

#inquiry td img {
  margin-left: 10px;
}

#main_container {
  height: 800px;
  background-color: white;
}

h2 {
  padding-top: 150px;
  padding-left: 710px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 33px;
}

#main_asia {
  width: 1200px;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/back_asia.jpg");
}

#main_scramble {
  width: 1200px;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/back_scramble.jpg");
}

#main_villa {
  width: 1200px;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/back_villa.jpg");
}

#main_villabon {
  width: 1200px;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/back_villabon.jpg");
}

.left_villabon {
  width: 500px;
  height: 800px;
  margin-left: 70px;
  float: left;
}

.right_villabon {
  width: 500px;
  height: 800px;
  margin-left: 45px;
  float: left;
}

.villabonh2 {
  padding-top: 400px;
  padding-left: 0px;
  width: 600px;
}

.h2size {
  font-size: 31px;
}

.villabontable {
  width: 500px;
  font-size: 15px;
}

.fontsize {
  font-size: 13px;
}

#main_profile {
  width: 1200px;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/back_plofile.jpg");
}

#maintable {
  width: 520px;
  float: left;
  padding-top: 350px;
  padding-left: 80px;
}

#maintable_takatoriyama {
  width: 700px;
  float: left;
  padding-top: 350px;
  padding-left: 80px;
}

#mainp {
  margin-top: 0px;
  padding-left: 740px;
  font-size: 18px;
}

#kome {
  font-size: 12px;
}

#copyright {
  position: absolute;
  top: 1700px;
  padding-left: 80px;
}

#header2 {
  width: 1200px;
  height: 675px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/back.jpg");
  position: relative;
}

#profile_group {
  padding-top: 50px;
  clear: both;
  font-size: 14px;
}

.profile_table {
  border-collapse: collapse;
  float: left;
  margin-top: 20px;
  margin-left: 100px;
}

.space {
  letter-spacing: 7px;
}

.borderth {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding-right: 20px;
  text-align: left;
}

.bordernoneth {
  border-bottom: medium none;
  border-right: 1px solid black;
  padding-right: 20px;
  text-align: left;
}

.profile_table tr {
}

.bordertd {
  width: 350px;
  border-bottom: 1px solid black;
  padding-left: 20px;
}

.bordernonetd {
  width: 350px;
  border-bottom: medium none;
  padding-left: 20px;
}

#profile_container {
  background-image: url("../img/back_inquiry2.png");
}

#inquiry_container2 {
  background-image: url("../img/back_inquiry2.png");
  height: 260px;
}

#profile_footer {
  width: 1200px;
  height: 260px;
  margin: 0px auto;
}

#footer {
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -15px;
  background-color: #485157;
}

footer {
  width: 1200px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -15px;
  background-color: #485157;
}

#logomini {
  float: left;
  margin-left: 80px;
}

#footerul {
  padding-top: 3px;
}

#footerul li {
  float: left;
  margin-top: 13px;
  margin-left: 10px;
  list-style-type: none;
  color: white;
  font-size: 12px;
}

#footerul li a {
  text-decoration: none;
  color: white;
  font-size: 12px;
}

.bukken #footerul li a:hover {
  color: #aaaaaa;
}