@charset "UTF-8";
/* smartphone */
body{padding:0 3px;}
header{margin-bottom:5px;}
div.headertitle{margin:5px 0 10px 0;}
h1{width:60%;float:left;}
p.telhead{width:40%; text-align:right; font-size:90%;float:right;padding:10px 10px 5px 0px;}
p.telhead img{width:30%;}
h2.h2midashi{font-size:130%;text-align:center;border-bottom:2px solid magenta;line-height:210%;margin:0 0 10px 0;font-weight:bolder;}
.p_section{padding:0 5px;font-size:90%;}
p.topitem{width:33.3%; float:left;text-align:center;}
p.topitem img{width:95%;}
.right_30{float:right; width:35%;}
.midashi_h3{text-align:center; color:magenta; font-weight:bolder;margin:0 0 15px 0;}
table.topcom{font-size:90%;width:98%; margin:0 1%;}
table.topcom tr th,table.topcom tr td{line-height:200%;}
table.topcom tr th{width:20%;}
/* rental.php */
div.rental{background-color:#8fc31f;}
div.rental img{width:25%;}
table.table1{font-size:90%; margin:20px 0 0 0;}
table.table1 th{width:25%;}
table.table1 td{text-align:left; padding:5px;}
/* house.php */
div.house{background-color:#f5a400;}
div.house img{width:25%;}

div.be_af1 p{background-color:#48d1cc; text-align:center;border-radius:7px;margin:0 0 10px 0;line-height:250%;font-weight:bolder;}
div.be_af1{padding:3%;margin:0; background-color:#ffffe0;border-radius:5px;}
div.be_af1 img.be{width:30%; vertical-align:middle;margin:0 1%;}
div.be_af1 img.ya{width:14%; vertical-align:middle;margin:0 1%;}
div.be_af1 img.af{width:50%; vertical-align:middle;margin:0 1%;}

div.memo{padding:3%; background-color:#ffffe0;}
p.tantou{border-bottom:2px solid #f5a400; margin:0 0 10px 0;padding:0 0 0 1%;font-weight:bolder;}
tr.befo td{background-color:#ffffff;}

@media only screen and (max-width:767px){
tr.befo th{width:100%; display:block;border-bottom:none;line-height:200%;}
tr.befo td{width:100%; display:block; text-align:left;padding:1%;font-size:90%;margin:0 0 5px 0;}
}
th.colorbe{background-color:ghostwhite;}
th.coloraf{background-color:#fed0e0;font-weight:bolder;}

ul.kaisyu li{width:48%;margin:1%;float:left;padding:0;}
ul.kaisyu{background-color:ghostwhite;}

ul.kaisyu li a{display:block; text-align:center; padding:20px 0; border-radius:5px; background-color:#fed0e0;color:#000000;}

dl.tlist{font-size:90%; padding:0 5px;}
dl.tlist dt{border-bottom:1px solid magenta;font-weight:bolder;}
dl.tlist dd{margin:0 0 15px 0;}

/* nintei.php */
div.nintei{background-color:#9157a0;}
div.nintei img{width:25%;}
table.table2{font-size:90%; margin:15px 0;}
table.table2 th{line-height:200%; background-color:pink;font-weight:bolder;}
table.table2 td{text-align:left;padding:5px;}
table.table3{font-size:90%; margin:15px 0;}
table.table3 th{line-height:200%; background-color:pink;font-weight:bolder;}
dl.tlist2{font-size:90%;padding:0 5px;}
dl.tlist2 dt{border-bottom:1px solid magenta;line-height:200%;font-weight:bolder;}
dl.tlist2 dd{margin:0;}

/* sale.php */
div.sale{background-color:#da547c;}
div.sale img{width:25%;}

/* recruit.php */
div.rectitle{background-color:#036eb8;}
div.rectitle img{width:25%;}

/* pagetopへボタン */
a#pagetopBtn img {position:fixed; bottom:10px; right:1px;}
footer.foot{background-color:#f5f5f5; padding:3px;}

#acMenu dt{
    display:block;
    width:100%;
    line-height:150%;
    border:#666 1px solid; border-radius:5px;
    cursor:pointer;
    padding:10px;
    margin:0 0 10px 0;
    background:url(../img/shita.png) 98% 50% no-repeat;
    font-size:90%;
    }
#acMenu dd{
    background:#f2f2f2;
    width:100%;
    line-height:150%;
    display:none;
    margin:0 0 10px 0;
padding:10px; font-size:90%;
    }
#acMenu dt.active{
    background:url(../img/ue.png) 98% 50% no-repeat;
    }


/* tablet 768-991 */
@media only screen and (min-width: 768px) {

h1{width:30%;}
p.telhead img{width:10%;}
table.topcom tr th{width:30%;}
/* rental house */
div.rental img,div.house img,div.nintei img,div.sale img,div.rectitle img{width:15%;}
dl.tlist{border-bottom:1px dotted gray;}
dl.tlist dt{border-bottom:none;float:left;width:20%;clear:both;}
dl.tlist dd{float:right;width:80%;}
/* nintei */
table.table2{float:left;width:40%; margin:15px 5%;}
table.table3{width:90%;margin: 0 auto;}

/* house */
tr.befo th{width:30%;}
tr.befo td{width:70%; text-align:left;font-size:90%;padding:2%;}



footer.foot{padding:5px;}
div.address_under{float:left; width:40%;}
div.map_under{float:right; width:40%;}
.right_30{float:right; width:40%;}
}

/* PC 992- */
@media only screen and (min-width: 992px) {
body{padding:0; max-width:1000px; margin:0 auto;}
header,div.container,footer{max-width:1000px; margin:0 auto 20px; padding:0 0;}
h1{width:25%;}
div.imagearea{max-width:1000px; margin:0 auto; padding:0;}
section.w80{max-width:80%;margin:0 auto 20px;padding:0;border:0;display:block;}
.p_section{padding:0 20px;}

/* rental house */
div.rental img,div.house img,div.nintei img,div.sale img,div.rectitle img{width:13%;}

/* house.php */
div.be_af{width:50%;float:left;}


footer.foot{padding:5px 10px }
}

/* prarea1.php prarea2.php */
div.pr{margin:0 auto; background-color:#fff5ee;width:95%;padding:2% 0%;border-radius:10px;box-shadow: 2px 2px 4px gray;}
div.pr h2{font-weight:bolder;font-size:200%;text-align:center;border-bottom:2px solid #ff69b4;}
p.prtext1{text-align:center;font-weight:bolder;margin:10px 0;}
p.prtext2{text-align:center;font-size:90%;padding:0 2%;}
p.prtext3 a{display:block;text-align:center;font-size:150%;background-color:#ffe100;line-height:250%;margin:15px auto;width:80%;color:#000000;border-radius:5px;box-shadow:1px 1px 2px gray;}
p.prtext4{text-align:center;font-size:80%;}
@media only screen and (min-width: 768px) {
div.pr{width:70%;}
}
@media only screen and (min-width: 992px) {
div.pr{width:80%;}
}