@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

a,a img { border: none; }

div:after,
ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

div,ul {
	zoom: 100%;
}

body{	margin:0px;
		font-size:12px;
		line-height:1.5em;
		font-family:"";
		color:#333333;
}

a:link {
	color: #006699;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

#outbody{	width:740px;
			margin:0px auto;
			border-left: 1px solid #cccccc;
			border-right: 1px solid #cccccc;
			padding:0px 9px 10px;
			background-color:#FFFFFF;
}

#mainbody{	width:740px; }

#leftbody{	width:560px;
			float:left;
			margin-top:10px;
}


#rightbody{	width:170px;
			float:right;
			margin-top:10px;
}
#rightbody ul li{
display:inline;
}


#logo{
	padding:0 0 5px 0;
}

#logo a{
	background: transparent url(img/top_logo.jpg) top no-repeat;
	display: block;
	width: 740px;
	height: 54px;
	margin:0;
	text-indent: -9999px;
	padding:0;
}

h1{
	width:740px;
	background:no-repeat left;
	height:14px;
	color:#000000;
	padding:3px 0px 0px 0;
	margin:0px auto;
	font-size:12px;
	line-height:1em;
	font-weight: normal;
}

h1 a{
	color:#000000;
	text-decoration:none;
}
h2 {
	font-size: 12px;
	margin-bottom: 20px;
	line-height: 1.6em;
	color: #669933;
	margin:0;
}

h2 a:hover {
	text-decoration:underline;
}

html{ overflow-x: hidden;}


/* -- MENU ------------------------------------ */
#menu {
	margin: 5px auto;
	height: 38px;
	width: 740px;
	padding: 0;
	border: 0;
}

#menu ul#btn	{
	height: 38px;
	width: 740px;
	background: transparent url(img/menu.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#menu ul#btn li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
	
ul#btn li, ul#btn a {
	height: 38px;
	display: block;
}
	
#menu ul#btn li a,#menu ul#btn li {
	text-indent: -9999px;
	text-decoration: none;
}
	
#btn1		{left: 0; width: 87px;}
#btn2		{left: 87px; width: 130px;}
#btn3		{left: 217px; width: 117px;}
#btn4		{left: 334px; width: 106px;}
#btn5		{left: 440px; width: 97px;}
#btn6		{left: 537px; width: 90px;}
#btn7		{left: 627px; width: 113px;}

#btn1		a:hover	{background:url(img/menu.jpg) 0 -38px no-repeat;}
#btn2		a:hover	{background:url(img/menu.jpg) -87px -38px no-repeat;}
#btn3		a:hover	{background:url(img/menu.jpg) -217px -38px no-repeat;}
#btn4		a:hover	{background:url(img/menu.jpg) -334px -38px no-repeat;}
#btn5		a:hover	{background:url(img/menu.jpg) -440px -38px no-repeat;}
#btn6		a:hover	{background:url(img/menu.jpg) -537px -38px no-repeat;}
#btn7		a:hover	{background:url(img/menu.jpg) -627px -38px no-repeat;}

#btn1		a.self	{background:url(img/menu.jpg) 0 -38px no-repeat;}
#btn2		a.self	{background:url(img/menu.jpg) -87px -38px no-repeat;}
#btn3		a.self	{background:url(img/menu.jpg) -217px -38px no-repeat;}
#btn4		a.self	{background:url(img/menu.jpg) -334px -38px no-repeat;}
#btn5		a.self	{background:url(img/menu.jpg) -440px -38px no-repeat;}
#btn6		a.self	{background:url(img/menu.jpg) -537px -38px no-repeat;}
#btn7		a.self	{background:url(img/menu.jpg) -627px -38px no-repeat;}



#copy{	margin:0px auto;
		width:760px;}
		
#footbody{	width:740px;
			margin:0px auto;
			border-left: 1px solid #cccccc;
			border-right: 1px solid #cccccc;
			padding:0px 9px 10px;
			background-color:#FFFFFF;
			font-size:10px;
			text-align:right;
}

/* 共通項目 */

.br { margin-top: 1.5em; }

p,ul,li{	margin:0px;
			padding:0px;
}

ul,li{	list-style:none;}

.clear {
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	line-height: 0px;
}

.smfont{ font-size:10px; }

.orange{ color:#FF6600; }


/* マージン設定 */

.mr_t20b5{	margin:20px 0px 5px;}

.mr_b10{	margin-bottom:10px;}

.mr_b5{	margin-bottom:5px;}

.title { margin-top: 8px; }


/* index項目 */


#topimg img {
	float: left;
}

#top_left {
	float:left;
	width:565px;
}

#top_right {
	float:right;
}


