@charset "Shift_JIS";

/* テーマAB共通 */
#Content #themeB .Visual,
#Content #themeA .Visual { width:628px; background:url(/house/hj/front/hjcommon/css/t/common/img/c_box_bottom.gif) no-repeat left bottom; }
#Content #themeB .Visual .CBoxArea,
#Content #themeA .Visual .CBoxArea { width:85px; float:left; }
#Content #themeB .Visual .CBoxArea .Inner,
#Content #themeA .Visual .CBoxArea .Inner { width:85px; min-height:262px; background:url(/house/hj/front/hjcommon/css/t/common/img/c_box_top.gif) no-repeat left top; }
#Content #themeB .Visual .CBoxArea p,
#Content #themeA .Visual .CBoxArea p { line-height:120%; }
#Content #themeB .Visual .CBoxArea .CTxtA,
#Content #themeA .Visual .CBoxArea .CTxtA { text-align:center; padding:8px 0 32px 0; background:url(/house/hj/front/hjcommon/css/common/img/icon_arrow_s.gif) no-repeat center bottom; }
#Content #themeB .Visual .CBoxArea .CTxtB,
#Content #themeA .Visual .CBoxArea .CTxtB { text-align:center; }
#Content #themeB .Visual .CBoxArea .CTxtC,
#Content #themeA .Visual .CBoxArea .CTxtC { margin:0 4px 2px 4px; word-wrap:break-word; }
#Content #themeB .Visual .CBoxArea p.CBoxParts,
#Content #themeA .Visual .CBoxArea p.CBoxParts { text-align:center; margin:0.8em 0; }
#Content #themeB .Visual .CBoxArea p.CImg,
#Content #themeA .Visual .CBoxArea p.CImg { text-align:center; margin:0.8em 0; }
#Content #themeB .Visual .PhotoArea,
#Content #themeA .Visual .PhotoArea { position:relative; width:538px; float:right; }
#Content #themeB .Visual .PhotoArea img,
#Content #themeA .Visual .PhotoArea img { display:block; }
#Content #themeB .Visual .PhotoArea img.Photo1,
#Content #themeA .Visual .PhotoArea img.Photo1 { float:left; }
#Content #themeB .Desc,
#Content #themeA .Desc { margin:0 12px; }
#Content #themeB .Desc h3,
#Content #themeA .Desc h3 { text-indent:0; width:auto; height:auto; color:#906E0A; font-weight:bold; font-size:16px; margin-bottom:5px; }
#Content #themeB .Desc h3 sup,
#Content #themeB .Desc h3 small { color:#906E0A; font-weight:bold; }
#Content #themeA .Desc h3 sup,
#Content #themeA .Desc h3 small { color:#906E0A; font-weight:bold; }
#Content #themeB .Desc .SekoArea,
#Content #themeA .Desc .SekoArea { border-top:1px solid #E0E0E0; padding-top:5px; margin-top:5px; }

/* テーマAB個別 */
#Content #themeA .Visual .PhotoArea .Photo2 { position:absolute; right:0; top:0; }
#Content #themeA .Visual .PhotoArea .Photo3 { position:absolute; right:0; bottom:0; }
#Content #themeB .Visual .PhotoArea .Photo2 { float:right; }

/*----------------------------------------------------------------
 Style Setting

 Date    : 2010/0604
 
 HOUSING CHUMONJUTAKU THEME
----------------------------------------------------------------*/


/*----------------------------------------------------------------
  Layout Setting
----------------------------------------------------------------*/

#Content h2{
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	text-indent:0;
	background:none;
	height: auto;
}

#Content img{
	border:none;
}





/*----------------------------------------------------------------
  column
----------------------------------------------------------------*/


/*
#Content #tmcol {
	margin-top:20px;
	clear:both;	
}

#Content #tmcol p{
	margin:0;
	padding:0;
	line-height:120%;
}
*/



/*-----left column------*/

#Content #MainLeft {
	float:left;
	width:207px;
	margin-top:20px;
	margin-right:33px;	
}

#Content #MainLeft .cover001 {
	border:#3D9973 solid 1px;
	background:#DCDCDC;
}

