@charset "utf-8";

/*************************************************************************
 body 設定::after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}
*************************************************************************/
body{ background: url(../img/top/bk_html.jpg) repeat-y center top #FFF; }
#WRAP { background: url(../img/top/bk_head.jpg) repeat-x center top; }
#CONTENTS {
	width:980px;
	margin: 0 auto;
	padding:0px;
	/* background:#FFF; */
	}
#CONTENTS  { text-align:left; }
#MAIN {
	width:auto;
	padding: 0px 20px 10px 20px;
	height:100%;
	margin:0 auto 15px;
	background:#FFF;
	}


/*************************************************************************
 HEADER 設定::after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}
*************************************************************************/

#HEADER {
	width:980px;
	margin: 0px auto ; 
	text-align:center;
	background: url(../img/top/head.jpg) no-repeat left top #FFF;
	}

#HEADER h1 {
	width:435px;
	height:134px;
	margin: 0 auto;
	float:left;
	overflow:hidden; 
	}


#HEADER h1 a.title{
	display:block;
	height:100px;
	text-indent:-9999px;
	}

#HEADER .toroku-su {
	float:left;
	margin:59px 0 0 0;
	overflow:hidden;
	}
#HEADER .toroku-su ,
#HEADER .toroku-su * {
	font-size:14px;
	color:#0066ff;
	}
#HEADER .toroku-su span {
	letter-spacing:1px;
	font-family: 'Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','メイリオ',sans-serif;
	}

#HEADER .btn_head {
	margin:12px 0 0 20px;
	width:170px;
	float:right;
	}

#HEADER a.btn_head_01,
#HEADER a.btn_head_02 {
	display:block;
	width:170px;
	height:38px;
	margin:0px 0 2px 0px;
	background: url(../img/top/btn_head.jpg) no-repeat left top;
	text-indent:-9999px;
	}

#HEADER a.btn_head_01 { background-position: 0 0 }
#HEADER a.btn_head_02 { background-position: 0 -40px }
#HEADER a:hover.btn_head_01 { background-position: -180px 1px; }
#HEADER a:hover.btn_head_02 { background-position: -180px -39px; }

#HEADER .btn_head01 {

	}
*/

