@charset "UTF-8";
/* CSS Document */

/*  ---------------------------------------
           bace
------------------------------------------- */
body {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif;
  margin: 0px;
  padding: 0px;
  background-color: #EDEADA;
  background-image: url(../habita/img/back.gif);
  background-repeat: repeat-x;
  background-position: top;
}
#container {
  width: 970px;
  text-align: left;
  margin: auto;
}
img {
    border: none;
    vertical-align: top;
}
/* text */
.green13bold {
  color: #416014;
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
.green12 {
  color: #416014;
  font-size: 12px;
}
p {
  font-size: 12px;
  line-height: 1.5;
  margin: 0px;
  padding: 0px;
  color: #282828;
}
h1 {
  height: 60px;
  margin: 0px;
  padding: 8px 0px 0px 30px;
  background-image: url(../habita/img/header/rogo.gif);
  background-repeat: no-repeat;
  width: 267px;
  display: block;
  text-indent: -999px;
  background-position: right bottom;
  float: left;
}
.midashi {
  color: #5E4011;
  font-size: 15px;
  font-weight: bold;
  background-image: url(../habita/img/tenline.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  margin: 0px;
  padding-bottom: 20px;
  clear: left;
  padding-top: 15px;
}
a:link {
  color: #276C85;
  text-decoration: underline;
}
a:visited {
  color: #003399;
  text-decoration: underline;
}
a:hover {
  color: #3399CC;
  text-decoration: underline;
}

/*  ---------------------------------------
           header 
------------------------------------------- */
#header {
  width: 970px;
  padding: 0px;
  height: 145px;
  margin: 0px;
  background-image: url(../habita/img/obi.gif);
  background-position: bottom;
  background-repeat: no-repeat;
}
#main_bn {
  height: 290px;
  width: 650px;
  background-image: url(../img/back_moyou.gif);
  background-repeat: repeat;
  float: left;
  padding: 30px 0px 30px 30px;
}
#main_bn img {
  float: left;
  padding-right: 15px;
  padding-bottom: 10px;
}
ul {
  margin: 0px;
  padding: 0px;
}
li {
  list-style-type: none;
}

/* header_bt */
#header_bt {
	height: 60px;
	width: 418px;
	padding-top: 25px;
	margin-left: 522px;
	background-image: url(../habita/img/header/freetel.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 10px;
}
a.home {
  background-image: url(../img/header/bt_home.gif);
}
a.habita {
  background-image: url(../img/header/bt_habita.gif);
}
a.form {
  background-image: url(../img/header/bt_form.gif);
}

/* contens_bt */
#menu {
  height: 280px;
  width: 220px;
}
#menu ul.menu-main {
}
#menu ul.menu-main li {
  margin-bottom: 8px;
  float: left;
}
#menu ul.menu-main li a {
  background-repeat: no-repeat;
  background-position: 0px 0px;
  display: block;
  text-indent: -700em;
  height: 80px;
  width: 220px;
}
#menu ul.menu-main li a:hover {
  background-position: 0px -80px;
}
a.top {
  background-image: url(../habita/img/index/bt_top.jpg);
}
a.consept {
  background-image: url(../habita/img/index/bt_consept.jpg);
}
a.seihin {
  background-image: url(../habita/img/index/bt_seihin.jpg);
}
a.modelhouse {
	background-image: url(../habita/img/index/bt_model02.jpg);
}

/*  ---------------------------------------
           index
------------------------------------------- */
#main_flash {
  width: 573px;
  height: 587px;
  float: left;
}
#container #indexmain {
  height: 550px;
  background-image: url(../habita/img/index/left_back.gif);
  background-repeat: no-repeat;
}
#container #right {
  float: left;
  padding-top: 15px;
  padding-left: 17px;
}