#Content #MainLeft .cover001a {
	border:#3D9973 solid 1px;
	background:#DCDCDC;
	margin-top: 10px;
}

#Content #MainLeft .cover002 {
	background:#FFFFFF;
	margin:5px;
	padding:1px 5px 10px 5px;
}

#Content #MainLeft h4 {
	color:#3D9972;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	margin:0;
	margin-top:10px;
	padding:0;
	padding-left:5px;
	padding-top:1px;
	border-left:#3D9972 solid 2px;
}

#Content #MainLeft dl{
	font-size:12px;
	line-height:120%;
	margin:8px 7px 0 7px;
	padding:0;
}

#Content #MainLeft dl dt{
	font-weight:bold;
}

#Content #MainLeft dl dd{
	margin-top:5px;
}

#Content #MainLeft dl dd.tm_active{/*100517 add*/
	font-weight:bold;
}

#Content #MainLeft dl dd.tm_active label {
	font-weight:bold;
}

#Content #MainLeft dl dd.area_ind{
	text-indent:12px;
}

#Content #MainLeft .area_further{
	font-size:10px;
	line-height:120%;
	margin:0;
	margin-top:8px;
	padding:0;
	text-indent:0;
}

#Content #MainLeft input{
	margin-right:3px;
}
#Content #MainLeft select{
	margin-bottom:3px;
	width:80%;
}

#Content #MainLeft .btm_dot{
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:#A7A7A7 dotted 1px;
}

#Content #MainLeft .btm_sol{
	padding-bottom:20px;
	margin-bottom:22px;
	border-bottom:#A7A7A7 solid 1px;
}

#Content #MainLeft .top_dot{
	padding-top:10px;
	margin-top:15px;
	border-top:#A7A7A7 dotted 1px;
}

#Content #MainLeft .top_sol{
	padding-top:20px;
	margin-top:22px;
	border-top:#A7A7A7 solid 1px;
}




#Content #MainLeft .search_btn001{
	width:144px;
	height:29px;
	margin:10px auto 0 auto;
	padding:0;
}

#Content #MainLeft .search_btn001 a{
	display:block;
	background:url(/house/hj/front/hjcommon/css/common/img/theme_btn001.gif) no-repeat;
	background-position: 0px -190px;
	width:144px;
	height:29px;
	text-indent:-99999px;
	
}
#Content #MainLeft .search_btn001 a:hover{
	display:block;
	background:url(/house/hj/front/hjcommon/css/common/img/theme_btn001.gif) no-repeat;
	background-position: 0px -218px;
	width:144px;
	height:29px;
	text-indent:-99999px;
}

#Content #MainLeft ul{
	list-style-position:outside;
	margin-top:10px;
}

#Content #MainLeft ul li{
	list-style-type:disc;
	margin-top:4px;
	margin-left:20px;
	line-height:1.2em;
}

#Content #MainLeft ul li.tm_active{
	font-weight:bold;
}



/*-----right column------*/

#Content #MainRight {
	float:left;
	width:640px;
	margin-top:20px;
}



/**/
#Content #MainRight .tm_pg001{
	clear:both;
}

/* pageng有りの場合はこれを使用する
#Content #MainRight .tm_pg001{
	padding-bottom:7px;
	border-bottom:#CCCCCC solid 1px;
	clear:both;
}
*/


#Content #MainRight .mgnT{
	margin-top:10px;
}
#Content #MainRight .mgnT2{/*110426*/
	margin-top:20px;
}


#Content #MainRight .tm_pg001 p{
	float:left;
	font-size:12px;
	font-weight:bold;
	padding-right:10px;
}

#Content #MainRight .tm_pg001 p span{
	color:#FF6A00;
	font-size:14px;
	font-weight:bold;
	margin-right:3px;
}



#Content #MainRight .tm_pg001 ul{
	float:right;
	margin:0;
	padding:0;
	padding-left:20px;
	font-size:12px;
}

#Content #MainRight .tm_pg001 ul li {  
	margin:0;
	padding:0;
	font-size:12px;
	display:inline;
}



