@charset "UTF-8";

body
        {
        /*margin: 上　右　下　左;*/
         margin: 0 0 0 0;
         padding: 0 0 0 0;
         color: #2F2E33;
         font-size: 14px;
         line-height: 150%;
         font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
         height: 100%;
         -webkit-text-size-adjust:100%;
        }
/* タイトル */
h3
        {
         color: #627d4d;
         font-size: 18px;
         text-align:left;
         border-bottom-width: 1px;
         border-bottom-style: dotted;
         border-bottom-color: #627d4d;
        }
h4
        {
         color: dimgray;
         font-size: 13px;
         text-align:left;
         border-bottom-width: 1px;
         border-bottom-style: dotted;
         border-bottom-color: #dimgray;
        }

/* HP幅の設定 */
.wrapper
        {
         position: relative;  /* 親ボックス */
         margin: 0 auto 0 auto;
         width: 900px;
        }

/* top */
.top
        {
         position: absolute;  /* 親ボックスを基準 */
         top: 0;
         left: 0;
         width: 900px;
         padding: : 5px auto 5px auto;
        }
.top .top_logo
        {
         position: absolute;
         top: 0;
         left: 0;
         float: left;
         width: 100px;
         text-align: center;
        }
.top .top_name
        {
         position: absolute;
         top: 6px;
         left: 100px;
         float: left;
         width: 250px;
        }
.top .top_name p
        {
         color: #627d4d;
         font-size: 20px;
         font-family: MS Mincho;
        }
.top .top_mail
        {
         position: absolute;
         top: 15px;
         left: 350px;
         float: left;
         width: 550px;
         text-align: right;
         color: gray;
        }

/* 帯部分 */
.obi
        {
         position: absolute;  /* 親ボックスを基準 */
         top: 65px;
         left: 0;
         width: 900px;
         height: 30px;
         background-color: green;
         color: #FFF;
         font-size: 18px;
         text-align: center;
         line-height: 200%;
        }

/*メニュー*/
.menu
        {
         position: absolute;  /* 親ボックスを基準 */
         top: 95px;
         left: 0;
         width: 900px;
         height: 25px;
        }
.menu .icon
        {
         position: relative;
         /* width: 180px; 2023.8.26変更 */
         width: 150px;
         float: left;
         text-align: center;
         margin: 10px auto 10px auto;
        }
.link_button
        {
         text-decoration: none;/*下線消す*/
         color: gray;/*文字をシルバーに*/
  }
.link_button:hover
        {
         color: skyblue;/*文字を水色に*/
        }

/* メイン部分 */
.main
        {
         position: absolute;  /* 親ボックスを基準 */
         top: 120px;
         left: 0;
         padding: 0 0 0 0; 
         width:900px;
        }

/* 宅地建物取引業 */
.taku
        {
         position: absolute;  /* 親ボックスを基準 */
         top: 700px;
         left: 0;
         padding: 0 0 0 0; 
         width:900px;
        }
._rabbit
        {
         position: absolute;  /* 親ボックスを基準 */
         left: 650px;
        }
._rabbit .ra_com
        {
         position: relative;
         width: 180px;
         font-size: 14px;
         float: left;
         vertical-align: middle;
        }
._rabbit .ra_img
        {
         position: relative;
         width: 70px;
         float: left;
         text-align: center;
        }
._com
        {
         position: relative;  /* 親ボックスを基準 */
         left: 100px;
         padding: 0 0 0 0; 
         width:700px;
        }
._banner
        {
         position: relative;  /* 親ボックスを基準 */
         padding: 0 0 0 0; 
         width:900px;
         text-align: center;
        }
._banner_link
        {
         text-decoration: none;/*下線消す*/
        }
._banner_img
        {
         width: 280px;
         height: 55px;
         padding: 1px;
         border: 2px solid gray;
        }
._banner_img:hover
        {
         border: 2px solid skyblue;
         /* 画像を70%の不透明度に */
         filter: alpha(opacity=70);
         -moz-opacity: 0.7;
         opacity: 0.7;
        }
/* 2023.8.26追加 */
._banner_img1
        {
         width: 256px;
         height: 80px;
         padding: 1px;
         border: 2px solid gray;
        }
._banner_img1:hover
        {
         border: 2px solid skyblue;
         /* 画像を70%の不透明度に */
         filter: alpha(opacity=70);
         -moz-opacity: 0.7;
         opacity: 0.7;
        }