/* ××××××××　GNAV　×××××××× 
#HEADER #GNAV   { background: url(../img/top/bk_head.jpg) repeat-x center bottom; }
#HEADER #GNAV a { background: url(../img/top/gnav.jpg) no-repeat ; text-indent:-9999px; }

#HEADER #GNAV  {
	clear:both;
	width:980px;
	height:52px;
	}

#HEADER #GNAV li { width: auto; height: auto; float: left; }
#HEADER #GNAV li a { width: 163px; height: 50px; display: block; }

*html #HEADER #GNAV li#gnav_01 { margin-left: 0px; }

#HEADER #GNAV #gnav_01 a { background-position: 0px -60px; width: 164px;}
#HEADER #GNAV #gnav_02 a { background-position: -164px 0px;}
#HEADER #GNAV #gnav_03 a { background-position: -327px 0px;}
#HEADER #GNAV #gnav_04 a { background-position: -490px 0px;}
#HEADER #GNAV #gnav_05 a { background-position: -653px 0px;}
#HEADER #GNAV #gnav_06 a { background-position: -816px 0px; width: 164px;}

#HEADER #GNAV #gnav_01 a:hover { background-position: 0px -59px; }
#HEADER #GNAV #gnav_02 a:hover { background-position: -164px -59px;}
#HEADER #GNAV #gnav_03 a:hover { background-position: -327px -59px;}
#HEADER #GNAV #gnav_04 a:hover { background-position: -490px -59px;}
#HEADER #GNAV #gnav_05 a:hover { background-position: -653px -59px;}
#HEADER #GNAV #gnav_06 a:hover { background-position: -816px -59px;}



/*************************************************************************
 TOP 設定::after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}
*************************************************************************/
.attention { color:#FF0000; }
b, strong, .strong    { font-weight:bold; }

table { border-collapse: collapse; border-spacing: 0; }
th { font-weight:bold; text-align:center; }

.pankuzu {
	display:block;
	margin: 0 auto;
	padding:0px 10px 10px 8px;
	font-size:12px;
	}


#CONTENTS #search01-01,
#CONTENTS #search01-02,
#CONTENTS #search02{  }

/*地図から検索
#TOP #MAIN {
	background: url(../img/top/search02.jpg) no-repeat left 390px;
	}
*/

/*
#CONTENTS #search01-01{ 
	width:642px;
	margin:0 0 0px 0;
	float:left;
	}
*/

/*複数選択チェックボックス

#MAIN #search01-02 {
	float:right;
	width:327px;
	height:400px;
	margin: 0px auto 0px ;
	background: url(../img/top/search01-02.jpg) no-repeat left top;
	text-align:left;
	}
#MAIN #search01-02 p {
	text-indent:-9999px;
	}

#MAIN #search01-02 .erabu01 dt {
	height:32px;
	text-indent:-9999px;
	}
#MAIN #search01-02 .erabu01 dd {
	height:50px;
	padding-left:55px;
	}
#MAIN #search01-02 .erabu01 .drop-bar  select {
	margin:0 0 5px 0;
	padding:0px 0 0px 0px;
	}
#MAIN #search01-02 .erabu01 option {
	padding:2px 0 2px 5px;
	text-align:left;
	}

#MAIN #search01-02 .erabu02 { margin:0 0 10px 0; }
#MAIN #search01-02 .erabu02 input { vertical-align: middle; }
#MAIN #search01-02 .erabu02 dt {
	height:80px;
	text-indent:-9999px;
	}
#MAIN #search01-02 .erabu02 dd {
	padding-left:10px;
	float:left;
	width:95px;
	}
#MAIN #search01-02 .erabu02 * {
	font-size:12px;
	}

#MAIN #search01-02 a.btn_next  {
	display:block;
	width:250px;
	height:40px;
	margin:0 auto;
	background: url(../img/top/btn_next.jpg) no-repeat left top;
	text-indent:-9999px;
	}
#MAIN #search01-02 a.btn_next:hover { background-position: left -40px; }

#MAIN #search02 {
	clear:both;
	width:980px;
	margin: 0px auto 20px ;
	text-align:left;
	}
#MAIN #search02 .erabu01 { padding:85px 0 0 300px; margin:0; }
#MAIN #search02 .erabu02 { padding:25px 0 0 0px; margin:0; }
#MAIN #search02 .erabu02 a { 
	display:block;
	width:200px;
	height:42px;
	margin:0 20px 10px 0;
	float:left;
	background-image: url(../img/top/btn_search02.jpg) ;
	background-repeat: no-repeat ;
	text-indent:-9999px;
	}

#MAIN #search02 .erabu02 a.b01 { background-position: 0 0 ; margin-left:300px; _margin-left:150px; }
#MAIN #search02 .erabu02 a.b02 { background-position: 0 -50px ; }
#MAIN #search02 .erabu02 a.b03 { background-position: 0 -100px ; }
#MAIN #search02 .erabu02 a.b04 { background-position: 0 -150px ; margin-left:80px; _margin-left:40px; }
#MAIN #search02 .erabu02 a.b05 { background-position: 0 -200px ; }

#MAIN #search02 .erabu02 a:hover.b01 { background-position: -220px 0 ; }
#MAIN #search02 .erabu02 a:hover.b02 { background-position: -220px -50px ; }
#MAIN #search02 .erabu02 a:hover.b03 { background-position: -220px -100px ; }
#MAIN #search02 .erabu02 a:hover.b04 { background-position: -220px -150px ; }
#MAIN #search02 .erabu02 a:hover.b05 { background-position: -220px -200px ; }

#MAIN #search02 .b06 { 
	display:block;
	width:420px;
	height:42px;
	margin:0 20px 10px 0;
	background: url(../img/top/btn_search02.jpg) ;
	background-repeat: no-repeat ;
	background-position: 0 -250px ;
	float:left;
	}
#MAIN #search02 .b06 span {
	display:block;
	text-indent:-9999px;
	width:1px;
	height:1px;
	float:left;
	}
#MAIN #search02 input {
	margin: 10px 0 0 175px;
	width:160px;
	float:left;
	font-size:10px;
	}

#MAIN #search02 .btn-key-kensaku {
	width:62px;
	height:30px;
	margin: 7px 0 0 5px;
	float:left;
	background: url(../img/top/btn_search02-minibtn.jpg) no-repeat left top ;
	border:none;
	text-indent:-9999px;
	
	}

#MAIN #search02 .btn-key-kensaku:hover { background-position:left -30px; }
#MAIN #search02 .btn-key-kensaku:focus { background-position:left -29px; }
*/

#MAIN #rent-sale {
	width:610px;
	height:310px;
	margin: 0 0 10px 0px;
	float:left;
	text-align:left;
	background: url(../img/top/201701_top-rent-buy.gif) no-repeat left top ;
	}