/**/
#Content #MainRight .tm_pg002{
	padding-top:10px;
	clear:both;
}

#Content #MainRight .tm_pg002 ul{
	float:left;
	margin:0;
	padding:0;
	font-size:12px;
}

#Content #MainRight .tm_pg002 ul li {  
	margin:0;
	padding:0;
	font-size:12px;
	display:inline;
}


#Content #MainRight .tm_pg002 .pg_number{
	float:right;
	font-size:12px;
}



/**/
#Content #MainRight .tm_pg003 {
	background:#FFF6E5;
	border:#CCCCCC solid 1px;
	margin-bottom:10px;
	clear:both;
}

#Content #MainRight .tm_pg003 .Catalog_request01{
	float:left;
	background:url(../img/theme_icons_down.gif) no-repeat 10px 15px;
	margin:0;
	padding:13px 14px 0 32px;
}

#Content #MainRight .tm_pg003 .Catalog_request01b{
	float:left;
	background:url(../img/theme_icons_up.gif) no-repeat 10px 15px;
	margin:0;
	padding:13px 14px 0 32px;
}



#Content #MainRight .tm_pg003 .Catalog_request02{
	float:left;
	width:144px;
	height:29px;
	margin:0;
	margin-top:5px;
	padding:0;
}

#Content #MainRight .tm_pg003 .Catalog_request02 a{
	display:block;
	background:url(/house/hj/front/hjcommon/css/common/img/theme_btn001.gif) no-repeat;
	background-position: -150px -190px;
	width:144px;
	height:29px;
	text-indent:-99999px;
	
}
#Content #MainRight .tm_pg003 .Catalog_request02 a:hover{
	display:block;
	background:url(/house/hj/front/hjcommon/css/common/img/theme_btn001.gif) no-repeat;
	background-position: -150px -218px;
	width:144px;
	height:29px;
	text-indent:-99999px;
}


#Content #MainRight .tm_pg003 .Catalog_request03{
	float:right;
	background:#FFFFC8;
	margin:0;
	padding:3px 10px;
}
#Content #MainRight .tm_pg003 .Catalog_request03 input{
	margin:0;
	margin-right:4px;
	padding:0;
	vertical-align:middle;
}
#Content #MainRight .tm_pg003 .Catalog_request03 img{
	vertical-align:middle;
}




#Content #MainRight .tm_pg003b {
	background:#FFFFC8;
	border:#CCCCCC solid 1px;
	margin-bottom:4px;
	clear:both;
}

#Content #MainRight .tm_pg003b .Catalog_request03{
	margin:0;
	padding:3px 10px;
}
#Content #MainRight .tm_pg003b .Catalog_request03 input{
	margin:0;
	margin-right:4px;
	padding:0;
	vertical-align:middle;
}
#Content #MainRight .tm_pg003b .Catalog_request03 img{
	vertical-align:middle;
}






/**/
#Content #MainRight .tm_area_title{
	background:url(../img/theme_r_title_t.gif) no-repeat top;
	margin:10px 0 2px 0;
	padding:0;	
}

#Content #MainRight .tm_area_title_btm{
	background: url(../img/theme_r_title_b.gif) no-repeat bottom;
	margin:0;
	padding:0;
}

#Content #MainRight .tm_area_title h2{
	color:#30765A;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	width:550px;
	padding:10px 10px 19px 10px;
}





/* main repeat rows cover */
#Content .RowCover{
	border:#CCCCCC solid 1px;
	padding:5px 5px 10px 5px;
	margin-bottom:10px;
}


/* headline */

#Content .HeadlineB {
	background:none repeat scroll 0 0 #EEEEEE;
	padding:5px 10px;
}

span.AnchorText_, span.AnchorTextM_ {
	color:#1F4D39;
	font-size:16px;
	line-height:120%;
	font-weight:bold;
	border-left:#1F4D39 solid 3px;
	background: none;
	display:block;
	padding:0 0 0 16px;
}

#Content #themeB .Desc, #Content #themeA .Desc {
	margin:0 12px;
}