/*  left
------------------------------------------- */
#left {
  width: 220px;
  float: left;
  background-image: url(../habita/img/index/left_back.gif);
  background-repeat: no-repeat;
  padding-left: 90px;
  padding-right: 70px;
  height: 605px;
}
#left #habitarogo {
	padding-top: 30px;
}
#left img {
  padding-top: 20px;
  padding-bottom: 15px;
}
#left #habita_link {
	width: 220px;
	float: left;
}
#left #habita_link img {
	padding: 0px;
}
#left #habita_link p {
	background-image: url(../img/tenline.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 20px;
	display: block;
	margin-top: 10px;
}

/*  ---------------------------------------
           main
------------------------------------------- */
/* consept */
#container #mainright {
  width: 558px;
  float: left;
}
#container #main {
  float: left;
  background-image: url(../habita/img/back_main.gif);
  background-repeat: repeat-y;
  width: 970px;
}
#mainleft img {
  padding-bottom: 20px;
}
#mainleft {
  width: 212px;
  padding-right: 60px;
  padding-left: 90px;
  float: left;
}
#mainright img {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

/* sub_bt */
#sub {
	height: 130px;
}
#sub ul.sub-main {
}
#sub ul.sub-main li {
  margin-bottom: 8px;
  float: left;
}
#sub ul.sub-main li a {
  background-repeat: no-repeat;
  background-position: 0px 0px;
  display: block;
  text-indent: -999em;
  height: 22px;
  width: 212px;
}
#sub ul.sub-main li a:hover {
  background-position: 0px -22px;
}
a.subtop {
  background-image: url(../habita/img/bt_sub_top.gif);
}
a.subconsept {
  background-image: url(../habita/img/bt_sub_consept.gif);
}
a.subseihin {
  background-image: url(../habita/img/bt_sub_seihin.gif);
}
a.model {
  background-image: url(../habita/img/bt_sub_model.gif);
}

#c_coment1 {
  width: 400px;
  float: left;
}
#c_coment2 {
  float: left;
  width: 300px;
}
#comebox {
  background-color: #FEFDF6;
  border: 4px solid #BECBA0;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
}
#comebox img {
  padding-right: 15px;
  padding-bottom: 20px;
  float: left;
}

/* seihin */
#container #mainright2 {
  width: 558px;
  float: left;
}
#mainright2 img {
  padding-bottom: 20px;
  padding-top: 15px;
}

/* anker */
#anker {
  background-image: url(../habita/img/back_main.gif);
  background-repeat: repeat-y;
  float: left;
  text-align: right;
  padding-top: 40px;
}
#anker p {
  width: 920px;
  padding-right: 50px;
}


/*  ---------------------------------------
           footer
------------------------------------------- */
#footer {
  width: 970px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  height: 45px;
  margin-bottom: 20px;
  float: left;
}
#footer #footerhani {
  width: 910px;
  margin-right: auto;
  margin-left: auto;
}
#footer #copy {
  float: left;
  padding-top: 10px;
  padding-right: 80px;
}

/*  ---------------------------------------
          model house
------------------------------------------- */
#container #mainright3 {
	width: 560px;
	float: left;
}
#modelbox {
	background-color: #FFFADF;
	padding: 20px 17px 40px;
	border: 1px solid #C8C4AD;
	margin-bottom: 20px;
}

/* lightbox
------------------------------------------- */
#mainright3 .lightbox_p {
	margin-top: 15px;
	width: 560px;
	float: left;
}
.lightbox_p img {
	float: left;
	padding-right: 2px;
	margin: 0px;
	padding-bottom: 3px;
}
#hiruobi {
	background-color: #D9EABD;
	padding: 8px 8px 8px 15px;
	margin-bottom: 10px;
	font-size: 15px;
	color: #282828;
	font-weight: normal;
}
#nightobi {
	background-color: #D2D1E7;
	padding: 8px;
	margin-bottom: 10px;
	font-size: 15px;
	color: #282828;
}

/* madorimap
------------------------------------------- */
#mainright3 #madorimap {
	background-position: top;
}
#madorimap img {
	background-image: url(../habita/img/tenline.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 15px;
	padding-bottom: 15px;
	float: left;
}

/* model main
------------------------------------------- */
#mainright3 #mainright_c {
	height: 80px;
}
#mainright_c img {
	float: left;
	padding-right: 10px;
}