._banner_com
        {
         position: relative;  /* 親ボックスを基準 */
         left:360px;
         padding: 0 0 0 0;
         width:200px;
         text-align: center;
         color: deeppink;
         font-weight: bold;
        }

._img
        {
         position: relative;  /* 親ボックスを基準 */
         left: 130px;
         padding: 0 0 0 0; 
         width:640px;
         text-align: center;
        }

/* 二級建築士事務所 */
.ken
        {
         position: absolute;  /* 親ボックスを基準 */
         top: 1400px;
         left: 0;
         padding: 0 0 0 0; 
         width:900px;
        }

/* 2023.8.26追加 */
.drone
        {
         position: absolute;  /* 親ボックスを基準 */
         top: 2050px;
         left: 0;
         padding: 0 0 0 0; 
         width:900px;
        }


/* あいさつ */
.greet
        {
         position: absolute;  /* 親ボックスを基準 */
         /* top: 2050px; 2023.8.26変更 */
         top: 2550px;
         left: 0;
         padding: 0 0 0 0; 
         width:900px;
        }

.greet_fl
        {
         position: relative;  /* 親ボックスを基準 */
         left: 100px;
         padding: 0 0 0 0; 
        }
.greet_fl .greet_com
        {
         position: relative;
         width: 500px;
         float: left;
        }
.greet_fl .greet_img
        {
         position: relative;
         width: 200px;
         float: left;
         text-align: center;
         font-size: 11px;
        }

.greet1_fl
        {
         position: relative;  /* 親ボックスを基準 */
         left: 400px;
         width: 400px;
         padding: 0 0 0 0; 
        }
.greet1_fl .greet1_img
        {
         position: relative;
         width: 170px;
         float: left;
         text-align: center;
        }
.greet1_fl .greet1_com
        {
         position: relative;
         width: 230px;
         font-size: 13px;
         float: left;
        }
/*2024.7.15追加*/
.katch
        {
         font-size: 17px;                
        }

/* アクセス */
.access
        {
         position: absolute;  /* 親ボックスを基準 */
         /* top: 2600px; 2023.8.26変更 */
         top: 3150px;
         left: 0;
         padding: 0 0 0 0; 
         width:900px;
        }
.greet_fl .access_map
        {
         position: relative;
         width: 400px;
         float: left;
        }
/* 2023.8.26追加 */
.greet_fl .access_img
        {
         position: relative;  /* 親ボックスを基準 */
         /*left: 130px;*/
         padding: 0 0 0 0; 
         width:380px;
         text-align: center;
        }
.greet_fl .access_list
        {
         position: relative;
         width: 300px;
         float: left;
        }

/*Google Map表示*/
#mapField {
         margin: 5px 0 0 10px;
         width: 350px;
         height: 350px;
        }

table.info
        {
         margin: 0 0 0 10px;
         border-collapse: collapse;        
         font-size: 12px;
        }
table.info th, table.info td{
         padding: 7px 10px 7px 7px;
         border: 1px solid #d6c2b5;
         text-align:left;
         /*vertical-align: top;*/
        }
table.info th
        {
         background-color: #cdeb8b;
         color: #627d4d;
        }

/* くちこみ */
.voice
        {
         position: absolute;  /* 親ボックスを基準 */
         /* top: 3150px; 2023.8.26変更 */
         top: 3950px;
         left: 0;
         padding: 0 0 0 0; 
         width:900px;
        }
._com .voice_area
        {
         position: relative;
         width: 700px;
         float: left;
        }
.click
        {
         color: deeppink;
         font-weight: bold;
        }
.star
        {
         color: gold;
         font-weight: 700;
        }


/* ▲TOPへ */
.retop
        {
         position: absolute;  /* 親ボックスを基準 */
         width:900px;
         text-align: right;
        }

/* フッター */
.footer
        {
         position: absolute;  /* 親ボックスを基準 */
         /* top: 6500px; 2023.8.26変更 */
         top: 7500px;
         left: 0;
         padding: 0 0 0 0; 
         width:900px;
        }
.foot_fl
        {
         position: relative;  /* 親ボックスを基準 */
         width: 900px;
         padding: 0 0 0 0;
         text-align: center;
         font-size: 12px;
        }
.foot_fl .foot_logo
        {
         position: relative;
         left: 355px;
         width: 25px;
         float: left;
        }
.foot_fl .foot_name
        {
         position: relative;
         left: 355px;
         float: left;
         color: #627d4d;
         font-size: 13px;
         font-family: MS Mincho;
        }