/*ソーシャルメディア*/
.social{
	width:560px;
	margin-bottom:10px;
}

.social p.twitter{
	float:left;
	width:130px;
}

.social p.mixicheck{
	float:left;
	width:70px;
}

.social p.facebook{
	float:left;
	width:110px;
}

.social p.searchGoogle{
	float:right;
}

.social input{
	display:block;
}

.social input.box{
	border:solid 1px #ccc;
	float:left;
}
.social input.btn{
	float:left;
	width:90px;
	height:20px;
	text-indent:-9999px;
	border:0;
	background: url(img/btn_search_google.jpg) no-repeat 0 0;
	cursor:pointer;
}



/*お知らせ*/

#topicsTab{
	margin-bottom:20px;
}

#topicsTab ul{
	border-bottom:solid 5px #ED1B24;
}

#topicsTab ul li{
	float:right;
	width:137px;
	height:37px;
	margin-right:2px;
}


#tab li a{
	display:block;
	width:137px;
	height:0px;
	padding-top:37px;
	overflow:hidden;
}

#tab li a.btnNews{
	background:url(img/tab_news.jpg);
	background-position:0px -37px;
}

#tab li a.btnTweet01{
	background:url(img/tab_tweet01.jpg);
	background-position:0px -37px;
}

#tab li a.btnTweet02{
	background:url(img/tab_tweet02.jpg);
	background-position:0px -37px;
}

#tab li a.btnTweet03{
	background:url(img/tab_tweet03.jpg);
	background-position:0px -37px;
}

#tab li.present a{
	background-position:-0px -0px;
}






#topicsTab ul li img{
	vertical-align:baseline;
}

#topicsTab div{
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
}

/*#tabNews,#tabShikumi{
	height:150px;
	overflow:auto;
}*/

#tweet01,#tweet02,#tweet03{
	height:150px;
	overflow:auto;
}


#iframeInfo dl,#iframeInfo p{
	padding:10px;
}

#iframeInfo dl dt{
	color:#FF6701;
	padding-left:15px;
	background:url(img/arrow_date_news.jpg) left no-repeat;
}

#iframeInfo dl dd{
	padding-left:30px;
}


#topicsTab div dl{
}

#topicsTab div dl dt{
	color:#FF6701;
	padding-left:15px;
	background:url(img/arrow_date_news.jpg) left no-repeat;
}

#topicsTab div dl dd{
	padding-left:30px;
}




/*物件スクロール*/

.objectScroll{
	width:560px;
	margin-bottom:15px;
	background-color:#000;
}

.objectScroll p.headObjects{
	width:97px;
	float:left;
}

.objectScroll p.arrowObjectsLeft,
.objectScroll p.arrowObjectsRight{
	width:21px;
	float:left;
}

#viewport,
#viewport2,
#viewport3{
	width: 420px;
	overflow:hidden;
	/* Fix for IE */
	position:relative;
	float:left;
}
#viewport ul,
#viewport2 ul,
#viewport3 ul{
	position: relative;
	padding: 0; 
	margin: 0;
}
#viewport li,
#viewport2 li,
#viewport3 li{
	width: 140px;
	height: 59px;
	float: left;
}



/* Cosmetic */
#simplePrevious,
#simplePrevious2,
#simplePrevious3,
#simpleNext,
#simpleNext2,
#simpleNext3{
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;	
}











#topics div {
			padding:0px 0px 0px 0px;
			border-right:1px solid #ED1C24;
			border-left:1px solid #ED1C24;
			border-bottom:1px solid #ED1C24;
			margin-bottom:8px;
			width: 273px;
			height:150px;
}

.topics_box {
	width:280px;
}

#topics img { margin-top: 3px; }

#topics .left { float: left; }

#topics .right { float: right; }




/*PRICE INDEX*/

.priceIndex{}

.priceIndex h3{
	margin-bottom:20px;
}

.priceIndex ul li{
	float:left;
	width:270px;
	height:100px;
	margin-bottom:15px;
}

.priceIndex ul li.mr{
	margin-right:20px;
}





.red {
	color:#CC0000;
	margin:10px 0 0 0;
}

.red a {
	color:#CC0000;
}

.red2 {
	color:#CC0000;
}

.red2 a {
	color:#CC0000;
}

.brown {
	color:#663300;
}

.brown a {
	color:#663300;
}

.new {
	margin:0 0 0 5px;
}

.new_next {
	padding:5px 0 0 0;
}

.leftbox li{	background:url(img/new_li.gif) no-repeat left 4px;
				padding:0px 0px 7px 15px;
				margin-bottom:5px;
}

