@charset "utf-8";

/*--------------------------------------------------------------------
  reset
----------------------------------------------------------------------*/

#main div,#main h1,#main h2,#main h3,#main h4,#main h5,#main p,#main th,#main td,#main dl,#main dt,#main dd,#main ul,#main ol,#main li {
	margin: 0;
	padding: 0;
	}
#main h1,#main h2,#main h3,#main h4,#main h5 {
	font-size: 100%;
	font-weight: normal;
	}
#main table {
	border-collapse: collapse;
	}
#main th, #main td {
	vertical-align: top;
	}
#main caption,#main em,#main strong,#main th {
 font-style : normal;
 font-weight : normal;
 }
#main caption,#main th {
	text-align : left;
	}
#main p {
	line-height: 1em;
	}

#main li {
	line-height: 1em;
	}


/*---------------------------------------------------------------------
  fonts
----------------------------------------------------------------------*/

#main {
	font-family: "ＭＳ Ｐゴシック","Lucida Grande","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 12px;
	color: #333;
	text-align: left;
	}
	}
#main table {
	font-size : inherit;
	font:100%;
	}

.t10 {font-size: 0.83em;}
.t14 {font-size: 1.16em;}
.t16 {font-size: 1.33em;}

/*---------------------------------------------------------------------
  common
----------------------------------------------------------------------*/
#main {
	width: 950px;
	margin-top: 10px;
	margin-bottom: 30px;
	}

#main  .pagetop {
	text-align: right;
	margin-bottom: 30px;
	}

/* 回り込み解除(clearFix)
----------------------*/
.clearFix { 
	zoom: 1;
	}

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

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




/*----------------------------------------------------------------------
  linkの設定
-----------------------------------------------------------------------*/
/*\*/ a { overflow:hidden; }/**/

/*
#main a:link,
#main a:visited {
	color: #245fbb; text-decoration: underline;
	}
#main a:hover,
#main a:active {
	color: #245fbb; text-decoration: none;
	}
*/




/*----------------------------------------------------------------------
  メインコンテンツ (#main)
-----------------------------------------------------------------------*/

/* title（#title)
-------------------------------------*/
#main #title {
	position: relative;
	height: 100px;
	margin-bottom: 5px;
	}
#house #title {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/ttl_bg_house.gif) left top no-repeat;}
#land #title {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/ttl_bg_land.gif) left top no-repeat;}
#mansion #title {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/ttl_bg_mansion.gif) left top no-repeat;}

div#title h2 {
	position: absolute;
	top: 18px;
	left: 130px;
	display: block;
	width: 255px;
	height: 63px;
	text-indent: -9999px;
	}
#house div#title h2 {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/ttl_house.gif) left top no-repeat;}
#land div#title h2 {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/ttl_land.gif) left top no-repeat;}
#mansion div#title h2 {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/ttl_mansion.gif) left top no-repeat;}

div#title dl {
	line-height: 1.5em;
	color: #FFF;
	position: absolute;
	top: 35px;
	left: 670px;
	}
div#title dt {
	font-weight: bold;
	}


/* テキストリンク/トップ (#tnavi)
-------------------------------------*/
div#tnavi {
	text-align: right;
	}
div#tnavi a {
	line-height: 1.5em;
	margin-right: 10px;
	padding-left: 18px;
	background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/arrow.gif) center left no-repeat;
	}
div#tnavi li {
	display: inline;
	}





/* ナビゲーション(#mnavi)
-------------------------------------*/
#main #mnavi {
	text-align: center;
	margin: 8px 0px 15px;
	}

div#mnavi li {
	display: inline;
	font-size: 1.16em;
	line-height: 1.28em;
	padding: 2px 7px 2px 10px;
	border-left: 1px solid #333;
	}
div#mnavi li.last {
	border-right: 1px solid #333;
	}
div#mnavi a {
	padding: 3px 9px 2px;
	}

div#mnavi a:hover,
div#mnavi a:active {
	text-decoration: none;
	}
div#mnavi a.act:link,
div#mnavi a.act:visited,
div#mnavi a.act:hover,
div#mnavi a.act:active {
	color: #00E;
	text-decoration: none;
	}

/* 一戸建て */
#house div#mnavi a:hover,
#house div#mnavi a:active {
	background: #b8dbff;
	}
#house div#mnavi a.act:link,
#house div#mnavi a.act:visited,
#house div#mnavi a.act:hover,
#house div#mnavi a.act:active {
	background: #b8dbff;
	}
/* 土地 */
#land div#mnavi a:hover,
#land div#mnavi a:active {
	background: #b3eab3;
	}
#land div#mnavi a.act:link,
#land div#mnavi a.act:visited,
#land div#mnavi a.act:hover,
#land div#mnavi a.act:active {
	background: #b3eab3;
	}
