@charset "utf-8";
/*ベース部分*/

body {
  background-color: #000000;
}

img.bg {
  height: auto;
  left: 0;
  min-height: 768px;
  min-width: 1024px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
img.bg2 {
  height: auto;
  min-height: 100%;
  min-width: 430px;
  position: absolute;
  top: 0;
  right:0;
  width: 40%;
  z-index: -1;
}

/*サイドナビ部分*/

#sidebar {
  background: url("../img/sidebar_bg.png") repeat-y scroll 0 0 transparent;
  height: 100%;
  padding: 0 5px 0 0;
  position: fixed;
  width: 200px;
  z-index: 2;
}
#sidebar:after {
  content: url("../img/sidebar_bg_icon.png");
  height: 13px;
  left: 200px;
  position: absolute;
  top: 72px;
  width: 8px;
}
#villa #sidebar:after {
  top: 173px;
}
#housing #sidebar:after {
  top: 226px;
}
#private #sidebar:after {
  top: 277px;
}
#public #sidebar:after {
  top: 327px;
}
#reformation #sidebar:after {
  top: 378px;
}
#sidebar h1,#sidebar p {
  background: url("../img/logo.gif") no-repeat scroll 50% 50% transparent;
  height: 158px;
  text-indent: -9999px;
}
#sidebar p a {
  display: block;
  height: 158px;
}
#sidebar nav ul li a {
  background: url("../img/nav.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 51px;
  text-indent: -9999px;
}
#sidebar nav ul li.housing a {
  background-position: 0 -51px;
}
#sidebar nav ul li.private a {
  background-position: 0 -102px;
}
#sidebar nav ul li.public a {
  background-position: 0 -153px;
}
#sidebar nav ul li.reformation a {
  background-position: 0 -204px;
}
#villa #sidebar nav ul li.villa a,
#housing #sidebar nav ul li.housing a,
#private #sidebar nav ul li.private a,
#public #sidebar nav ul li.public a {
  height: 45px;
}
#villa #sidebar nav ul li.villa_achieve a,
#housing #sidebar nav ul li.housing_achieve a,
#private #sidebar nav ul li.private_achieve a,
#public #sidebar nav ul li.public_achieve a {
  background-position: 0 -265px;
  height: 36px;
}
#sidebar aside {
  margin: 15px 0 0;
}
#sidebar aside > ul {
  margin: 0 auto;
  width: 172px;
}
#sidebar aside > ul > li {
  position: relative;
}
#sidebar aside > ul > li > a {
  background: url("../img/about.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 37px;
  text-indent: -9999px;
}
#sidebar aside > ul > li ul {
  display: none;
  left: 164px;
  position: absolute;
  top: -59px;
  width: 200px;
  z-index: 1;
}
#sidebar aside > ul > li ul li a {
  background: url("../img/about_list.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 31px;
  text-indent: -9999px;
}
#sidebar aside > ul > li ul li:nth-of-type(2) a {
  background-position: 0 -31px;
}
#sidebar aside > ul > li ul li:nth-of-type(3) a {
  background-position: 0 -61px;
}
#sidebar aside > ul > li ul li:nth-of-type(4) a {
  background-position: 0 -92px;
}
#sidebar aside > ul > li ul li:nth-of-type(5) a {
  background-position: 0 -122px;
}
#sidebar aside > ul > li ul li:nth-of-type(6) a {
  background-position: 0 -152px;
}
#sidebar aside > ul > li ul li:nth-of-type(7) a {
  background-position: 0 -182px;
}
#sidebar aside > ul > li ul li:nth-of-type(8) a {
  background-position: 0 -212px;
}
#sidebar aside > ul > li ul li:nth-of-type(9) a {
  background-position: 0 -242px;
}
#sidebar address {
  margin: 20px 0 0;
}
#sidebar address a {
  background: url("../img/contact.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 76px;
  margin: 0 auto;
  text-indent: -9999px;
  width: 170px;
}
#sidebar small {
  background: url("../img/copyright.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 22px;
  margin: 15px 0 0 15px;
  text-indent: -9999px;
  width: 170px;
}

#sidebar small.company_info {
  background: url("none");
  display: block;
  height: auto;
  margin: 17px 0 10px 15px;
  text-indent: 0;
  width: 170px;
  font-size: 65%;
  line-height: 1.5;
  color: #666;
}

/*コンテンツ部分*/

