/*ＧＧマップ専用のＣＳＳです。ＵＴＦ－８で保存する必要があります レイアウトの設定*/
UL{
  font-size : 12px;
}
/* ヘッダーの設定*/
#head{
  width:800px;
  height : 80px;
  background-color : white;
  margin-left:auto;
  margin-right:auto;
  background-color:wthite;
  text-align : left;

}
/* ラッパーの設定 wrap=モデルハウス選択　wrap2=施工例選択　wrap3=会社名選択　wrap4=地域選択*/

#wrap4{
  position:relative;
  background-color : #EBE3D0;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  width : 800px;
}
/* 左側の設定 left=モデルハウス選択　left2=施工例選択　left3=会社名選択　left4=地域選択*/

#left4{
  width : 168px;
  height : 380px;
  float:left;
  background-color : #EBE3D0;
  border-color : #958e53 #958e53 #958e53 #958e53;
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  text-align : left;
}
/* 右側の設定 right=モデルハウス選択　right2=施工例選択　right3=会社名選択　right4=地域選択*/

#right4{
  width : 630px;
  float : left;
  background-color : #EBE3D0;
  text-align : left;
  border-width : 1px 1px 1px 1px;
  border-color : fuchsia fuchsia fuchsia fuchsia;
}
/* フッターの設定*/
#foot{
  position:relative;
  width:800px;
  height:100px;
  background-color : white;
  font-size : 10px;
  clear:both;
  text-align : left;
  margin-left : auto;
  margin-right : auto;
}
/* MHRバナー */

#bn_a1{
  width : 250px;
  height : 60px;
  float : left;
  margin-bottom : 10px;
}
/* バナーA */

#bn_a2{
  height : 60px;
  float : left;
  margin-left : 44px;
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : blue blue blue blue;
  margin-bottom : 10px;
}
H1{
  font-size : 24px;
}
H2{
  font-size : 16px;
  margin-top : 1px;
  margin-bottom : 1px;
  text-align : center;
}
H3{
  font-size : 14px;
}
A:HOVER{
  color : red;
}
BODY{
  text-align : center;
}
#icoleft{
  text-align : center;
  margin-top : 10px;
  margin-bottom : 10px;
}
#title1{
  font-size : 18px;
  font-weight : bold;
  color : maroon;
  text-align : center;
  margin-top : 10px;
  margin-bottom : 20px;
}
/* 地域名部分の枠を制御します */
.box2_area{
  width : 305px;
  background-color : white;
  float : left;
  margin-top : 3px;
  margin-left : 3px;
  margin-right : 3px;
  margin-bottom : 3px;
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : #584925 #584925 #584925 #584925;
  height : 310px;
}
/* グーグルマップ部分の枠を制御します */
.box3_map{
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : #584925 #584925 #584925 #584925;
  width : 790px;
  height : auto;
  margin-top : 4px;
  margin-left : 0px;
  margin-right : 4px;
  margin-bottom : 4px;
  clear : both;
}
.name{
  font-size : 16px;
  line-height : 30px;
}

/* メニューロールメイン　*/
UL#menuselect{
  list-style:none;
  width : 97px;
  margin-top : 20px;
  float : left;
  margin-right : auto;
  margin-bottom : 10px;
  padding-left : 0px;
  margin-left : 20px;
  padding-bottom : 10px;
}
ul#menuselect li{
  list-style:none;
  float:left;
  width:97px;
}
UL#menuselect A{
  display:block;
  width:97px;
  height:97px;
  text-indent : -200px;
  overflow:hidden;
}
a.houses3{
  background-image : url(img/houses3.jpg);
}
a:hover.houses3{
  background-position:0px -97px;
}
a.exan3{
  background-image : url(img/exan3.jpg);
}
a:hover.exan3{
  background-position:0px -97px;
}
a.comp3{
  background-image : url(img/comp3.jpg);
}
a:hover.comp3{
  background-position:0px -97px;
}
a.map3{
  background-image : url(img/map3.jpg);
}
a:hover.map3{
  background-position:0px -97px;
}
a.ground3{
  background-image : url(img/ground3.jpg);
}
a:hover.ground4{
  background-position:0px -97px;
}
a.ground4{
  background-image : url(img/ground4.jpg);
}
a:hover.ground3{
  background-position:0px -97px;
}
a.gotop3{
  background-image : url(img/gotop3.gif);
}
a:hover.gotop3{
  background-position:0px -97px;
}