#levelbox{	width:548px;
			padding:10px 0px 10px 10px;
			border-right:1px solid #ccc;
			border-left:1px solid #ccc;
			border-bottom:1px solid #ccc;
			margin-bottom:20px;
}

#levelbox li {
	list-style: none;
	display: block;
	width: 172px;
	height: 66px;
	float: left;
	padding-right: 10px;
}

.fnsbox{	width:560px;
			margin:10px 0px 0px;}

.fnsbox p { font-size: 10px; line-height: 1.5em; }
.fnsbox h3 {
	font-size: 10px;
	font-weight: normal;
}
.fnsbox strong { color: #FF0000; }
.fnsbox div{
	width:120px;
	float:left;
	border:1px solid #cccccc;
	padding:5px;
	margin:0px 10px 10px 0px;
}

.fnsbox img{	float:left;
				margin-right:10px;
}	

.fnsbox div.right{ margin:0px 0px 10px 0px; }

.vosbox{	width:538px;
			border:1px solid #ccc;
			padding:10px;
			margin-bottom:10px;
}

.voimg{	width:80px;
		float:left;
		margin-right:10px;
		font-size:10px;
}	

.votxt{	width:448px;
		float:right;
		background:url(img/vos_line.gif) no-repeat bottom left;
		padding-bottom:10px;
		margin-bottom:5px;
}

.votxt02{	width:448px;
		float:right;
}

.votxt02 p{	text-align:right;
			padding-right:30px;
			background:url(img/zukei02.gif) no-repeat right;
}


.midleft{	width:150px;
			float:left;
			margin-right: 0;
			font-size:10px;
}	

.midright{	width:280px;
			float:right;
			background:url(img/mid_line.gif) no-repeat bottom left;
			padding-bottom:10px;
			margin-bottom:5px;
}
.midright p.title {
			margin-bottom:7px;
}
.midright p.text {
			margin-bottom:7px;
}
.midright p.title a {
font-size: 16px;
font-weight: bold;
color: #ff8003;
}
.midright p.title a:hover {
}

.midright02{	width:280px;
				float:right;
}

.midright02 p{	text-align:right;
				padding-right:30px;
				background:url(img/zukei02.gif) no-repeat right;
}

/*新築大家さんのしくみ*/
.midright03{width:280px;
			float:right;
}
.midright03 p.text {
			margin:10px 0px;
}


.supbox{	width:148px;
			border-left:1px solid #FF7F00;
			border-right:1px solid #FF7F00;
			padding:10px;
}

.supbox li { text-align: left; }

.sup_naka{	width:148px;
			background:url(img/sup_line.gif) no-repeat bottom;
			padding-bottom:10px;
			font-size:10px;
			line-height:1.2em;
			margin-bottom:10px;}

.sup_naka img{	float:left;
				margin-right:10px;}
				
.sup_naka02{	width:148px;
			font-size:10px;
			line-height:1.2em;
}

.sup_naka02 img{	float:left;
				margin-right:10px;
}


.supbox ul li{ background:url(img/sup_zukei.gif) no-repeat left 5px;
				padding:0px 0px 0px 16px;
				font-size:10px;
}

.toku{	width:148px;
		background-color:#F5FFE7;
		border-right:#7BA733 1px solid;
		border-left:#7BA733 1px solid;
		border-bottom:#7BA733 1px solid;
		padding:10px;
		font-size:10px;
		margin-bottom: 10px;
}

.toku p { text-align: left; }

.tk_s{	background:url(img/zukei04.gif) no-repeat right;
		padding-right:26px;
		text-align:right;
		margin-top:10px;
}

#topicsTab iframe {
	height: 150px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	width: 100%;
}



/*
収益物件 20081225　earnings
*********************************/

.earningsbox {
	width:538px;
	margin: 5px 0px 10px;
	padding: 15px 10px 0;
	border: 1px solid #cccccc;
}
.earningsbox p {
margin: 0 0 20px;
}
.earningsbox .f-r {
float: right;
}
.earningsbox .f-l {
float: left;
width: 360px;
}
.earningsbox2 {
	width:560px;
	height: 1052px;
	margin: 0 0 10px;
	background: url(img/earnings-bk01.gif) no-repeat top left;
	padding: 35px 0 0;
}
.earningsbox2 div {
	float: left;
	width: 255px;
	margin: 0 0 10px 10px;
	padding: 5px;
	background: #ffffff;
}
*html .earningsbox2 div {
	margin: 0 0 10px 5px;
}
.earningsbox2 div .left {
float: left;
}
.earningsbox2 div .right {
float: right;
}
.earningsbox2 div p {
float: right;
width: 128px;
margin-bottom: 7px;
font-size: 10px;
line-height: 140%;
}
.earningsbox2 .blue {
margin-top: 5px;
color: #006699;
}
.earningsbox2 .red {
font-weight: bold;
color: #ff0000;
}
.vosbox2 {	
			margin-bottom:4px;
}