#Content #themeB .Desc h3, #Content #themeA .Desc h3 {
	color:#3D9973;
	line-height:120%;
	font-size:16px;
	font-weight:bold;
	height:auto;
	margin:0;
	padding:0;
	margin-bottom:6px;
	text-indent:0;
	width:auto;
}

#Content #themeB .Desc p, #Content #themeA .Desc p {
	font-size:12px;
	line-height:170%;
	border-bottom:1px solid #E0E0E0;
	margin:0;
	padding:0;
	padding-bottom:10px;
}


#Content #themeB .Desc .SekoArea, #Content #themeA .Desc .SekoArea {
	background:#EEEEEE;
	margin-top:10px;
	padding:4px;
	border:none;
}

#Content #themeB .Desc .TsuboTanka, #Content #themeA .Desc .TsuboTanka {
	background:#EEEEEE;
	margin-top:3px;
	padding:4px;
	border:none;
}

#Content #themeB .Desc .DesignTaste, #Content #themeA .Desc .DesignTaste {
	background:#EEEEEE;
	margin-top:3px;
	padding:4px;
	border:none;
}


#Content div.RowAndHrM, #Content div.RowAndHrMNoMargin {
background: none;
margin:0;
padding:0 0 10px;
width:100%;
}




/*---button*/
#Content #themeB .Desc .tm_pg004, #Content #themeA .Desc .tm_pg004 {
	width:576px;
	margin:10px auto 0 auto;
	clear:both;
}

#Content #themeB .Desc .tm_pg004 p, #Content #themeA .Desc .tm_pg004 p{
	border:none;
	margin:0;
	padding:0;
}


#Content #themeB .Desc .tm_pg004 span, #Content #themeA .Desc .tm_pg004 span{
	display:block;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	text-align:center;
	padding:7px 10px 0 10px;
}




/*button width text*/
#Content #themeB .Desc .tm_pg004 .Co_button001, #Content #themeA .Desc .tm_pg004 .Co_button001{
	float:left;
	width:283px;
	height:45px;
	margin:0;
	margin-right:10px;
	padding:0;
}

#Content #themeB .Desc .tm_pg004 .Co_button001 a, #Content #themeA .Desc .tm_pg004 .Co_button001 a{
	display:block;
	background:url(/house/hj/front/hjcommon/css/common/img/theme_btn001.gif) no-repeat;
	background-position: 0px 0px;
	width:283px;
	height:45px;
	text-decoration:none;
	
}
#Content #themeB .Desc .tm_pg004 .Co_button001 a:hover, #Content #themeA .Desc .tm_pg004 .Co_button001 a:hover{
	display:block;
	background:url(/house/hj/front/hjcommon/css/common/img/theme_btn001.gif) no-repeat;
	background-position: 0px -45px;
	width:283px;
	height:45px;
	text-decoration:none;
}




#Content #themeB .Desc .tm_pg004 .Re_button001, #Content #themeA .Desc .tm_pg004 .Re_button001{
	float:left;
	width:283px;
	height:45px;
	margin:0;
	padding:0;
}

#Content #themeB .Desc .tm_pg004 .Re_button001 a, #Content #themeA .Desc .tm_pg004 .Re_button001 a{
	display:block;
	background:url(/house/hj/front/hjcommon/css/common/img/theme_btn001.gif) no-repeat;
	background-position: -283px 0px;
	width:283px;
	height:45px;
	text-decoration:none;
	
}
#Content #themeB .Desc .tm_pg004 .Re_button001 a:hover, #Content #themeA .Desc .tm_pg004 .Re_button001 a:hover{
	display:block;
	background:url(/house/hj/front/hjcommon/css/common/img/theme_btn001.gif) no-repeat;
	background-position: -283px -45px;
	width:283px;
	height:45px;
	text-decoration:none;
}






/*button no text*/
#Content #themeB .Desc .tm_pg004 .Co_button002, #Content #themeA .Desc .tm_pg004 .Co_button002{
	float:left;
	width:283px;
	height:45px;
	margin:0;
	margin-right:10px;
	padding:0;
}

