body {
	background: url(../images/body_bg.png);
}
#header , #waste , #footer{
	clear: both;
}
.inner {
	width: 960px;
	margin: 0 auto;
}
#header {
	display: none;
}

#waste .inner {
	width: 1002px;
	margin: 0 auto;
}

#contents {
	width: 960px;
	margin-left: 21px;
	background: url(../images/waste_bg.png) repeat-y;
	padding: 0 0 30px 0;
	float: left;
	z-index: 30;
}

#following {
	float: left;
	width: 31px;
	margin-left: -15px;
	margin-top: 120px;
	z-index: 31;
	position: relative;
}
* html #following {
	display: none;
}
#following p {
	margin-bottom: 15px;
}
#following #twitter a {
	display: block;
	width: 31px;
	height: 113px;
	background: url(../images/side_twitter.png) no-repeat 0 0;
	text-indent: -9999px;
}
#following #twitter a:hover {
	background: url(../images/side_twitter.png) no-repeat -31px 0;
}
#following #mm a {
	display: block;
	width: 31px;
	height: 144px;
	background: url(../images/side_mm.png) no-repeat 0 0;
	text-indent: -9999px;
}
#following #mm a:hover,#following #mm a.active {
	background: url(../images/side_mm.png) no-repeat -31px 0;
}

#image {
	width: 960px;
	height: 194px;
	margin: 0 auto;
	background: url(../images/image_bg.png) no-repeat;
	height: 194px;
	position: relative;
}
#image #image-shadow {
	width: 960px;
	height: 194px;
	background: url(../images/image_shadow.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
#image #image-shadow a {
	width: 960px;
	height: 181px;
	display: block;
	text-indent: -9999px;
	margin-left: 0px;
}
#image ul {
	width: 960px;
	height: 181px;
	overflow: hidden;
	border-top: solid #2F221A 4px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 9;
}
#images li {
	display: none;
}

#menu {
	height: 120px;
	background: url(../images/menu_bg.png) no-repeat;
	position: relative;
}
#menu ul {
	position: absolute;
	top: 28px;
	left: 5px;
}
#menu li {
	float: left;
}
#menu a {
	display: block;
	background: url(../images/menu.png) no-repeat;
}
#menu #menu-home a {
	width: 138px;
	height: 57px;
	background-position: 0 0;
}
#menu #menu-home a.active, #menu #menu-home a.active:hover {
	background-position: 0 -57px;
}
#menu #menu-home a:hover {
	background-position: 0 -114px;
}
#menu #menu-rooms a {
	width: 130px;
	height: 57px;
	background-position: -138px 0;
}
#menu #menu-rooms a.active, #menu #menu-rooms a.active:hover {
	background-position: -138px -57px;
}
#menu #menu-rooms a:hover {
	background-position: -138px -114px;
}
#menu #menu-profile a {
	width: 170px;
	height: 57px;
	background-position: -268px 0;
}
#menu #menu-profile a.active, #menu #menu-profile a.active:hover {
	background-position: -268px -57px;
}
#menu #menu-profile a:hover {
	background-position: -268px -114px;
}
#menu #menu-reform a {
	width: 180px;
	height: 57px;
	background-position: -438px 0;
}
#menu #menu-reform a.active, #menu #menu-reform a.active:hover {
	background-position: -438px -57px;
}
#menu #menu-reform a:hover {
	background-position: -438px -114px;
}
#menu #menu-workflow a {
	width: 165px;
	height: 57px;
	background-position: -618px 0;
}
#menu #menu-workflow a.active, #menu #menu-workflow a.active:hover {
	background-position: -618px -57px;
}
#menu #menu-workflow a:hover {
	background-position: -618px -114px;
}
#menu #menu-inquiry a {
	width: 167px;
	height: 57px;
	background-position: -783px 0;
}
#menu #menu-inquiry a.active, #menu #menu-inquiry a.active:hover {
	background-position: -783px -57px;
}
#menu #menu-inquiry a:hover {
	background-position: -783px -114px;
}


#lefter {
	width: 234px;
	margin-left: 42px;
	margin-bottom: 60px;
	float: left;
}
* html #lefter { /*IE6*/
	margin-left: 24px;
}
#title_ {
	width: 162px;
	background: #F0F0F0;
	padding: 60px 18px;
	position: relative;
	
	-moz-box-shadow: 2px 2px 2px #DDD;
	-webkit-box-shadow: 2px 2px 2px #DDD;
	box-shadow: 2px 2px 2px #DDD;

	-moz-border-radius:12px;
	border-radius:12px;

	/* behavior: url(http://free-c.klala.jp/js/ie-css3.htc); */
	
	margin-bottom: 24px;
	/* font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif; */
	text-align: right;
}

