@charset "UTF-8";

/* CSS Infomation --------------------

有限会社賃貸倶楽部ウェブサイト

File name: category.css
description: categoryディレクトリのスタイルです。
Date: 2009/11/30
Editors: Sayoko Nishimura, Wataru Shitami
Table of contents:

--------------------------------------*/

/* Update history --------------------

Date: 2009/11/30
Last editor: Wataru Shitami
Contents of update: -

--------------------------------------*/

#section-inline {
	width: 900px;
	height: auto;
	margin: 0 auto 150px;
}

/*エリアマップ*/

#category-title {
	width: 900px;
	height: 54px;
	margin: 60px 0 60px;
}

#closet #category-title { background: url(images/closet.gif) no-repeat; }

#convenient #category-title { background: url(images/convenient.gif) no-repeat; }

#couple #category-title { background: url(images/couple.gif) no-repeat; }

#designers #category-title { background: url(images/designers.gif) no-repeat; }

#family #category-title { background: url(images/family.gif) no-repeat; }

#japanese #category-title { background: url(images/japanese.gif) no-repeat; }

#new #category-title { background: url(images/new.gif) no-repeat; }

#pet #category-title { background: url(images/pet.gif) no-repeat; }

#rc #category-title { background: url(images/rc.gif) no-repeat; }

#secure #category-title { background: url(images/secure.gif) no-repeat; }

#single #category-title { background: url(images/single.gif) no-repeat; }

#suburban #category-title { background: url(images/suburban.gif) no-repeat; }

#tv #category-title { background: url(images/tv.gif) no-repeat; }

#category-title #headline {
	margin:0 0 8px 64px;
	float:left;
}

#category-title #headline h2 {
	font-size: 16px;
	margin-right: 0.5em;
	float:left;
}

#category-title #sub-headline {
	clear:both;
	margin-left: 64px;
}

/*サムネイル*/

#thumbnail-title {
	width: 900px;
	height: 52px;
	padding-top:28px;
	margin-bottom: 10px;
}

#closet #thumbnail-title { background: url(images/thumbnail-closet.gif) no-repeat; }

#convenient #thumbnail-title { background: url(images/thumbnail-convenient.gif) no-repeat; }

#couple #thumbnail-title { background: url(images/thumbnail-couple.gif) no-repeat; }

#designers #thumbnail-title { background: url(images/thumbnail-designers.gif) no-repeat; }

#family #thumbnail-title { background: url(images/thumbnail-family.gif) no-repeat; }

#japanese #thumbnail-title { background: url(images/thumbnail-japanese.gif) no-repeat; }

#new #thumbnail-title { background: url(images/thumbnail-new.gif) no-repeat; }

#pet #thumbnail-title { background: url(images/thumbnail-pet.gif) no-repeat; }

#rc #thumbnail-title { background: url(images/thumbnail-rc.gif) no-repeat; }

#secure #thumbnail-title { background: url(images/thumbnail-secure.gif) no-repeat; }

#single #thumbnail-title { background: url(images/thumbnail-single.gif) no-repeat; }

#suburban #thumbnail-title { background: url(images/thumbnail-suburban.gif) no-repeat; }

#tv #thumbnail-title { background: url(images/thumbnail-tv.gif) no-repeat; }

#thumbnail-title #headline {
	margin:0 0 5px 70px;
	float:left;
}

#thumbnail-title h2 {
	font-size: 18px;
	margin-right: 0.5em;
	float:left;
}

#thumbnail-title img {
	display:block;
	padding-top:2px;
	float: left;
}

#thumbnail-title #sub-headline {
	color: #E4007F;
	clear:both;
	margin-left: 70px;
}

.page-list {
	float: right;
	margin-bottom: 20px;
}

.page-list li {
	margin: 0 2px;
	float: left;
}

.page-list li a, .page-list li span {
	display: block;
	height: 20px;
	padding-top: 6px;
	float: left;
}

.page a, .page span {
	text-indent: -9999px;
	overflow: hidden;
	width: 26px;
	background: url(images/page.gif) no-repeat;
}

.page1 a:hover, .page1 span { background-position: 0 -26px; }

.page2 a { background-position: -26px 0; }

.page2 a:hover, .page2 span { background-position: -26px -26px; }

.page3 a { background-position: -52px 0; }

.page3 a:hover, .page3 span { background-position: -52px -26px; }

.page4 a { background-position: -78px 0; }

.page4 a:hover, .page4 span { background-position: -78px -26px; }

.page5 a { background-position: -104px 0; }

.page5 a:hover, .page5 span { background-position: -104px -26px; }

.page6 a { background-position: -130px 0; }

.page6 a:hover, .page6 span { background-position: -130px -26px; }

.page7 a { background-position: -156px 0; }

.page7 a:hover, .page7 span { background-position: -156px -26px; }

.page8 a { background-position: -182px 0; }

.page8 a:hover, .page8 span { background-position: -182px -26px; }

.page9 a { background-position: -208px 0; }

.page9 a:hover, .page9 span { background-position: -208px -26px; }

.page10 a { background-position: -234px 0; }

.page10 a:hover, .page10 span { background-position: -234px -26px; }

.page11 a { background-position: -260px 0; }

.page11 a:hover, .page11 span { background-position: -260px -26px; }

.page12 a { background-position: -286px 0; }

