@charset "utf-8";
/*RealEstate master WEB SITE CSS*/
@import "default.css";

html {
overflow-y:scroll;
}

body{
font-family:'ＭＳ Ｐゴシック',sans-serif;
font-size:14px;
line-height:1.5;
color:#333;
background:#000;
}

@media screen and (max-width:640px) {
body{
font-size:15px;
background:#FFF;
}
}

/*Wrapper--------------------------------------------------------------------------*/
body{
text-align:center;
}
#wrapper{
margin:0 auto;
padding:0 20px 30px 20px;
width:900px;
text-align:left;
background:#FFF;
}

@media screen and (max-width:640px) {
#wrapper{
padding:0;
width:100%;
text-align:left;
}
}


/*Header--------------------------------------------------------------------------*/
#header{
height:80px;
overflow:hidden;
}
#header .left {
float:left;
width:500px;
margin-top:20px;
}
#header p.msg{
margin-top:5px;
font-size:90%;
color:#999;
}
#header .right {
float:right;
margin-top:20px;
}

#sp_menu {
display:none;
}

@media screen and (max-width:640px) {
#header{
height:auto;
}
#header .left {
float:left;
width:100%;
margin-top:0;
}
#header .left img {
width:260px;
margin:4%;
}
#header p.msg{
margin-top:0;
padding:0.5em;
font-size:0.8em;
text-align:center;
color:#FFF;
background:#000;
}
#header .right {
display:none;
}

#sp_menu {
display:block;
position:absolute;
top:0;
right:4%;
width:30px;
margin-top:3%;
}
#sp_menu img {
width:100%;
}
}


/*Gnavi--------------------------------------------------------------------------*/
#gnavi {
margin-top:15px;
border-bottom:2px solid #CCC;
overflow:hidden;
}
#gnavi li {
float:left;
}
#gnavi li.first {
margin-left:0;
}
#gnavi li img {
}

#sp_gnavi {
display:none;
}

@media screen and (max-width:640px) {
#gnavi {
display:none;
}
#sp_gnavi li a {
display:block;
padding:1em 1em 1em calc(5% + 1em);
color:#333;
background:url(../img/arw_link.gif) 5% center no-repeat;
border-bottom:1px solid #CCC;
}
#sp_gnavi li a.open {
background:#F5F5F5 url(../img/arw_down.gif) 5% center no-repeat;
}
#sp_gnavi li li a {
padding-left:calc(5% + 3em);
background:url(../img/arw_link.gif) calc(5% + 2em) center no-repeat;
}
}

/*Pagecell--------------------------------------------------------------------------*/
#pagecell {
overflow:hidden;
}

/*Main_menu--------------------------------------------------------------------------*/
#left {
float:left;
width:190px;
}
#left dl#rent_menu {
margin-top:20px;
background:#F5F5F5;
}
#left dl#rent_menu dt img {
border-radius:5px 5px 0 0;
}
#left dl#rent_menu dd a {
padding:8px 0 8px 26px;
display:block;
color:#333;
background:url(../img/arw_lnavi.gif) 10px center no-repeat;
border-bottom:1px dotted #CCC;
}
#left dl#rent_menu dd a:hover {
text-decoration:underline;
}
#left dl#buy_menu{
margin-top:20px;
background:#F5F5F5;
}
#left dl#buy_menu dt img {
border-radius:5px 5px 0 0;
}
#left dl#buy_menu dd a {
padding:8px 0 8px 26px;
display:block;
color:#333;
background:url(../img/arw_lnavi.gif) 10px center no-repeat;
border-bottom:1px dotted #CCC;
}
#left dl#buy_menu dd a:hover {
text-decoration:underline;
}
#left dl#company_menu {
margin-top:20px;
background:#F5F5F5;
}
#left dl#company_menu dt img {
border-radius:5px 5px 0 0;
}
#left dl#company_menu dd a {
padding:8px 0 8px 26px;
display:block;
color:#333;
background:url(../img/arw_lnavi.gif) 10px center no-repeat;
border-bottom:1px dotted #CCC;
}
#left dl#company_menu dd a:hover {
text-decoration:underline;
}

