/* ------------------------------------------- CSS Information
 File Name:      default.css
 Style Info:     ブラウザスタイルのリセットと基本設定
----------------------------------------------------------- */

/* ----------------------- Browser Default Initialization */
html {	overflow-y: scroll;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea	{	margin: 0;	padding: 0;}
address, caption, cite, code, dfn, em, strong, th, var	{	font-style: normal;}

caption, th	{	text-align: left;}
q:before ,q:after	{	content: '';}
object, embed	{	vertical-align: top;}
hr, legend	{	display: none;}
h1, h2, h3, h4, h5, h6	{	font-size: 100%;}
img, abbr, acronym, fieldset	{	border: 0;}
li	{	list-style-type: none;}




/* ------------ Clear Style */
.clear	{	clear: both;}
.clearfix	{
	clear: both;
	/*for mac-ie5.x*/
	/*\*//*/
	overflow: hidden;
	/**/
}
.clearfix:after	{
	height:	0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
} 
 
/*------------------------------------引用ここまで(bodyはmargin指定から除いている) */


  .body{
 width: 100%;
 background-image: url(img/top/back2.gif);
 bgcolor: #FFFFFF;
 text: #000000;
 }


.kodate{ width: 100%;
 background-image: url(kodate/img/back_kodate.gif);
 bgcolor: #FFFFFF;
 text: #000000;
 }

.tochi{ width: 100%;
 background-image: url(tochi/img/back_tochi.gif);
 bgcolor: #FFFFFF;
 text: #000000;
 }
 
 .gaiyou{ width: 100%;
 background-image: url(gaiyou/img/back_gaiyou.gif);
 bgcolor: #FFFFFF;
 text: #000000;
 }
 
 .toiawase{ width: 100%;
 background-image: url(toiawase/img/back_toiawase.gif);
 bgcolor: #FFFFFF;
 text: #000000;
 }
	 
.waku { border-top: solid #666666 1px;
	border-left: solid #666666 1px;
	border-right: solid #666666 1px;
        border-bottom: solid #666666 1px;
}

.waku2 { border-top: solid #FF0000 2px;
	border-left: solid #FF0000 2px;
	border-right: solid #FF0000 2px;
        border-bottom: solid #FF0000 0px;
}


.waku3 { border-top: solid #FF0000 0px;
	border-left: solid #FF0000 2px;
	border-right: solid #FF0000 2px;
        border-bottom: solid #FF0000 2px;
}


.waku4 { border-top: solid #FF0000 2px;
	border-left: solid #FF0000 2px;
	border-right: solid #FF0000 2px;
        border-bottom: solid #FF0000 0px;
}


.waku5 { border-top: solid #FF0000 2px;
	border-left: solid #FF0000 0px;
	border-right: solid #FF0000 0px;
        border-bottom: solid #FF0000 2px;
}

#floatbox {
  margin-left: 40px;
  float: left;
  width: 160px;
  display: inline;
}



   .gensentop{
 width: 159;
 height: 185;
 background-image: url(img/top/gensentop.jpg);
 bgcolor: #FFFFFF;
 text: #000000;
 }