#main {
  float: left;
  width: 100%;
}
#main section {
  min-height: 768px;
  min-width: 1024px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#main section .content {
  padding-left: 250px;
  padding-right: 50px;
  width: auto;
}
#main section .content h1,#main section .content h2,#main section .content h3 {
  text-indent: -9999px;
}
#main section .content p {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1.8;
}
#main section .content li {
  font-size: 12px;
  line-height: 1.8;
}
#main section .content a,
#main section .content2 a {
  color: #000000;
}
#main section .content a:hover,
#main section .content2 a:hover {
  text-decoration: none;
}
#main section .slide {
  width: 100000px;
}
#main section .slide article {
  float: left;
  min-height: 768px;
  min-width: 1024px;
  position: relative;
}
#main section .slide article ul.btn li a {
  background: url("../img/btn_slide.png") no-repeat scroll 0 0 transparent;
  height: 60px;
  width: 60px;
  position: absolute;
  text-indent: -9999px;
  top: 46%;
}
#main section .slide article ul.btn li a.prev {
  left: 220px;
}
#main section .slide article ul.btn li a.next {
  background-position: -60px 0;
  right: 20px;
}
#main section a.archive {
  position:absolute;
  right:40px;
  width:130px;
  height:130px;
  text-indent: -9999px;
  display:block;
}

/*実績一覧部分*/

#main section#achieve article {
  padding:0!important;
}
#main section#achieve article .content {
  padding:14% 0 0 20%!important;
}
#main section#achieve h1 {
  width:250px;
  height:70px;
  position:absolute;
  top:8%;
  left:29.5%;
}
#villa #main section#achieve h1 {
  background: url("../villa/img/achieve_tit.gif") no-repeat scroll 0 0 transparent;
}
#housing #main section#achieve h1 {
  background: url("../housing/img/achieve_tit.gif") no-repeat scroll 0 0 transparent;
}
#private #main section#achieve h1 {
  background: url("../private/img/achieve_tit.gif") no-repeat scroll 0 0 transparent;
}
#public #main section#achieve h1 {
  background: url("../public/img/achieve_tit.gif") no-repeat scroll 0 0 transparent;
}
#main section#achieve .content ul {
  overflow:hidden;
  padding:0 10% 0 12%;
}
#main section#achieve .content ul li {
  float:left;
  padding:0 15px 15px 0;
}
#main section#achieve .content ul li img {
  display:block;
}

/*実績詳細部分*/

#main section#ach_entry {
  background: url("../img/white_bg.png") scroll 0 0 transparent;
}
#main section#ach_entry .content {
  padding: 40px 0 0 240px!important;
  overflow:visible!important;
}
#main section#ach_entry .content article {
  width:330px;
  padding:0;
}
#main section#ach_entry .content article div img {
  display:block;
}
#main section#ach_entry .content article .contact_us{
  display:block;
  background: url("../img/btn_contact_us.gif") scroll 0 0 transparent;
  width:162px;
  height:38px;
  margin:0 0 0 74px;
  text-indent: -9999px;
}
#main section#ach_entry .content article p {
  font-size:26px;
  margin:0 0 20px 0;
  color:#000;
}
#main section#ach_entry .content a.close_btn {
  width:60px;
  height:60px;
  display:block;
  position:absolute;
  top:0;
  right:0;
  background: url("../img/btn_close.png") scroll 0 0 transparent;
  text-indent: -9999px;
}
#main section#ach_entry .content table {
  width:312px;
  margin:0 0 20px 0;
}
#main section#ach_entry .content table tr td {
  border-bottom:1px dotted #000;
  font-size:12px;
  padding:10px 0;
  line-height:1.8;
}
#main section#ach_entry .content ul {
  overflow:hidden;
}
#main section#ach_entry .content ul li {
  float:left;
}
#main section#ach_entry .content ul#tab li a {
  display:block;
  width:156px;
  height:30px;
  background-image: url("../img/tab.png") ;
  background-position:0 -30px;
  text-indent: -9999px;
}
#main section#ach_entry .content ul#tab li:nth-of-type(2) a {
  background-position:-156px 0;
}
#main section#ach_entry .content ul#tab li.selected a {
  background-position:0 0;
}
#main section#ach_entry .content ul#tab li:nth-of-type(2).selected a {
  background-position:-156px -30px;
}
#main section#ach_entry .content div ul li {
  padding:10px 10px 20px 0;
}

/*基本スタイル*/

ul {
  list-style: none;
}
a, input {
  outline: none;
}
input[type="submit"]::-moz-focus-inner {
  border: 0;
}