#left .house {
margin-top:20px;
}
#left .house dt {
margin-bottom:5px;
}
#left .house dd {
padding:5px 0 5px 15px;
font-size:90%;
line-height:1.4;
background:url(../img/arw_link.gif) no-repeat left 6px;
border-bottom:1px dotted #CCC;
}
#left .house dd a {
color:#333;
}
#left .house dd a:hover {
text-decoration:underline;
}

@media screen and (max-width:640px) {
#left {
display:none;
float:none;
width:100%;
}
#left dl#rent_menu {
display:none;
}
#left dl#buy_menu {
display:none;
}
#left dl#company_menu {
display:none;
}
}

/*OptionMenu---------------------------------------------------------*/
#left ul.bnr {
margin-top:20px;
}

#left div.link {
margin-top:20px;
}
#left div.link dl {
width:180px;
margin:0 10px;
text-align:center;
}
#left div.link dt {
margin-top:10px;
padding:2px;
background:#FFF1A6;
}
#left div.link dd {
padding:5px 0;
border-bottom:1px dotted #CCC;
}

/*Contents--------------------------------------------------------------------------*/
#contents{
float:right;
width:680px;
margin:20px 0;
padding:0;
}
#contents p.com_info {
margin-top:30px;
}

@media screen and (max-width:640px) {
#contents{
float:none;
width:90%;
margin:0 auto;
padding:0;
}
#contents h2 {
width:100%;
margin-top:40px;
border-radius:10px;
overflow:hidden;
}
#contents h3 {
width:100%;
overflow:hidden;
}
#contents p.com_info {
display:none;
}
}


/*Footer----------------------------------------------------------------------------*/
#footer_area {
padding:15px 0;
font-size:90%;
background:#262626;
}
#footer_area p.pagetop {
padding:5px 20px;
text-align:right;
}
#footer_area p.pagetop a {
padding-left:15px;
color:#333;
background:url(../img/arw_pagetop.gif) left center no-repeat;
}
#footer {
width:900px;
margin:10px auto 0 auto;
text-align:left;
color:#FFF;
}
#footer ul.navi {
overflow:hidden;
}
#footer ul.navi li {
display:inline-block;
padding:0 10px;
}
#footer ul.navi li a {
color:#FFF;
text-decoration:underline;
}
#footer p.data {
margin:10px;
}
#footer p.data img {
float:left;
margin:4px 10px 0 0;
border-radius:5px;
}

#sp_footer {
display:none;
}

@media screen and (max-width:640px) {
#footer_area {
padding:0;
background:#FFF;
}
#footer {
width:100%;
padding:20px 0;
margin:0 auto;
text-align:center;
background:#262626;
}
#sp_footer {
display:block;
}
#sp_footer .bnr {
width:90%;
margin:40px auto 0 auto;
}
#sp_footer .bnr img {
width:100%;
border:1px solid #CCC;
}
#sp_footer img {
width:100%;
}
#sp_footer .contact {
width:100%;
margin:20px auto 0 auto;
}
}

/*pagetop----------------------------------------------------------------------------*/

#pagetop {
position:fixed;
bottom:20px;
right:20px;
}
#pagetop a {
display:block;
width:50px;
padding:10px 6px 6px 6px;
font-size:10px;
line-height:2;
text-align:center;
text-decoration:none;
color:#333;
background:#CCC;
border-radius:5px;
opacity:0.8;
}
#pagetop a:hover {
text-decoration:none;
opacity:0.6;
}

@media screen and (max-width:640px) {
	#pagetop {
	display:none;
	}
}

/*Class--------------------------------------------------------------------------*/
.red{
color:#FF0000;
}
#access_cnt{
margin:20px 0px 0px 10px;
}
.bold{
font-weight: bold;
}
img.al:hover { opacity:0.75; -moz-opacity:0.75; filter:alpha(opacity=75); }

.mTop0  { margin-top:0; }
.mTop5  { margin-top:5px; }
.mTop10 { margin-top:10px; }
.mTop15 { margin-top:15px; }
.mTop20 { margin-top:20px; }
.mTop25 { margin-top:25px; }
.mTop30 { margin-top:30px; }
.mTop35 { margin-top:35px; }
.mTop40 { margin-top:40px; }
.mTop45 { margin-top:45px; }
.mTop50 { margin-top:50px; }
.mTop55 { margin-top:55px; }
.mTop60 { margin-top:60px; }
.ph_right { float:right; margin:0 0 10px 20px; }