#title {
	width: 200px;
	height: 160px;
	margin-bottom: 24px;
	padding: 0px;
}
#title h2  {
	font-size: 108%;
	font-weight: bold;
}
#title h2 a  {
	display: block;
	width: 200px;
	height: 160px;
	text-indent: -9999px !important;
}
#home #title {
	background: url(../images/title_home.jpg) no-repeat;
}
#properties #title {
	background: url(../images/title_properties.jpg) no-repeat;
}
#free-c #title {
	background: url(../images/title_free-c.jpg) no-repeat;
}
#reform #title {
	background: url(../images/title_reform.jpg) no-repeat;
}
#workflow #title {
	background: url(../images/title_workflow.jpg) no-repeat;
}
#inquiry #title {
	background: url(../images/title_inquiry.jpg) no-repeat;
}
#mm #title {
	background: url(../images/title_mm.jpg) no-repeat;
}

#title p  {
	margin-top: 21px;
	font-size: 85%;
}
#title ul {
	margin-top: 21px;
}
#title li  {
	font-size: 85%;
	margin-bottom: 6px;
}
#presented {
	width: 162px;
	color: #555;
	font-size: 93%;
	background: #F0F0F0 url(../images/side_presented.png) no-repeat 18px 30px;
	padding: 80px 18px 21px 18px;
	
	-moz-box-shadow: 2px 2px 2px #DDD;
	-webkit-box-shadow: 2px 2px 2px #DDD;
	box-shadow: 2px 2px 2px #DDD;

	-moz-border-radius:12px;
	border-radius:12px;

	/* behavior: url(http://free-c.klala.jp/js/ie-css3.htc); */
	
	text-align: left;
	margin-bottom: 24px;
}
#presented h2 {
	border-bottom: dotted 1px #999;
	margin-bottom: 12px;
	padding-bottom: 9px;
	font-size: 93%;
}
#presented dt {
	font-weight: bold;
}
#presented dd {
	font-size: 85%;
	margin-bottom: 9px;
}

#owners {
	width: 162px;
	color: #555;
	font-size: 93%;
	background: #F0F0F0;
	padding: 21px 18px;
	
	-moz-box-shadow: 2px 2px 2px #DDD;
	-webkit-box-shadow: 2px 2px 2px #DDD;
	box-shadow: 2px 2px 2px #DDD;

	-moz-border-radius:12px;
	border-radius:12px;

	/* behavior: url(http://free-c.klala.jp/js/ie-css3.htc); */
	
	text-align: left;
	margin-bottom: 24px;
	position: relative;
}
#owners h2 {
	color: #333;
	font-size: 116%;
	font-weight: bold;
	margin-top: 86px;
	margin-bottom: 6px;
}
#owners h3 {
	position: absolute;
	width: 180px;
	height: 56px;
	left: -6px;
	top: 18px;
	background: url(../images/owners_copy_bg.png) no-repeat;
	padding: 12px 15px;
	color: #FFF;
	font-weight: bold;
	line-height: 1.5;
}
#owners p {
	margin-bottom: 12px;
	font-size: 93%;
}
#owners dl {
	margin-bottom: 12px;
}
#owners dt {
	float: left;
	font-size: 85%;
	margin-right: 6px;
	padding-top: 3px;
}
#owners dd#owner-tel {
	font-size: 153.9%;
	line-height: 1.3;
}
#owners dd#owner-fax {
	font-size: 123.1%;
	line-height: 1.5;
}
#owners P#owners-mail {
	margin-bottom: 0;
}

#owners P#owners-mail a {
	display: block;
	background: #716F6F;
	color: #FFF;
	padding: 6px;
	text-align: center;
	margin-bottom: 0;
	
	-moz-border-radius:3px;
	border-radius:3px;

	behavior: url(http://free-c.klala.jp/test/js/ie-css3.htc);
}
#owners P#owners-mail a:hover {
	background: #B30021;
	text-decoration: none;
}


#righter {
	width: 620px;
	float: right;
	overflow: hidden;
	margin-right: 42px;
	margin-bottom: 60px;
}
#righter #category {
	text-align: right;
	color: #CCC;
	margin-bottom: 15px;
	font-size: 93%;
}

.category-properties {
	border: solid 1px #333;
	padding: 21px 15px;
	clear: both;
	margin-bottom: 24px;
}
.category-properties p {
	font-size: 93%;
	line-height: 1.5;
}

