@charset "Shift_JIS";

/*-------------------------------------*/
/* 【ブラウザスタイルの初期化】 */
/*-------------------------------------*/

* {
  margin: 0;
  padding: 0;
  color: #333;
  font-family: Verdana, Arial, "Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
  line-height: 1.3;
  }

/*--------------------------------------*/
/* 【文書設定】 */
/*--------------------------------------*/

body {
  margin: 0;
  padding: 0;
  color: #333;
  font-size: small;
  background: #FFFFFF;
  text-align: center;
  background: url(images/top/body_back.gif);
  }
  
/*--------------------------------------*/
/* 【リンク設定】 */
/*--------------------------------------*/

a:link {
   color: #000000;
   text-decoration: none;
   }

a:visited {
   color: #000000;
   text-decoration: none;
   }

a:active {
   color: #000000;
   text-decoration: none;
   }
   
a:hover {
  color: #994C01;
  text-decoration: none;
  }

/*--------------------------------------*/
/* 【画像設定】 */
/*--------------------------------------*/

img {
   border: 0;
   }

/*--------------------------------------*/
/* 【メインレイアウト】 */
/*--------------------------------------*/

#wrapper {
  width: 940px;
  margin: 0 auto;
  text-align: center;
  background: url(images/top/back.gif) top left repeat-y;
  }
  
#contents {
  width: 900px;
  margin: 0 auto;
  text-align: left;
  }
  
#Flash {
  width: 900px;
  height: 400px;
  margin: 0 auto;
  }
  
#menu {
  width: 900px;
  height: 50px;
  margin: 0 auto;
  margin-bottom: 10px;
  }
  
#main {
  width: 900px;
  height: 200px;
  margin: 0 auto;
  clear: both;
  background-color: #FFCC99;
  padding-top: 10px;
  padding-bottom: 10px;
  }
  
#footer {
  width: 900px;
  height: 30px;
  background: #564732;
  color: #FFFFFF;
  text-align: center;
  padding-top: 10px;
  }
  
  
/* メニューレイアウト */
/*--------------------------------------*/

#menu ul {
  width: 900px;
  height: 50px;
  clear: both;
  margin-top: 5px;
  list-style: none;
  }

#menu ul li {
  width: 110px;
  height: 50px;
  list-style: none;
  display: block;
  float: left;
  margin-left: 16px;
  text-indent: -9999px;
  }
  
#menu ul li#home a {
  width: 110px;
  height: 50px;
  list-style: none;
  display: block;
  float: left;
  margin-left: 3px;
  text-indent: -9999px;
  background: url(images/top/home.gif) top left no-repeat;
  }
  
#menu ul li#gallery a {
  width: 110px;
  height: 50px;
  list-style: none;
  display: block;
  float: left;
  text-indent: -9999px;
  background: url(images/top/gallery.gif) top left no-repeat;
  }
  
#menu ul li#new a {
  width: 110px;
  height: 50px;
  list-style: none;
  display: block;
  float: left;
  text-indent: -9999px;
  background: url(images/top/news.gif) top left no-repeat;
  }
  
#menu ul li#sale a {
  width: 110px;
  height: 50px;
  list-style: none;
  display: block;
  float: left;
  text-indent: -9999px;
  background: url(images/top/sale.gif) top left no-repeat;
  }
  
#menu ul li#reform a {
  width: 110px;
  height: 50px;
  list-style: none;
  display: block;
  float: left;
  text-indent: -9999px;
  background: url(images/top/reform.gif) top left no-repeat;
  }
  
#menu ul li#consult a {
  width: 110px;
  height: 50px;
  list-style: none;
  display: block;
  float: left;
  text-indent: -9999px;
  background: url(images/top/consult.gif) top left no-repeat;
  }
  
#menu ul li#company a {
  width: 110px;
  height: 50px;
  list-style: none;
  display: block;
  float: left;
  text-indent: -9999px;
  background: url(images/top/company.gif) top left no-repeat;
  }
  
#menu ul li#home a:hover {
  background: url(images/top/home_on.gif) top left no-repeat;
  }
  
#menu ul li#gallery a:hover {
  background: url(images/top/gallery_on.gif) top left no-repeat;
  }
  
#menu ul li#new a:hover {
  background: url(images/top/news_on.gif) top left no-repeat;
  }
  
#menu ul li#sale a:hover {
  background: url(images/top/sale_on.gif) top left no-repeat;
  }
  
#menu ul li#reform a:hover {
  background: url(images/top/reform_on.gif) top left no-repeat;
  }
  
#menu ul li#consult a:hover {
  background: url(images/top/consult_on.gif) top left no-repeat;
  }
  
#menu ul li#company a:hover {
  background: url(images/top/company_on.gif) top left no-repeat;
  }
  
/* メインレイアウト */
/*--------------------------------------*/

#main #news {
  width: 260px;
  height: 100px;
  float: left;
  text-align: left;
  margin-left: 20px;
  }
  
#main #topic {
  width: 260px;
  height: 100px;
  float: left;
  text-align: left;
  margin-left: 40px;
  }
  
#main #bana {
  width: 260px;
  height: 100px;
  float: right;
  text-align: left;
  margin-right: 20px;
  }