.text10-12 {  font-size: 10px; line-height: 12px; color: #333333; }
.text10-14 {  font-size: 10px; line-height: 14px; color: #333333; }
.text10-16 {  font-size: 10px; line-height: 16px; color: #333333; }
.text10-16_r {  font-size: 10px; line-height: 16px; color: #FF0000; }
.text11-14 {  font-size: 11px; line-height: 14px; color: #333333; }
.text12-14 {  font-size: 12px; line-height: 14px; color: #333333; }
.text12-14_r {  font-size: 12px; line-height: 14px; color: #FF0000; }
.text12-14_u {  font-size: 12px; line-height: 14px; color: #333333;
text-decoration:underline; }
.text12-16 {  font-size: 12px; line-height: 16px; color: #333333; }
.text12-16_b {  font-size: 12px; line-height: 14px; color: #333333;
 font-weight: bold; }
.text12-14_b {  font-size: 12px; line-height: 14px;
 font-weight: bold; }
.text12-18 {  font-size: 12px; line-height: 18px; color: #333333; }
.text12-20 {  font-size: 12px; line-height: 20px; color: #333333; }
.text14-18 {  font-size: 14px; line-height: 18px; color: #333333; }
.text14-16_r {  font-size: 14px; line-height: 16px; color: #FF0000; }
.text14-16_b {  font-size: 14px; line-height: 16px; color: #333333;
 font-weight: bold; }
.text14-18_u {  font-size: 14px; line-height: 18px; color: #333333;
text-decoration:underline; }
.text16-18 {  font-size: 16px; line-height: 18px; #333333; }
.text16-18_b {  font-size: 16px; line-height: 18px;
 font-weight: bold; }
.text20-22 {  font-size: 20px; line-height: 22px; color: #333333; }
.text20-22_b {  font-size: 20px; line-height: 22px; color: #333333;
 font-weight: bold;  }
.text12-14g 
{  
font-size: 12px; 
line-height: 14px; 
color: #696969; 
}
.text10-16_b {  font-size: 10px; line-height: 16px; color: #333333; font-weight: bold; }

strong { font-style: normal;
          font-weight : normal; }


h1
{
font-size:11px;
font-weight:normal;
letter-spacing: -1px;
padding:1px;
margin-top: 0px;
margin-bottom: 0px;
color: #000000;
}

h1top
{
font-size:11px;
font-weight:normal;
letter-spacing: -1px;
padding:1px;
margin-top: 0px;
margin-bottom: 0px;
color: #000000;
text-align: left;
}

h2
{
font-size:10px;
font-weight:normal;
margin:1px;
padding:1px;
margin-top: 0px;
margin-bottom: 0px;
color: #696969;
text-align: center;
}


h3
{
font-size:9px;
margin:1px;
padding:1px;
margin-top: 1px;
margin-bottom: 1px;
}

A:link { COLOR:#00207F;text-decoration:none;}
A:visited { Color:#980352;text-decoration:none;}
A:hover { Color:#FF3333;text-decoration:underline;}

span.tanni {
font-family: Osaka, Verdana, Arial, Helvetica, sans-serif ;
position:relative;
}
sub, sup {
vertical-align: baseline;
}
sup {
position:relative;
top:-4px
}


.member{
 	width: 159;
 	height: 181;
 	background-image: url(../img/top/member_side.gif);
 	bgcolor: #FFFFFF;
 	text: #000000;
	font-size: 10px;
	text-align:right;
	background-repeat:no-repeat;
 	} 
	


.overflow {
  overflow-y: scroll;   /* スクロール表示 */
  width: 157;
  height: 250px;
  margin: 0px;
  padding-left: 5px;
  max-width: 159px;
}

.overflow_L {
  overflow-y: auto;   /* スクロール表示 */
  width: 550;
  height: 250px;
  margin: 0px;
  padding-left: 5px;
  max-width: 538;
}

.kengaku1{
 	width: 586;
 	height: 150;
 	background-image: url(http://www.bay-b-hearts.co.jp/kengaku/img/kengaku_back1.jpg);
	background-position:center;
 	bgcolor: #FFFFFF;
 	text: #000000;
	font-size: 12px;
	text-align:center;
	background-repeat:no-repeat;
 	} 
	
	.kengaku2{
 	width: 586;
 	height: 112;
 	background-image: url(http://www.bay-b-hearts.co.jp/kengaku/img/kengaku_back2.jpg);
	background-position:center;
 	bgcolor: #FFFFFF;
 	text: #000000;
	font-size: 12px;
	text-align:center;
	background-repeat:no-repeat;
 	} 
	


ul.loan{
    list-style:none;
    width:365px;
	font-size: 12px; line-height: 18px;
}


li.loan{
    list-style:none;
	text-align:left;
	vertical-align:top;
	padding-left:8px;
    background:url(/img/arrow.gif) no-repeat center left;
	list-style-position:outside;
	back-ground-position: 0 2px; /* winでジャストの位置 */
    margin: 0;
}


a.sample{
    display:block;
    width:81px;
    height:21px;
    background-image:url(img/roll4-1.gif);
    text-align:center;
    margin:5px 0px;
	font-size: 11px; align="center";
}
a:hover.sample{
    background-image:url(img/roll4-2.gif);
}


.text10-14_bg {  font-size: 10px; line-height: 14px; color: #333333;
     background-image:url(img/bg_titles.gif);
	 width:50px;}


.bg-head { font-size: 10px; 
                 line-height:14px; 
　　　　　　　　 color: #333333;
                 align:right;
     background-image:url(img/head_bg1.gif);
	 background-repeat:no-repeat;
	 width: 445px;
	 height: 70px;}
	 
	 
	 .bg-head2 { font-size: 10px; 
                 line-height:14px; 
　　　　　　　　 color: #333333;
                 align:right;
     background-image:url(img/head_bg2.gif);
	 background-repeat:no-repeat;
	 width: 333px;
	 height: 70px;}
	 


	 
.elevnavi { position : static ;} 


ul.ab{
    list-style:none;
	margin-left:0px;
	vertical-align:top;
    width:159px;
	font-size: 12px; line-height: 16px;
	float: none;
    display: inline;
	list-style-position:outside;
	back-ground-position: 0 2px; /* winでジャストの位置 */
}

li.abc{
    list-style:none;
	text-align:left;
	vertical-align:top;
	padding-left:8px;
    background:url(/img/arrow.gif) no-repeat center left;
	list-style-position:outside;
	back-ground-position: 0 2px; /* winでジャストの位置 */
    margin: 0;
}



ul.not{
    list-style:none;
	margin-left:0px;
	vertical-align:top;
    width:159px;
	font-size: 12px; line-height: 16px;
	float: none;
    display: inline;
	list-style-position:outside;
	back-ground-position: 0 2px; /* winでジャストの位置 */
}

li.notfound{
    list-style:none;
	text-align:left;
	vertical-align:top;
	padding-left:10px;
    background:url(/img/arrow.gif) no-repeat center left;
	list-style-position:outside;
	back-ground-position: 0 2px; /* winでジャストの位置 */
    margin: 0;
}


ul.LPlink{
    list-style:none;
	margin-left:0px;
	vertical-align:top;
    width:159px;
	font-size: 11px; line-height: 16px;
	float: none;
    display: inline;
	list-style-position:outside;
	back-ground-position: 0 2px; /* winでジャストの位置 */
}

li.LPlinks{
    list-style:none;
	text-align:left;
	vertical-align:top;
	padding-left:8px;
    background:url(/img/arrow.gif) no-repeat center left;
	list-style-position:outside;
	back-ground-position: 0 2px; /* winでジャストの位置 */
    margin: 0;
}




li.shikaku{
    list-style:square;
	color:#666666;
}









div.div042-hpl {
  margin: 1em 0;
  width: 164px;
  background: url(img/bg-roundcorner.gif) no-repeat bottom;
}

div.div042-hpl h3 {
  margin: 0 0 1em;
  padding: 0;
}

div.div042-hpl p {
  margin: 0.5em 15px 0.5em 30px;
}

div.div042-hpl ul {
  margin-left: 30px;
  padding-left: 0;
}
	
div.div042-hpl ul li {
  margin-left: 30px;
}










/* indexmod002 */
#contents .indexmod002 {
	margin-top: 9px;
	width: 620px;
	background: url(img/indexmod002_bg_01.gif) repeat-y;
}
#contents .indexmod002 .btm {
	width: 620px;
	background: url(img/indexmod002_bg_02.gif) no-repeat left bottom;
}
#contents .indexmod002 td.left,
#contents .indexmod002 td.right {
	padding-bottom: 13px;
	width: 305px;
	vertical-align: top;
}
#contents .indexmod002 td.space {
	width: 10px;
}
#contents .indexmod002 td p.lead {
	margin: 0 auto;
	padding: 4px 0 4px 0;
	width: 285px;
	background: #F0FAF9 url(img/indexmod002_bg_03.gif) repeat-x left bottom;
	color: #000;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
}
#contents .indexmod002 td p.lead strong {
	color: #E5000D;
}
#contents .indexmod002 td ul.menulist {
	margin: 3px 0 0 10px;
	width: 295px;
}
#contents .indexmod002 td ul.menulist li {
	float: left;
	margin-top: 3px;
	padding: 0 0 0 18px;
	width: 128px;
	background: url(/common_rn/images/parts/icn_arrow_r_03.gif) no-repeat 5px 0.2em;
}
#contents .indexmod002 td ul.menulist li.line {
	width: 277px;
}
#contents .indexmod002 td a.link {
	position: relative;
	padding-left: 15px;
	background: url(/common_rn/images/parts/icn_arrow_r_03.gif) no-repeat 0 0.15em;
}
* html #contents .indexmod002 td a.link01 {
	height: 1%;
}
#contents .indexmod002 td.lent {
	padding-top: 10px;
	height: 1%;
	vertical-align: bottom;
}


/* indexmod002 ボタン「物件を買う」 */
#contents .indexmod002 a.ro-buy01 {
	display: block;
	width: 305px;
	height: 60px;
}
#contents .indexmod002 a.ro-buy01 span {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}
#contents .indexmod002 a.ro-buy01:link,
#contents .indexmod002 a.ro-buy01:visited {
	background: url(/common_rn/images/btn/buy_01.gif) no-repeat;
}
#contents .indexmod002 a.ro-buy01:hover,
#contents .indexmod002 a.ro-buy01:active {
	background: url(/common_rn/images/btn/buy_01.gif) no-repeat 0 -60px;
}


/* indexmod002 ボタン「物件を買う」 */
#contents .indexmod002 a.ro-buy01 {
	display: block;
	width: 305px;
	height: 60px;
}
#contents .indexmod002 a.ro-buy01 span {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}
#contents .indexmod002 a.ro-buy01:link,
#contents .indexmod002 a.ro-buy01:visited {
	background: url(/common_rn/images/btn/buy_01.gif) no-repeat;
}
#contents .indexmod002 a.ro-buy01:hover,
#contents .indexmod002 a.ro-buy01:active {
	background: url(/common_rn/images/btn/buy_01.gif) no-repeat 0 -60px;
}

/* indexmod002 ボタン「物件を売る」 */
#contents .indexmod002 a.ro-sell01 {
	display: block;
	width: 305px;
	height: 60px;
}
#contents .indexmod002 a.ro-sell01 span {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}
#contents .indexmod002 a.ro-sell01:link,
#contents .indexmod002 a.ro-sell01:visited {
	background: url(/common_rn/images/btn/sell_01.gif) no-repeat;
}
#contents .indexmod002 a.ro-sell01:hover,
#contents .indexmod002 a.ro-sell01:active {
	background: url(/common_rn/images/btn/sell_01.gif) no-repeat 0 -60px;
}



 div#square{  
 width:200px;  
 font-size:12pt;  
 }  

 div#square p{  
 margin:0;  
 padding:5px;  
 line-height:1.4em;  
 }  
   
 #squareTop {  
 background:url(img/bgSquare.gif) no-repeat 100% 0;  
 margin-left:4px; /* 角丸の半径に合わせて変わる */  
 }  
   
 #squareTop div {  
 width:100%;  
 position:relative;  
 left:-4px; /* 角丸の半径に合わせて変わる */  
 background:url(img/bgSquare.gif) no-repeat 0 0;  
 }  
   
 div#squareBody {  
 border-width:0 1px;  
 border-color:#8a8989;  
 border-style:solid;  
 }  
   
 div#squareBot {  
 background:url(img/bg_waku.gif) no-repeat 100% 100%;  
 margin-left:4px; /* 角丸の半径に合わせて変わる */  
 }  
   
 div#squareBot div {  
 width:100%;  
 position:relative;  
 left:-4px; /* 角丸の半径に合わせて変わる */  
 background:url(img/bgSquare.gif) no-repeat 0 100%;  
 }  