#Content #themeB .Desc .tm_pg004 .Co_button002 a, #Content #themeA .Desc .tm_pg004 .Co_button002 a{
	display:block;
	background:url(/house/hj/front/hjcommon/css/common/img/theme_btn001.gif) no-repeat;
	background-position: 0px -90px;
	width:283px;
	height:45px;
	text-indent:-99999px;
}
#Content #themeB .Desc .tm_pg004 .Co_button002 a:hover, #Content #themeA .Desc .tm_pg004 .Co_button002 a:hover{
	display:block;
	background:url(/house/hj/front/hjcommon/css/common/img/theme_btn001.gif) no-repeat;
	background-position: 0px -135px;
	width:283px;
	height:45px;
	text-indent:-99999px;
}


#Content #themeB .Desc .tm_pg004 .Re_button002, #Content #themeA .Desc .tm_pg004 .Re_button002{
	float:left;
	width:283px;
	height:45px;
	margin:0;
	padding:0;
}

#Content #themeB .Desc .tm_pg004 .Re_button002 a, #Content #themeA .Desc .tm_pg004 .Re_button002 a{
	display:block;
	background:url(/house/hj/front/hjcommon/css/common/img/theme_btn001.gif) no-repeat;
	background-position: -283px -90px;
	width:283px;
	height:45px;
	text-indent:-99999px;
}
#Content #themeB .Desc .tm_pg004 .Re_button002 a:hover, #Content #themeA .Desc .tm_pg004 .Re_button002 a:hover{
	display:block;
	background:url(/house/hj/front/hjcommon/css/common/img/theme_btn001.gif) no-repeat;
	background-position: -283px -135px;
	width:283px;
	height:45px;
	text-indent:-99999px;
}







/* footer MainTail */

#Content #MainTail{ width: 100%; clear:both;}
#Content #MainTail #KeyPhrase{  }
#Content #MainTail #KeyPhrase p.BottomNavigation{ float: right; margin: 0 0 15px 0;  }
#Content #MainTail #KeyPhrase p.BottomNavigationNoMargin{ float: right; margin: 0 0 5px 0;  }
#Content #MainTail #KeyPhrase p.BottomNavigation{ font-size: 12px; }
#Content #MainTail #KeyPhrase p.SeoText{}
#Content #MainTail #KeyPhrase p.SeoText sup,
#Content #MainTail #KeyPhrase p.SeoText small,
#Content #MainTail #KeyPhrase p.SeoText em i{ color: #cccccc; font-size: 10px; }
#Content #MainTail #KeyPhrase p.ContactCode{float: right;color: #cccccc; font-size: 10px; }







/*市区郡で絞り込むボタン　110420追加*/
#Content #MainRight .theme_btn002{
	text-align:center;
}
#Content #MainRight .theme_btn002 a,#Content #MainRight .theme_btn002 a:hover{
	background:url(/house/hj/front/hjcommon/css/common/img/theme_btn002.gif) no-repeat;
	text-indent:-99999px;
	width:252px;
	height:40px;
	margin:0 auto 5px auto;
	padding:0;
	display:block;
}
#Content #MainRight .theme_btn002 a:hover{
	background-position:0 -41px;
		
}


/*市区郡で絞り込むテキストエリア　110420追加*/
#Content #MainRight .theme_schtxt{
	_zoom:1;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:20px;
}
#Content #MainRight .theme_schtxt h4{
	background:#EEEEEE;
	border-left:#1F4D39 solid 4px;
}
#Content #MainRight .theme_schtxt h4 span{
	display:block;
	padding:8px 0 7px 7px;
	color:#1F4C39;
	font-size:14px;
	line-height:120%;
	font-weight:bold;
}
#Content #MainRight .theme_schtxt .schtxt_cover{
	_zoom:1;
	overflow:hidden;
	background:url(/house/hj/front/hjcommon/css/common/img/theme_sch_bg.gif) left top repeat-y;
	border:#CCCCCC solid 1px;
	margin:0 0 2px 0;
	padding:8px 0px 0px 8px;
	*padding-bottom:8px;
}
#Content #MainRight .theme_schtxt .schtxt_cover p{
	float:left;
	width:102px;
	font-size:12px;
	line-height:140%;
	font-weight:bold;
	margin-right:10px
}
#Content #MainRight .theme_schtxt .schtxt_cover ul{
	float:left;
	width:510px;
	list-style:none;
}
#Content #MainRight .theme_schtxt .schtxt_cover ul li{
	float:left;
	width:20%;/*110426*/
	font-size:12px;
	line-height:120%;
	margin-bottom:8px;
}
*html #Content #MainRight .theme_schtxt .schtxt_cover ul li a{
	font-size:12px;
	line-height:120%;
}
*+html body #Content #MainRight .theme_schtxt .schtxt_cover ul li a{
	font-size:12px;
	line-height:120%;
}