/* マンション */
#mansion div#mnavi a:hover,
#mansion div#mnavi a:active {
	background: #ffcccc;
	}
#mansion div#mnavi a.act:link,
#mansion div#mnavi a.act:visited,
#mansion div#mnavi a.act:hover,
#mansion div#mnavi a.act:active {
	background: #ffcccc;
	}




/* サブタイトル(共通)
-------------------------------------*/
#main div.sttl {
	position: relative;
	height: 40px;
	margin-bottom: 5px;
	}
#house div.sttl {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/sttl_bg_house.gif) left top no-repeat;}
#land div.sttl {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/sttl_bg_land.gif) left top no-repeat;}
#mansion div.sttl {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/sttl_bg_mansion.gif) left top no-repeat;}

#main h3 {
	color: #FFF;
	font-size: 1.33em;
	font-weight: bold;
	position: relative;
	top: 10px;
	left: 16px;
	}

#r_navi div.sttl {
	margin-bottom: 10px;
	}

#main .sttl dl {
	position: absolute;
	top: 13px;
	left: 750px;
	font-size: 0.83em;
	line-height: 1.5em;
	}
#main .sttl dt,
#main .sttl dd {
	float: left;
	}
#main .sttl dt {
	padding: 0px 3px;
	margin-right: 4px;
	}
#house .sttl dt {color: #3399ff; background: #cfe893;}
#land .sttl dt {color: #03bb03; background: #caf40b;}
#mansion .sttl dt {color: #ff0000; background: #ffcc00;}

#main div.sttl dd {
	color: #FFF;
	margin-right: 13px;
	}


#ranking p.notes {
	text-align: right;
	margin-bottom: 10px;
	}








/* ランキング(#ranking)
-------------------------------------*/
#main #ranking {
	margin-bottom: 20px;
	}
#ranking dl.rnkbox {
	margin-bottom: 15px;
	}


#ranking .rnkbox dt {
	float: left;
	width: 50px;
	height: 113px;
	}
#ranking .rnkbox dd {
	float: right;
	width: 895px;
	}


#ranking .rnkbox dt.noBox {
	color: #FFF;
	font-weight: bold;
	padding-top: 17px;
	text-align: center;
	}
#house #ranking .rnkbox dt.noBox {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/no_bg_house.gif) 2px 2px no-repeat;}
#land #ranking .rnkbox dt.noBox {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/no_bg_land.gif) 2px 2px no-repeat;}
#mansion #ranking .rnkbox dt.noBox {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/no_bg_mansion.gif) 2px 2px no-repeat;}


#ranking .rnkbox dt#one,
#ranking .rnkbox dt#two,
#ranking .rnkbox dt#three {
	text-indent: -9999px;
	}

/* 一戸建て */
#house #ranking .rnkbox dt#one {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/no1_house.gif) left top no-repeat;}
#house #ranking .rnkbox dt#two {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/no2_house.gif) left top no-repeat;}
#house #ranking .rnkbox dt#three {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/no3_house.gif) left top no-repeat;}
/* 土地 */
#land #ranking .rnkbox dt#one {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/no1_land.gif) left top no-repeat;}
#land #ranking .rnkbox dt#two {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/no2_land.gif) left top no-repeat;}
#land #ranking .rnkbox dt#three {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/no3_land.gif) left top no-repeat;}
/* マンション */
#mansion #ranking .rnkbox dt#one {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/no1_mansion.gif) left top no-repeat;}
#mansion #ranking .rnkbox dt#two {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/no2_mansion.gif) left top no-repeat;}
#mansion #ranking .rnkbox dt#three {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/no3_mansion.gif) left top no-repeat;}


#ranking .rnkbox div.imgBox {
	width: 128px;
	height: 128px;
	border: 1px solid #D1D1D1;
	float:left;
	}
#ranking .rnkbox div.txtBox {
	float: right;
	width: 750px;
	}

#ranking h4 {
	font-size: 1.33em;
	font-weight: bold;
	line-height: 1.83em;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999;
	}
#ranking h4 a {text-decoration: none;}


#ranking div.tb_inner {
	margin-bottom: 7px;
	}
#ranking div.tb_left {
	float: left;
	width: 365px;
	paddgin-right: 10px;
	border-right: 1px solid #e5e5e5;
	}
#ranking div.tb_right {
	float: right;
	width: 375px;
	}
#ranking div.tb_left p {
	line-height: 1.33em;
	}
#ranking div.tb_right p {
	line-height: 1.5em;
	margin-left: 10px;
	}

#ranking ul.more {
	margin-top: 5px;
	}
#ranking ul.more li {
	margin-right: 10px;
	display: inline;
	}
#ranking ul.more li a {
	line-height: 1.5em;
	padding-left: 14px;
	background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/arrow.gif) left center no-repeat;
	}