.category-properties h3 {
	font-weight: bold;
	font-size: 123.1%;
	margin-bottom: 6px;
}
.category-properties h3 a {
	color: #231815;
}
.category-properties .chart {
	padding: 22px 34px;
	background: url(../images/chart_bg.png) no-repeat;
}
.category-properties .chart p {
	width: 132px;
	height: 132px;
	overflow: hidden;
	position: relative;
}
.category-properties .chart p img {
	position: absolute;
	top: -38px;
	left: -70px;
}
.category-properties p.address {
	font-size: 93%;
	color: #555;
}
.category-properties p.rent {
	font-size: 93%;
	color: #555;
	margin-bottom: 6px;
}
.category-properties p.layout {
	font-size: 85%;
	margin-bottom: 6px;
	color: #999;
}
.category-properties .catch {
	width: 120px;
	float: left;
	overflow: hidden;
	margin-right: 15px;
	
	-moz-border-radius:5px;
	border-radius:5px;

	/* behavior: url(http://free-c.klala.jp/js/ie-css3.htc); */
}
.category-properties .lefter {
	width: 250px;
	float: left;
}
.category-properties .detail {
	margin-top: 9px;
	padding-left: 15px;
	background: url(../images/detail_bg.png) no-repeat;
	line-height: 1.4;
	font-size: 85%;
}
.category-properties .righter {
	float: right;
}

.entry-meta, .comments-link {
	display: none;
}
.status {
	position: absolute;
	top: -15px;
	left: 310px;
	z-index: 100;
	width: 120px;
	height: 180px;
	text-indent: -9999px;
}

#offering {
	background: url(../images/status_offering.png) no-repeat;
}
#reforming {
	background: url(../images/status_reform.png) no-repeat;
}
#ocupied {
	background: url(../images/status_ocupied.png) no-repeat;
}
.page-contents {
	width: 600px;
}
#catch {
	color: #355566;
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 45px;
	line-height: 1.5em;
}
#copy {
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 24px;
}
#banners {
	width: 882px;
	margin: auto;
	clear: both;
}
#banners .banner {
	width: 164px;
	height: 110px;
	padding-bottom: 20px;
	background: url(../images/banner_bg.png) no-repeat center bottom;
	float: left;
	margin: 6px;
}
* html #banners .banner { /*IE6*/
	margin-left: 4px;
}
#banners .banner a {
	display: block;
	width: 164px;
	height: 110px;
	text-indent: -9999px;
}
#banners .banner a:hover {
	display: block;
	width: 164px;
	height: 110px;
}
#banners #banner-free-c a {
	background: url(../images/banner_free-c.png) no-repeat 0 0;
}
#banners #banner-free-c a:hover {
	background-position: 0 -110px;
}
#banners #banner-rooms a {
	background: url(../images/banner_rooms.png) no-repeat 0 0;
}
#banners #banner-rooms a:hover {
	background-position: 0 -110px;
}
#banners #banner-reform a {
	background: url(../images/banner_reform.png) no-repeat 0 0;
}
#banners #banner-reform a:hover {
	background-position: 0 -110px;
}
#banners #banner-workflow a {
	background: url(../images/banner_workflow.png) no-repeat 0 0;
}
#banners #banner-workflow a:hover {
	background-position: 0 -110px;
}
#banners #banner-mm a {
	background: url(../images/banner_mm.png) no-repeat 0 0;
}
#banners #banner-mm a:hover {
	background-position: 0 -110px;
}

#back {
	clear: both;
	text-align: right;
	margin: 0 45px;
}

.dimension {
	vertical-align: super;
	font-size: 77%;
}

#footer {
	clear: both;
	border-top: #2F221A solid 3px;
	background: url(../images/footer_bg.png) repeat-x center bottom #FFF;
}
#footer #columns {
	margin: 24px auto;
	background: url(../images/columns_bg.png) repeat-y 0 0;
	width: 900px;
}
#footer #columns h3 {
	background: url(../images/column_bg.png);
	font-size: 115%;
	font-weight: bold;
	padding: 6px 9px;
	margin-bottom: 9px;
	line-height: 1em;
}
#footer #columns p, #footer #columns ul {
	margin-bottom: 27px;
	padding: 0 9px;
}
#footer .column {
	width: 270px;
	float: left;
	margin: 0 15px;
	font-size: 93%;
}
*html #footer .column { /*IE6*/
	width: 270px;
	float: left;
	margin: 0 12px;
	font-size: 93%;
}
#footer #copyright {
	clear: both;
	color: #9FA0A0;
	text-align: right;
	font-size: 85%;
	padding: 27px;
}

/*/////////////////////////////////////////////////////
PageNavi
////////////////////////////////////////////////////*/

.page_navi {
    text-align: center;
    font-size: 11px;
}
 
.page_navi li {
    display: inline;
    list-style: none;
}
 
.page_navi li.current span {
    color: #000;
    font-weight: bold;
    display: inline-block;
    padding: 3px 7px;
    background: #EEE;
}
 
.page_navi li a {
    color: #FFF;
    padding: 3px 7px;
    background: #444;
    display: inline-block;
    text-decoration: none;
}
 
.page_navi li a:hover {
    color: #29BBFF;
}
 
.page_navi li.page_nums span {
    color: #fff;
    padding: 3px 7px;
    background: #666;
    display: inline-block;
    border: solid 1px #333;
}