.mgn05px {
	margin:5px 0 0 0;
}

.mgn10px {
	margin:10px 0 0 0;
}

.mgn10px_10px {
	margin:10px 0 0 10px;
}

.mgn20px {
	margin:20px 0 0 0;
}

.mgn20px_20px {
	margin:20px 0 0 20px;
}

.mgn30px {
	margin:30px 0 0 0;
}

.mgn40px {
	margin:40px 0 0 0;
}


.pankuzu {
	font-size:10px;
}

.color_blue {
	color: #006699;
	padding:0 0 3px 0;
}


/******************
追加　2010/11/18
*******************/
#event{
width:547px;
}
.event_3_title{
margin:0px 0px 30px 0px;
}
#event .content_01{
background:url(img/b_event_3_01.jpg) no-repeat;
height:732px;
width:547px;
position:relative;
}
#event .content_01 .txtbox_01{
	position:absolute;
	left: 271px;
	top: 305px;
}
#event .content_01 dl{
width:270px;
margin-bottom:2px;
}
#event .content_01 dl dt{
float:left;
width:45px;
line-height:1.2;
}
#event .content_01 dl dd{
float:left;
width:220px;
line-height:1.2;
}
#event .content_01 .txtbox_02{
	position:absolute;
	width:166px;
	left: 349px;
	top: 320px;
	line-height:1.2;
}
#event .content_01 .txtbox_03{
	position:absolute;
	width:170px;
	left: 271px;
	top: 405px;
}
#event .content_01 .txtbox_04{
	position:absolute;
	width:166px;
	left: 271px;
	top: 532px;
}
#event .content_01 .txtbox_05{
	position:absolute;
	width:170px;
	left: 348px;
	top: 547px;
	line-height:1.2;
}
#event .content_01 .txtbox_06{
	position:absolute;
	width:166px;
	left: 271px;
	top: 631px;
}

#event .content_02{
background:url(img/b_event_3_02.jpg) no-repeat;
height:169px;
width:547px;
position:relative;
margin-bottom:30px;
}
#event .content_02 .txtbox_01{
	width:206px;
	position:absolute;
	left: 339px;
	top: 45px;
	font-size:10px;
	line-height:1.2;
}
#event .content_02 .bu_area{
	position:absolute;
	left: 183px;
	top: 116px;
}

.t_red{
color:#ff0000;
}

#event .content_03{
background:url(img/b_event_3_03.jpg) no-repeat;
height:463px;
width:547px;
position:relative;
}
#event .content_03 .txtbox_01{
	position:absolute;
	left: 51px;
	top: 235px;
}
#event .content_03 .txtbox_01 dl dt{
font-size:16px;
}
#event .content_03 .txtbox_01 dl dd{
font-size:14px;
}

.m_bottom_00{
margin-bottom:18px;
}
#event .content_03 .txtbox_02{
	position:absolute;
	left: 51px;
	top: 365px;	
}
#event .content_03 .txtbox_02 dl dt{
font-size:16px;
float:left;
width:90px;
}
#event .content_03 .txtbox_02 dl dd{
font-size:16px;
float:right;
width:400px;
}
#event .event_3_map{
background:url(img/b_event_3_04.jpg) no-repeat;
height:333px;
width:547px;
text-align:center;
}
#event .content_04{
background:url(img/b_event_3_05.jpg) no-repeat;
height:388px;
width:547px;
position:relative;
}
#event .content_04 .txtbox_01{
	font-size:18px;
	width:430px;
	position:absolute;
	left: 63px;
	top: 29px;
	line-height:1.3;
}
.c_left{
float:left;
width:100px;
margin-bottom:20px;
}
.c_right{
float:left;
width:320px;
margin-bottom:20px;
}
#event .content_04 .txtbox_01 dl{
margin-bottom:10px;
}
#event .content_04 .txtbox_01 dl dt{
float:left;
width:70px;
}
#event .content_04 .txtbox_01 dl dd{
float:left;
width:250px;
}
#event .content_04 .bu_area{
	position:absolute;
	left: 183px;
	top: 317px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
}
#event .content_04 .txtbox_02{
	position:absolute;
	left: 110px;
	top: 354px;
}


/*  フロートの解除 */

.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
position:relative;
}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}



/*  フロートの解除 */

#event dl:after {
content: ".";  /* 新しい要素を作る */
display: block;
clear: both;
height: 0;
visibility: hidden;
}

#event dl {
min-height: 1px;
position:relative;
}

* html #event dl {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}