#ranking div.notes {
	padding: 4px;
	padding-left: 385px;
	}
#house #ranking div.notes{background: #cce5ff;}
#land #ranking div.notes{background: #c0eec0;}
#mansion #ranking div.notes{background: #ffcccc;}

#ranking div.notes th,
#ranking div.notes td {
	vertical-align: middle;
	}
#ranking div.notes th {
	width: 17px;
	font-size: 0.83em;
	text-align: center;
	color: #FFF;
	}
#house #ranking div.notes th{background: #39F;}
#land #ranking div.notes th{background: #03bb03;}
#mansion #ranking div.notes th{background: #F00;}

#ranking div.notes td {
	padding-left: 8px;
	padding-right: 40px;
	}






/* カテゴリ別ランキング(#r_navi)
-------------------------------------*/
#main #r_navi {
	margin-bottom: 15px;
	}

#r_navi dl {
	float: left;
	width: 308px;
	/*height: 417px;*/
	margin-right: 13px;
	}
#house #r_navi dl {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/rnavi_bg_house.gif) left top no-repeat;}
#land #r_navi dl {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/rnavi_bg_land.gif) left top no-repeat;}
#mansion #r_navi dl {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/rnavi_bg_mansion.gif) left top no-repeat;}

#r_navi dl.mr0 {
	margin-right: 0;
	}

#main #r_navi dt {
	display: block;
	width: 104px;
	height: 41px;
	margin-top: 14px;
	margin-left: 109px;
	text-indent: -9999px;
	margin-bottom: 5px;
	}
/* 一戸建て */
#house #r_navi #rn01 dt {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/rttl01_house.gif) left top no-repeat;}
#house #r_navi #rn02 dt {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/rttl02_house.gif) left top no-repeat;}
#house #r_navi #rn03 dt {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/rttl03_house.gif) left top no-repeat;}
/* 土地 */
#land #r_navi #rn01 dt {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/rttl01_land.gif) left top no-repeat;}
#land #r_navi #rn02 dt {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/rttl02_land.gif) left top no-repeat;}
#land #r_navi #rn03 dt {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/rttl03_land.gif) left top no-repeat;}
/* マンション */
#mansion #r_navi #rn01 dt {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/rttl01_mansion.gif) left top no-repeat;}
#mansion #r_navi #rn02 dt {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/rttl02_mansion.gif) left top no-repeat;}
#mansion #r_navi #rn03 dt {background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/rttl03_mansion.gif) left top no-repeat;}


#r_navi ul {
	margin-bottom: 10px;
	}
#r_navi li {
	color: #FFF;
	font-size: 1.33em;
	line-height: 2.75em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3px;
	margin-left: 10px;
	width: 290px;
	}
#r_navi li a {
	display: block;
	width: 290px;
	height: 47px;
	}

#r_navi a:link,
#r_navi a:visited {
	color: #FFF; text-decoration: none;
	}
#r_navi a:hover,
#r_navi a:active {
	color: #F00; text-decoration: none;
	}

/* 一戸建て */
#house #r_navi a:link,
#house #r_navi a:visited {
	background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/btn_house.gif) left top no-repeat;
	}
#house #r_navi a:hover,
#house #r_navi a:active {
	background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/btn_o_house.gif) left top no-repeat;
	}
/* 土地 */
#land #r_navi a:link,
#land #r_navi a:visited {
	background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/btn_land.gif) left top no-repeat;
	}
#land #r_navi a:hover,
#land #r_navi a:active {
	background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/btn_o_land.gif) left top no-repeat;
	}
/* マンション */
#mansion #r_navi a:link,
#mansion #r_navi a:visited {
	background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/btn_mansion.gif) left top no-repeat;
	}
#mansion #r_navi a:hover,
#mansion #r_navi a:active {
	background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/btn_o_mansion.gif) left top no-repeat;
	}

/* テキストリンク/ボトム (#bnavi)
-------------------------------------*/
div#bnavi {
	text-align: right;
	}
div#bnavi a {
	font-size: 1.13em;
	font-weight: bold;
	line-height: 1.5em;
	margin-right: 10px;
	padding-left: 18px;
	background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/arrow.gif) center left no-repeat;
	}
div#bnavi li {
	display: inline;
	}
	
	/* ランキング履歴 (#bnavi2)
-------------------------------------*/
div#bnavi2 {
	text-align: left;
	}
div#bnavi2 a {
	font-size: 1.13em;
	line-height: 1.5em;
	margin-right: 10px;
	padding-left: 18px;
	background: url(http://www.o-uccino.jp/mansion/shinchiku/images/icons/rank/arrow.gif) center left no-repeat;
	}
div#bnavi2 li {
	display: inline;
	}