#Content #MainRight .mgnB{/*110426*/
	margin-bottom:10px;
}

#Content #MainRight .mgnB2{/*110426*/
	margin-bottom:20px;
}



/*-----市区郡を選ぶ*/

/*この条件で検索するテキストエリア　110420追加*/

#Content #MainRight dl.theme_schcom{
	background:#F1F1F1;
	margin:0;
	padding:10px 13px;
}
#Content #MainRight dl.theme_schcom dt{
	font-size:12px;
	font-weight:bold;
	margin-bottom:8px;
}
#Content #MainRight dl.theme_schcom dd{
	font-size:12px;
	margin:0;
	padding:0;
	text-indent:0;
}

#Content #MainRight h2.theme_schttl{
	font-size:18px;
	line-height:120%;
	font-weight:bold;
	color:#1F4C39;
	border-left:#1F4D39 solid 5px;
	margin:15px 0 0px 0;
	padding:2px 0 2px 6px;
}

#Content #MainRight .schtxt_cover2{
	_zoom:1;
	overflow:hidden;
	margin-top:20px;
}
#Content #MainRight .schtxt_cover2 input{
	margin-right:3px;
	vertical-align:middle;
}
#Content #MainRight .schtxt_cover2 p{
	font-size:12px;
	line-height:120%;
	font-weight:bold;
	border:#CCCCCC solid 1px;
	padding:7px 10px;
}

#Content #MainRight .schtxt_cover2 ul{
	_zoom:1;
	overflow:hidden;
	list-style:none;
	margin-top:5px;
}
#Content #MainRight .schtxt_cover2 ul li{
	float:left;
	width:20%;/*110426*/
	font-size:12px;
	line-height:120%;
	margin-top:8px;
}
*html #Content #MainRight .schtxt_cover2 ul li a{
	font-size:12px;
	line-height:120%;
}
*+html body #Content #MainRight .schtxt_cover2 ul li a{
	font-size:12px;
	line-height:120%;
}


/*この条件で検索するボタン　110420追加*/
#Content #MainRight .theme_btn003{
	text-align:center;
	margin-top:20px;
}
#Content #MainRight .theme_btn003 a,#Content #MainRight .theme_btn003 a:hover{
	background:url(/house/hj/front/hjcommon/css/common/img/theme_btn003.gif) no-repeat;
	text-indent:-99999px;
	width:252px;
	height:40px;
	margin:0 auto 5px auto;
	padding:0;
	display:block;
}
#Content #MainRight .theme_btn003 a:hover{
	background-position:0 -41px;
		
}

/*市区郡を選ぶ-----*/





/*-----ページング　110425追加*/

#Content #MainRight .tm_pg001 {
    clear: both;
    padding-bottom: 4px;
    padding-top: 7px;
}
/*ページング-----*/



/*-----現在の選択エリア　110425追加*/

#Content #MainLeft .mgn1{
	margin:8px 7px 0 7px;
}
#Content #MainLeft dl.select_city{
	font-size:10px;
	border:1px solid #CCCCCC;
	padding:5px;
}
#Content #MainLeft dl.select_city dt{
	border-left: 2px solid #3D9972;
    color: #3D9972;
	padding-left:3px;
}
#Content #MainLeft dl.select_city dd{
	line-height:135%;
}

/*現在の選択エリア-----*/







/*----------------------------------------------------------------
clear
----------------------------------------------------------------*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
  
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}