﻿/*---h2ヘッダー色一覧---------------
   　　　/001.css(緑）
   　　　/002.css(青)
   　　　/003.css(赤)
   　　　/004.css(ピンク)
   　　　/005.css(黄)
   　　　/006.css(紫)
   　　　/007.css(水色)
   　　　/008.css(黒)
   　　　/009.css(白)
-------------------------------*/
@import url(css/007.css);
/*----バナー一覧--------------------
   　　/banner01.css
   　　/banner02.css
   　　/banner03.css
   　　/banner04.css
   　　/banner05.css
   　　/banner06.css
   　　/banner07.css
   　　/banner08.css
   　　/banner09.css
   　　/banner10.css
   　　/banner11.css
   　　/banner12.css
   　　/banner13.css
   　　/banner14.css
-------------------------------*/
@import url(css/banner04.css);
*{
  margin: 0;
  padding: 0;
}
h1{font-size:9px; text-align:right; font-weight:normal;}
div.contents_dev h3{
 margin:3px auto 5px;
 padding:0 0 0 13px;
 width:690px;
 line-height:34px;
 font-size:140%;
}
body, div {
  margin: 0;
  font-size: 13px;
  *font-size: small;
  *font: x-small;
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;
  line-height: 1.5;
}
div#container {
  width: 720px;
  margin: 0 auto;
}
/* リンク */
a img {
  border: none;
}
a,
a:link {
  color:blue;
  text-decoration: none;
}
a:visited {
  color: #578cb9;
}
a:hover {
  color: #0086b9;
}
a:active {
  color: blue;
  text-decoration: underline;
}
/* ヘッダー
---------------------------------------------------------------- */
#header, .contents_dev,.contents_house, #footer {
  clear: both;
}
#header, .contents_dev,.contents_house, #footer p.copy{
  margin-top:20px;
}
div#header {
 height:300px;
 margin-top: 0;
 margin-bottom: 0;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
       
}
#bannertext{position:relative;
            top:75px;
            left:30px;
}
div#header{
 width:720px;
 height:300px;
}
div#main {
 /*background: transparent;*/
 margin-top: 0;
 margin-bottom: 0;
 padding-top: 15px;
 padding-bottom: 0;
}
.stitle{
        position:relative;
        top:25px;
        left:70px;
        color:#fff;
        font-size:1.2em;
        font-weight:700;
}
.stitle a:hover{
        position:relative;
        top:25px;
        left:70px;
        color:#fff;
        font-size:1.2em;
        font-weight:700;
}
.subtitle{
        position:relative;
        top:33px;
        left:20px;
        color:#2d2d2d;
        font-size:1.1em;
        font-weight:bold;
}
#smallbanner01{
        width:350px;
        height:70px;
        background:url(../img/smallbanner01.gif) no-repeat;
        margin-right:5px;
        margin-left:3px;
        margin-top:10px;
        margin-bottom:1px;
        float:left;
}
#smallbanner02{
        width:350px;
        height:70px;
        background:url(../img/smallbanner02.gif) no-repeat;
        margin-bottom:1px;
        margin-top:10px;
        float:right;
        margin-right:3px;
}
/* 「デベロッパー」コンテンツ
---------------------------------------------------------------- */
div.contents_dev {
 overflow:hidden;
 height:100%;
 background: #FFFFFF;
 margin-top: 0;
 margin-bottom: 15px;
 padding-top: 0.5em;
 padding-right:0;
 padding-bottom:20px;
 padding-left: 1em;
 border: 1px solid #999999;
}
div.contents_dev_top{
 margin-bottom: 5px;
}
div.contents_dev_top p{
 margin:0 1em;
 padding:0.3em 0.5em;
}
div.contents_dev_bottom{
 clear:both;
 margin-bottom: 5px;
}
div.contents_dev_bottom table{
 float:left;
 width:500px;
 border-collapse:collapse;
 border:1px solid #666666;
 margin-bottom:5px;
        text-align:center;
}
div.contents_dev_bottom th{
 background:#80BFFF url(../img/th_bg2.gif) 0 0 repeat-x;
 border-top:1px solid #666666;
 border-right:1px solid #666666;
 border-left:1px solid #666666;
 padding:2px 3px;
}
div.contents_dev_bottom td{
 background:#FFFFFF;
 border:1px solid #666666;
 padding:2px 3px;
        text-align:center;
}
div.contents_dev_bottom .subth1{
 font-size:75%;
 background:#80BFFF url(../img/th_bg2.gif) 0 0 repeat-x;
 border-top:1px solid #999;
 border-right:1px solid #999;
 padding:3px;
}
div.contents_dev_bottom .subth2{
 font-size:75%;
 background:#80BFFF url(../img/th_bg2.gif) 0 0 repeat-x;
 border-top:1px solid #999;
 border-left:1px solid #999;
 padding:3px;
}
div.contents_dev_bottom .td1{
 width:200px;
 text-align:left;
 border:1px solid #666666;
}
div.contents_dev_bottom .td2{
 width:90px;
 text-align:center;
 border:1px solid #666666;
}
div.contents_dev_bottom .td3{
 width:120px;
 text-align:left;
 border:1px solid #666666;
}
div.contents_dev_bottom p img{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0.5em;
 margin-left: 1em;
}
/* 「ハウスメーカー」コンテンツ
---------------------------------------------------------------- */
div.contents_house {
 overflow: hidden;
 height: 100%;
 background: #FFFFFF;
 margin-top: 0;
 margin-bottom: 15px;
 padding-top: 0.5em;
 padding-right: 0;
 padding-bottom: 1em;
 padding-left: 1em;
 border: 1px solid #999999;
}
div.contents_house h2{
 width: 690px;
 height: 34px;
 background: url(../img/heading_house.gif) 0 0 no-repeat;
 color: #FFFFFF;
 margin: 3px auto 5px;
 padding: 5px 0 0 13px;
 font-size: 140%;
}
div.contents_house_top{
 margin-bottom: 5px;
        width:48%;
        height:auto;
        float:left;
        margin-right:10px;
}
div.contents_house_top h3{
 margin:0 0.2em 0 0;
 font-size: 100%;
 color:#FF0000;
 background:url(../img/bullet.gif) 0 0 no-repeat;
}
div.contents_house_top p{
 margin:0 1em;
 padding:0.2em;
        overflow:auto;
        height:130px;
}
div.contents_house_bottom{
 clear:both;
 margin-bottom: 5px;
}
div.contents_house_bottom table{
 float:left;
 width:500px;
 border-collapse:collapse;
 border:1px solid #999999;
 margin-bottom:5px;
}
div.contents_house_bottom th{
 background:#80BFFF url(../img/th_bg3.gif) 0 0 repeat-x;
 border:1px solid #999999;
 padding:3px;
 text-align:center;
}
div.contents_house_bottom td{
 background:#FFFFFF;
 border:1px solid #999999;
 padding:5px 2px;
 text-align:center;
}
div.contents_house_bottom .td1{
 width:80px;
}
div.contents_house_bottom .td2{
 width:60px;
}
div.contents_house_bottom p img{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0.5em;
 margin-left: 1em;
}
/* フッター
---------------------------------------------------------------- */
#footer {
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.6em;
  padding-right: 0;
  padding-bottom: 30px;
  padding-left: 1em;
  text-align:center;
  font-size:90%;
}
#footer address {
  font-style:normal;
  text-align:center;
}
/* 文字装飾 */
.bbb /* 最大・太字 */
{
    color: #000;
    font-size: 1.4em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: bold;
    padding: 0;
}
.bb /* 大・太字 */
{
    color: #000;
    font-size: 1.2em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: bold;
}
.bbbr /* 最大・太字・赤 */
{
    color: #dc0000;
    font-size: 1.4em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: bold;
}
.bbr /* 大・太字・赤 */
{
    color: #dc0000;
    font-size: 1.2em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: bold;
}
.b { font-weight: bold; } /* 太字 */
.br { color: #dc0000; font-weight: bold; } /* 赤・太字 */
.line { background: #ffff00; }/* 背景マーカー処理 */
.line1 { background: #ff99cc; }
.u { border-bottom: 1px solid ; } /* アンダーライン */
/* 文字色 */
.red { color: #cc0000; } /* 赤 */ 
.blue { color: #003399; } /* 青 */ 
.green { color: #339900; } /* 緑 */ 
.orange { color: #ff9900; } /* オレンジ */ 
.kome { font-size: 12px; color: #cc0000; line-height: 1.25;} /* 赤小文字 */ 
.s { font-size: 12px; color: #333; line-height: 1.25; } /* 小文字 */ 
.font{ font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8"; }
/*　テーブル */
table.ask {
 width: 94%;
 margin-bottom: 20px;
 margin-top: 20px;
 border: 1px solid #666;
 border-collapse: collapse;
 margin-left: 2%;
}
table.ask th{
 font-weight:bold;
 text-align: center;
 color: #333333;
 margin:0;
 border: 1px dotted #666;
 border-collapse: collapse;
 background-color: #FEF5E7;
 padding-top: 5px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
 font-size: 12px;
 line-height: 160%;
 white-space:nowrap;
}
table.ask td{
 margin:0;
 border: 1px dotted #666;
 border-collapse: collapse;
 padding-top: 5px;
 padding-right: 15px;
 padding-bottom: 5px;
 padding-left: 15px;
 font-size: 12px;
 line-height: 140%;
}
/* 回り込み */
.imgleft{
        float:left;
        margin:0 10px 10px 0;
}
.imgright{
        float:right;
        margin:0 0 10px 10px;
}
/* 右寄せ・左寄せ */
.textleft{
        text-align:left;
        display:block;
}
.textright{
        text-align:right;
        display:block;
}
/* マージン */
.m10{margin-top:10px;}

.navi{
    text-align:center;
}