/*
#MAIN #rent-sale * {
	font-size:12px;
	text-decoration:none;
	letter-spacing: normal;
	line-height:2.2;
	}
*/
#MAIN #rent-sale a {
	display:block;
	width:240px;
	height:25px;
	margin:0 0 2 0;
	}

#MAIN #rent-sale ul {
	width:280px;
	float:left;
	}

#MAIN #rent {
	margin-right:40px;
	padding:62px 0 0 0;
	text-align:center;
	}

#MAIN #sale {
	padding:72px 0 0 0;
	text-align:center;
	}

#MAIN #rent-sale li {
	padding:0 0 2px 0px;
	}

#MAIN #rent-sale li a { text-indent:-9999px }

#MAIN #rent-sale #rent li { margin:0 0 0 22px; }
#MAIN #rent-sale #sale li { margin:0 0 0 20px; }

#MAIN #rent-sale #rent li a { background: url(../img/top/arrow01.gif) no-repeat 16px center ; }
#MAIN #rent-sale #sale li a { background: url(../img/top/arrow02.gif) no-repeat 16px center ; }
#MAIN #rent-sale #rent li a:hover { background-position: 20px center ; }
#MAIN #rent-sale #sale li a:hover { background-position: 20px center ; }

/*キーワード検索*/
#MAIN #rent-sale #rent li.key { margin:11px 0 0 24px; }
#MAIN #rent-sale #sale li.key { margin:28px 0 0 22px; }

#MAIN .b06 span {
	display:block;
	text-indent:-9999px;
	width:1px;
	height:1px;
	float:left;
	}
#MAIN input {
	margin: 10px 0 0 0px;
	width:160px;
	float:left;
	font-size:12px;
	color:#999;
	}


#MAIN .btn-key-kensaku {
	width:62px;
	height:30px;
	margin: 7px 0 0 5px;
	float:left;
	background: url(../img/top/btn_search02-minibtn.jpg) no-repeat left top ;
	border:none;
	text-indent:-9999px;
	
	}

#MAIN .btn-key-kensaku:hover { background-position:left -30px; }
#MAIN .btn-key-kensaku:focus { background-position:left -29px; }



#MAIN .spe-banner {
	width:320px;
	float:right;
	margin:11px 0px 0 0px; 
	}

#MAIN .spe-banner img {
	width:320px;
	margin:0 0 10px 0;
	}

#CONTENTS #weather {
	margin:0 0 10px 0;
	}

#CONTENTS #blog{ 
	width:720px;
	margin:10px 0 0 0px;
	padding:0;
	text-align:left;
	border:1px solid #CCC;
	background: url(../img/top/blog-dt.gif) repeat-x left top ;
	}

#CONTENTS #blog dt { 
	height:50px;
	overflow:hidden;
	color:#999;
	text-align:center;
 }

#CONTENTS #blog dt a { 
/*
	display:block;
	width:116px;
	float:left;
*/
	height:50px;
	margin:0 0 0  1px;
	padding:0px;
	line-height:3.2;
	text-decoration:none;
 }


#CONTENTS #blog dt a.topics-top { 
	height:100%;
	margin:0 ;
	padding:0px;
	display:block;
	width:135px;
	float:left;
	color:#FFF;
 }


#CONTENTS #blog dd { 
	padding:6px 10px 0;
	}

#CONTENTS #blog ul#feed01 {
	margin: 0px;
	padding:0px;
	border-bottom:1px dashed #f0f0f0;
	}