.page12 a:hover, .page12 span { background-position: -286px -26px; }

.page13 a { background-position: -312px 0; }

.page13 a:hover, .page13 span { background-position: -312px -26px; }

.page14 a { background-position: -338px 0; }

.page14 a:hover, .page14 span { background-position: -338px -26px; }

.page15 a { background-position: -340px 0; }

.page15 a:hover, .page15 span { background-position: -340px -26px; }

.legend {
	width: 870px;
	padding: 15px;
	border: 1px dotted #CCC;
	margin: 60px 0;
	clear: both;
}

#legend-top {
	margin-top: 20px;
}

#legend-bottom {
	margin-bottom: 20px;
}

.legend div {
	margin-right: 1em;
	float: left;
}

.legend ul {
	margin-left: 1em;
}

.legend h4 {
	margin-bottom: 0.5em;
}

.legend h4, .legend span {
	font-weight: bold;
}

.health-facilities ul {
	float: left;
}

#thumbnail-outline {
	width: 930px;
	margin-right: -30px;
	margin-bottom: -40px;
	clear: both;
}

.thumbnail {
	margin-right: 30px;
	margin-bottom: 40px;
	float: left;
}

.thumbnail h3 a {
	display: inline-block;
	font-size: 16px;
	color: #000;
	padding-left: 31px;
	background: url(images/thumbnail.gif) no-repeat 0 2px;
	margin-bottom: 5px;
}

.block {
	display: block;
	font-size: 12px;
	color: #000;
	width: 390px;
	height: 150px;
	padding: 15px 30px 15px 15px;
	background-color: #F2F2F2;
	position: relative;
}

.block:hover {
	text-decoration: none;
	background-color: #E6E6E6;
}

.image {
	display: block;
	margin-right: 30px;
	float:left;
}

.info {
	display: block;
	width: 210px;
	overflow: hidden;
	margin-bottom: 12px;
	float: left;
}

.info span {
	display: block;
	width: 210px;
	padding: 4px 0 2px;
	border-bottom: 1px dotted #CCC;
}

.categories {
	display: block;
	width: 220px;
	margin-right: -10px;
	float: left;
}

.categories img {
	display: block;
	margin-right: 7px;
	float: left;
}

.more-info {
	position: absolute;
	bottom: 15px;
	right: 30px;
}

#none {
	font-size: 20px;
	font-weight: bold;
	color: #F00;
	width: 540px;
	padding: 5px;
	margin: 40px auto;
	text-align: center;
	border: 5px solid #EFEFEF;
}

#history-back {
	width: 8em;
	margin: 0 auto;
}

#history-back a {
	text-decoration: underline;
}



#renovation #section-inline {
	width: 860px;
}

#back {
	width: 780px;
	background-color:#666;
	padding: 40px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

#back h3 {
	margin-bottom: 18px;
}

#back p {
	font-size: 12px;
	color: #FFF;
	margin-bottom: 1.5em;
}

#back a {
	color: #FFF;
}

#main-image {
	width: 380px;
	margin-right: 20px;
	display: inline;
	float: left;
}

#description {
	width: 380px;
	float: left;
}

#before {
	margin-top: 30px;
	padding-top: 40px;
	border-top: 1px solid #FFF;
	margin-bottom: 20px;
}

#before h3, #after h3, #arrow, #after p, p#contact {
	width: 780px;
	text-align: center;
}

#before ul, #after ul {
	width: 800px;
	margin-right: -20px;
}

#before li, #after li {
	width: 180px;
	margin-right: 20px;
	display: inline;
	float: left;
}

#after {
	margin-bottom: 18px;
}

p#contact {
	font-size:20px;
	font-weight:bold;
}

#contact a {
	text-decoration: underline;
	-webkit-transition: color 1s;
}

#contact a:hover {
	color: #CCC;
}

/*2010繁忙期限定*/

#guide {
  font-size: 13px;
  font-weight: bold;
  color: #E4007F;
  margin-bottom: 20px;
}

.left {
  float: left;
}

.right {
  float: right;
}

#vacancy-list {
  margin-bottom: 40px;
}

#vacancy-list table {
  width: 436px;
  border: 2px solid #CCC;
}

#vacancy-list th {
  font-weight: bold;
  background-color: #EFEFEF;
}

#vacancy-list th, #vacancy-list td {
  font-size: 13px;
  padding: 5px;
  border: 1px solid #CCC;
}

#shop {
  width: 440px;
  float: left;
}

#shop h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 20px;
}

#shop h4 a { color: #000; }

#shop li {
  width: 460px;
  height: 18px;
  overflow: hidden;
  margin-bottom: 10px;
}

#shop span {
  display: block;
  width: 18px;
  height: 18px;
  overflow: hidden;
  margin-right: 10px;
  position: relative;
  float: left;
  display: inline;
}

#shop img { position: absolute; }

#tel, #shop li a {
  font-size: 13px;
  font-weight: bold;
}

#shop li a {
  text-decoration: underline;
  margin-right: 1em;
}

#tel img {
  top: -166px;
  left: -216px;
}

#mail img {
  top: -166px;
  left: -234px;
}

#reserve img {
  top: -166px;
  left: -288px;
}

#shop iframe {
  width: 898px;
  height: 500px;
  border: 1px solid #CCC;
  overflow: hidden;
  margin-bottom: 10px;
}