/* ドロップダウン*/

#navi ul{

}

#navi ul img{
	vertical-align:bottom;
}

#navi #navi1,#navi #navi2,#navi #navi3,#navi #navi4,#navi #navi5,#navi #navi6,#navi #navi7{
	float:left;
}

#navi #navi #navi2,#navi #navi3,#navi #navi4,#navi #navi5,#navi #navi6{
	width:111px;
	height:26px;
	margin:0 0 0 0;
}

#navi #navi1{
	width:112px;
	height:26px;
}

#navi_sub2{
	display:none;
	position:absolute;
	z-index:100; /* これがないとIE6でメニューがでない */
	width:111px;
	margin:0 0 0 111px;
	background-color:#ffffff;
}

#navi_sub2_1{
	border:solid 1px #660033;
}

#navi_sub2_1 ul{

}

#navi_sub2_1 li{
	font-size:12px;
	line-height:14px;
}

#navi_sub2_1 a{
	display:block;
	width:87px;
	padding:5px 2px 4px 20px;
	background:url('img/common/arw.gif');
	background-repeat:no-repeat;
	background-position:3px center;
	border-bottom:solid 1px #f2e6e9;
}

#navi_sub2_1 a:hover{
	color:#FF0000;
	text-decoration:none;
}

#navi_sub6{
	display:none;
	position:absolute;
	z-index:100;
	width:111px;
	margin:0 0 0 555px;
	background-color:#ffffff;
}

#navi_sub6_1{
	border:solid 1px #660033;
}

#navi_sub6_1 ul{

}

#navi_sub6_1 li{
	font-size:12px;
	line-height:14px;
}

#navi_sub6_1 a{
	display:block;
	width:87px;
	padding:5px 2px 4px 20px;
	background:url('img/common/arw.gif');
	background-repeat:no-repeat;
	background-position:3px center;
	border-bottom:solid 1px #f2e6e9;
}

#navi_sub6_1 a:hover{
	color:#FF0000;
	text-decoration:none;
}