#CONTENTS #blog ul#feed01 li {
/*	height:120px;
	overflow:hidden;*/
	clear:both;
	padding-bottom:8px;
	margin-bottom:3px;
	border-bottom:1px dashed #CCC;

	}

#CONTENTS #blog #feed01 li .title { 
	display:block;
	padding:0 0 5px 0;
	font-weight:bold;
	}

#CONTENTS #blog #feed01 li .more { 
	margin:0px 0 0 0;
	padding:0px 0 0 0;
	text-align:right;
/*	border-top:1px dashed #CCC;*/
	}
#CONTENTS #blog #feed01 li a {
	text-decoration:none;
	font-size:12px;
	line-height:1.2;
	}

#CONTENTS #blog #feed01 li img {
	width:auto;
	height:75px;
	margin:0 10px 0 0;
	border:1px solid #CCC;
	padding:5px;
	background:#fff;
	text-decoration:none;
	}

#CONTENTS #blog .feedlink {
	margin:0px;
	padding:5px 10px 10px 0;
	text-align:right;
}
/*
#CONTENTS #blog #feed01 .honbun {
	height:150px;
	overflow:hidden;
	}
*/
#CONTENTS #blog li.up-new { 
	margin:0;
	padding: 0px 2px 0px 34px;
	background: url(../img/top/icon_new.jpg) no-repeat 5px 4px;
	font-weight:bold;
	font-weight:normal;
	color:#ff8c00;
	font-size:12px;
	/*border-bottom:1px dashed #ff8c00;*/
	}

#CONTENTS #blog li.up-new span {
	padding:0 0 0 10px;
	font-weight:bold;
	}
#CONTENTS #blog .topics-ichiran {
	margin:20px 10px 10px 10px;
	padding:10px 10px 0 0;
	text-align:right;
	border-top:1px dashed #CCC;
}

/*ミドルボックス*/
.mid-box { 
	width:720px;
	margin:0px 0 0 0px;
	float:left;
	}

.guide,
.sien,
.bnr-area {
	margin:20px 0 0px 0px;
	padding:0;
	}

.bnr-area {
	border-top:1px dashed #999;
	margin:10px 0 0 0;
	padding:20px 0 0 20px;
	}

.small-box {
	width:200px;
	clear:both;
	float:right;
	margin:0 0px 0 0;
	}

.small-box .mobile dt {
	background: url(../img/top/title_mobile.jpg) no-repeat left top;
	height:48px;
	text-indent:-9999px;
	}
.small-box .mobile dd {
	margin-bottom:10px;
	border:1px solid #cc0000;
	border-top:none;
	}
.small-box .mobile dd * {
	line-height:1.3;
	font-size:12px;
	}
.small-box .mobile dd p {
	padding:7px 0 0 0;
	}
.small-box .otoku dt {
	background: url("../img/top/title-side.jpg") no-repeat scroll left 0px ;
	height:35px;
	text-indent:-9999px;
	}

.small-box .otoku dd img {
	margin:0 0 10px 0;
	}

.small-box .kanren-link dt {
	background: url("../img/top/title-side.jpg") no-repeat scroll left -50px ;
	height:35px;
	text-indent:-9999px;
	}


.small-box li a {
	padding:10px 0 0 0;
	background: url("../img/top/icon-arrow.gif") no-repeat scroll left 10px transparent;
	padding-left:17px;
	font-size:12px;
	line-height:1.3;
	}


.guide dt {
	height:36px;
	background: url(../img/top/title_mid-box.jpg) no-repeat left top;
	text-indent:-9999px;
	}
/*
.guide dd { padding:10px 0 0 0; }
*/
.guide dd { padding: 0; }
.guide dd { float:left;}
/*
.guide dd.waku01 { width:220px; margin-left:20px;}
.guide dd.waku02 { width:220px;}
.guide dd.waku03 { width:220px; margin-left:10px;}
*/
.guide dd.waku01 {
	margin-left: 20px;
	margin-top: 10px;
	}

.guide dd ul {
	margin-left: 147px;
	}

.guide dd li {
	margin-left:10px;
	line-height:1.3;
	}

.guide dd.kisokouza {
	background: rgba(0, 0, 0, 0) url("../img/top/kisokouza.jpg") no-repeat scroll 0 0;
	height: 164px;
	}
.guide dd.oyakudach {
	background: rgba(0, 0, 0, 0) url("../img/top/oyakudach.jpg") no-repeat scroll 0 0;
	height: 164px;
	}
.guide dd.soudan {
	background: rgba(0, 0, 0, 0) url("../img/top/soudan.jpg") no-repeat scroll 0 0;
	height: 123px;
	}

.guide dd.waku01 li a {
	display: block;
	height: 41px;
	padding: 0;
	text-decoration: none;
	text-indent: -9000px;
	width: 248px;
	}
.guide dd.kisokouza li a {
	background: rgba(0, 0, 0, 0) url("../img/top/kisokouza_menu.gif") no-repeat scroll 0 0;
	}
.guide dd.oyakudach li a {
	background: rgba(0, 0, 0, 0) url("../img/top/oyakudach_menu.gif") no-repeat scroll 0 0;
	}
.guide dd.soudan li a {
	background: rgba(0, 0, 0, 0) url("../img/top/soudan_menu.gif") no-repeat scroll 0 0;
	}
.guide dd.waku01 ul li#link_buy a, .guide dd.waku01 ul li#link_environment a, .guide dd.waku01 ul li#link_faq a {
    background-position: 0 0;
	}
.guide dd.waku01 ul li#link_sale a, .guide dd.waku01 ul li#link_tax a, .guide dd.waku01 ul li#link_madoguchi a {
    background-position: 0 -41px;
	}
.guide dd.waku01 ul li#link_rent a, .guide dd.waku01 ul li#link_law a, .guide dd.waku01 ul li#link_jirei a {
    background-position: 0 -82px;
	}
.guide dd.waku01 ul li#link_lease a, .guide dd.waku01 ul li#link_simulation a {
    background-position: 0 -123px;
	}
.guide dd.waku01 ul li#link_buy a:hover, .guide dd.waku01 ul li#link_environment a:hover, .guide dd.waku01 ul li#link_faq a:hover {
    background-position: 100% 0;
	}
.guide dd.waku01 ul li#link_sale a:hover, .guide dd.waku01 ul li#link_tax a:hover, .guide dd.waku01 ul li#link_madoguchi a:hover {
    background-position: 100% -41px;
	}
.guide dd.waku01 ul li#link_rent a:hover, .guide dd.waku01 ul li#link_law a:hover, .guide dd.waku01 ul li#link_jirei a:hover {
    background-position: 100% -82px;
	}
.guide dd.waku01 ul li#link_lease a:hover, .guide dd.waku01 ul li#link_simulation a:hover {
    background-position: 100% -123px;
	}


.sien dt {
	height:36px;
	background: url(../img/top/title_mid-box.jpg) no-repeat left -40px;
	text-indent:-9999px;
	}
.sien dd { padding:10px 0 0 0; }
.sien dd { float:left; }
.sien dd.waku01 { width:300px; margin-left:20px; }
.sien dd.waku02 { width:300px; margin-left:20px;}
.sien dd.waku02 li {
	margin-left:10px;
	line-height:1.3;
	}
.sien dd.waku02 p {
	font-size:12px;
	margin:3px 0 0 14px;
	}
.sien dd li a,
.guide dd li a {
	padding:0px 0 0 0;
	background: url("../img/top/icon-arrow.gif") no-repeat scroll left 0px transparent;
	padding-left:17px;
	font-size:12px;
	}



/*************************************************************************
 PAGE 設定::after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}
*************************************************************************/

.bold, b, strong, .strong { font-weight: bold; }
.backtop { 
	clear:both;
	text-align:right;
	padding:5px 10px 5px 0;
	}


/*************************************************************************
 FOOTER 設定::after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}
*************************************************************************/
#FOOTER * { color:#333; font-size:12px; }

#FOOTER {
	clear:both;
	text-align:center;
	background: url(../img/top/footer.gif) repeat-x left top #c2c2c2;
	font-size:12px;
	color:#333;
	}

#FOOTER p {
	margin:0 0 10px 0;
	padding:5px 0 8px;
	}