@charset "UTF-8";

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

Website: 有限会社 賃貸倶楽部
Design office: contrast - http://www.cs321.jp/

File name: common.css
Description: このウェブサイト内共通のスタイルです。
Date: 2010/06/19
Editors: Wataru Shitami

Table of contents:

  1. Reset style
    1.1. Layout
    1.2. Font
  
  2. Default style
    2.1. Font
    2.2. Anchor
    2.3. Offleft
    2.4. Clearfix
  
  3. Common style
    3.1. Header
    3.2. Container
    3.3. Footer

Grid System:

  Full width: 960px
  Content width: 940px
  Column width: 40px
  Columns: 16
  Margin: 20px

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



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

Version: 3.0.0
Date: 2010/06/19
Last editor: Wataru Shitami
Contents of update: -

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



/* 1. Reset style --------------------*/

/* 1.1. Layout */

html {
	color: #000;
	background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img { border: 0; }

li { list-style: none; }

caption,
th { text-align: left; }

th { vertical-align: baseline; }

/* 1.2. Font */

body { font: 13px/1.231 arial, helvetica, clean, sans-serif; *font-size: small;
 *font: x-small;
}

select,
input,
button,
textarea { font: 99%; }

table {
	font-size: inherit;
	font: 100%;
}

address,
caption,
em,
strong,
th {
	font-style:normal;
	font-weight:normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,
textarea,
select { *font-size: 100%;
}

/* 2. Default style ------------------*/

/* 2.1. Font */

body {
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.6;
}

/* 2.2. Anchor */

a {
	color: #666;
	text-decoration: none;
	outline: none;
}

a:visited { text-decoration: none; }

a:hover {
	color:  #000;
	text-decoration: underline;
}

a:active { color: #333 }

/* 2.3. Offleft */

.offleft {
	text-indent: -9999px;
	overflow: hidden; /*Firefox*/
}

.offleft-none { /*オフレフトしてもスペースが残る場合（h要素）*/
	width: 0;
	height: 0;
	text-indent: -9999px;
	overflow: hidden;
}

/* 2.4. Clearfix */

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

.cf { min-height: 1px; }

/* 3. Common style -------------------*/

/* 3.1. Header */

#header {
	width: 960px;
	margin: 0 auto;
}

#swf-outline { margin-bottom: 10px; }

#swf {
	width: 960px;
	height: 150px;
	position: relative;
}

#swf ul {
	width: 585px;
	height: 40px;
	margin-right: -26px;
	position: absolute;
	top: 71px;
	left: 378px;
}

#swf li {
	margin-right: 26px;
	float: left;
	display: inline;
}

#swf li a {
	display: block;
	height: 40px;
	background: url(../img/swf-menu.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

li#header-home a {
	width: 40px;
	background-position: 0 0;
}

li#header-topics a {
	width: 54px;
	background-position: -40px 0;
}

li#header-recommend a {
	width: 45px;
	background-position: -94px 0;
}

li#header-special a {
	width: 45px;
	background-position: -139px 0;
}

li#header-search a {
	width: 45px;
	background-position: -184px 0;
}

li#header-reserve a {
	width: 46px;
	background-position: -229px 0;
}

li#header-shop a {
	width: 45px;
	background-position: -275px 0;
}

li#header-staff a {
	width: 57px;
	background-position: -320px 0;
}

#header-bottom {
	width: 940px;
	padding: 0 10px;
}

#logo { float: left; }

h1 {
	width: 210px;
	height: 17px;
	margin-right: 10px;
	float: left;
	display: inline;
}

h1 a {
	display: inline-block;
	width: 106px;
	height: 17px;
	margin-right: 10px;
}

#logo address {
	font-size: 131%; /*17px*/
	font-weight: bold;
	color: #999;
	float: left;
	margin-top: -5px;
}

#logo p {
	font-size: 77%;
	color: #666;
	clear: both;
}

#header-nav {
	margin-top: 1px;
	float: right;
}

#header-nav li {
	font-size: 85%; /*11px*/
	float: left;
}

#header-nav a { margin: 0 3px; }

#keyvisual {
	width: 940px;
	height: 233px;
	position: relative;
	margin-bottom: 20px;
}

#keyvisual h2 {
	font-size: 116%;
	position: absolute;
	top: 65px;
	left: 30px;
}

#keyvisual p {
	width: 350px;
	font-size: 93%;
	position: absolute;
	top: 110px;
	left: 30px;
}

#Campaign {
	margin-bottom: 40px;
}

#Campaign ul {
	margin-right: -20px;
}

#Campaign li {
	margin-right: 20px;
	float: left;
}

#Special { margin-bottom: 60px; }

#Special ul {
	width: 952px;
	margin-right: -12px;
}

#Special li {
	width: 305px;
	height: 135px;
	padding-top: 12px;
	background: url(../../img/good-chintai.gif) no-repeat 0 0;
	float: left;
	margin-right: 12px;
	display: inline;
}

#Special a,
#Special span {
	display: block;
	width: 303px;
	height: 133px;
	overflow: hidden;
	border: 1px solid #E6E6E6;
	position: relative;
}

#Special a:hover { border-color: #CCC; }

#Special img {
	position: absolute;
	top: 0;
}

#Special a img:hover { top: -133px; }

#Special01 img { left: 0; }

#Special02 img { left: -303px; }

#Special03 img { left: -606px; }

/* 3.2. Container */

#container {
	width: 940px;
	margin: 40px auto 0;
}

.section {
	width: 940px;
	margin-bottom: 100px;
}

.headline {
	width: 940px;
	border-bottom: 1px solid #666;
	margin-bottom: 40px;
}

.headline h2 {
	padding: 0 0 2px 30px;
	background: url(../images/icon.png) no-repeat 5px 2px;
	font-size: 116%; /*15px*/
	float:left;
}

#breadcrumbs {
	padding-top: 6px;
	font-size: 85%; /*11px*/
	float: right;
}

#info-list p { margin-bottom: 10px; }

#info-list p a {
	font-weight: bold;
	color: #F00;
}

#WeeklyRecommend {
	width: 290px;
	min-height: 80px;
	overflow: hidden;
	padding: 10px 10px 10px 160px;
	background-color: #E6E6E6;
	font-size: 85%;
	line-height: 1.8;
	margin-bottom: 20px;
	float: left;
	display: inline;
	position: relative;
	cursor: pointer;
}

#WeeklyRecommend:hover { background-color: #D9D9D9; }

#WeeklyRecommend h4 {
	font-size: 13px;
	font-weight: bold;
}

#WeeklyRecommend h4 span {
	color: #E4007F;
}

#Apaman48 li {
	margin-bottom: 10px;
}

#RecommendStaff {
	position: absolute;
	top: 10px;
	left: 10px;
}

#RecommendSerif {
	position: absolute;
	top: 20px;
	left: 75px;
}

/* 3.3. Footer */

#footer {
	width: 940px;
	margin: 0 auto;
}

#footer-nav {
	width: 940px;
	border-bottom: 1px solid #666;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

#footer-nav ul { float: right; }

#footer-nav li {
	font-size: 85%; /*11px*/
	float: left;
}

#footer-nav a { margin: 0 3px; }

#member {
	width: 940px;
	margin-bottom: 30px;
}

#member p { float: right; }

#member img {
	display: inline-block;
	margin: 0 2px;
}

#license {
	width: 940px;
	text-align: right;
}

#copyright {
	width: 940px;
	font-size: 77%; /*10px*/
	text-align: right;
}

/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 213 2009-09-17 04:10:02Z emartin24 $
 *
 */

/* Overlay */
#simplemodal-overlay { background-color: #000; }

/* Container */
#simplemodal-container {
	background-color: #FFF;
	border: 3px solid #FFF;
}

#simplemodal-container iframe { border: none; }

#simplemodal-container a.modalCloseImg {
	width: 40px;
	height: 40px;
	background: url(../../estate/images/close.png) no-repeat;
	border: 3px solid #FFF;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -3px;
	right: -3px;
	cursor: pointer;
}

/*
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecoMailMagazineons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none; }

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}

#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}

#lightbox-nav-btnNext {
	right: 0;
	float: right;
}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}

#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}

#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}



/* 2.3. Offleft */

.Offleft {
	text-indent: -9999px;
	overflow: hidden; /*Firefox*/
}

.OffleftHeadline { /*オフレフトしてもスペースが残る場合（h要素）*/
	width: 0;
	height: 0;
	text-indent: -9999px;
	overflow: hidden;
}



/* 2.4. Clearfix */

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

.ClearFix { min-height: 1px; }

#Header {
	width: 960px;
	margin: 0 auto;
}

#FlashOutline { margin-bottom: 10px; }

#Flash {
	width: 960px;
	height: 150px;
	position: relative;
}

#Flash ul {
	width: 585px;
	height: 40px;
	margin-right: -26px;
	position: absolute;
	top: 71px;
	left: 378px;
}

#Flash li {
	margin-right: 26px;
	float: left;
	display: inline;
}

#Flash li a {
	display: block;
	height: 40px;
	background: url(../img/swf-menu.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

li#HeaderHome a {
	width: 40px;
	background-position: 0 0;
}

li#HeaderTopics a {
	width: 54px;
	background-position: -40px 0;
}

li#HeaderRecommend a {
	width: 45px;
	background-position: -94px 0;
}

li#HeaderSpecial a {
	width: 45px;
	background-position: -139px 0;
}

li#HeaderSearch a {
	width: 45px;
	background-position: -184px 0;
}

li#HeaderReserve a {
	width: 46px;
	background-position: -229px 0;
}

li#HeaderShop a {
	width: 45px;
	background-position: -275px 0;
}

li#HeaderStaff a {
	width: 57px;
	background-position: -320px 0;
}

#HeaderBottom {
	width: 940px;
	padding: 0 10px;
}

#Logo { float: left; }

h1 {
	width: 210px;
	height: 17px;
	margin-right: 10px;
	float: left;
	display: inline;
}

h1 a {
	display: inline-block;
	width: 106px;
	height: 17px;
	margin-right: 10px;
}

#Logo address {
	font-size: 131%; /*17px*/
	font-weight: bold;
	color: #999;
	float: left;
	margin-top: -5px;
}

#Logo p {
	font-size: 77%;
	color: #666;
	clear: both;
}

#HeaderNav {
	margin-top: 1px;
	float: right;
}

#HeaderNav li {
	font-size: 85%; /*11px*/
	float: left;
}

#HeaderNav a { margin: 0 3px; }

#Footer {
	width: 940px;
	margin: 0 auto;
}

#FooterNav {
	width: 940px;
	border-bottom: 1px solid #666;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

#FooterNav ul { float: right; }

#FooterNav li {
	font-size: 85%; /*11px*/
	float: left;
}

#FooterNav a { margin: 0 3px; }

#Member {
	width: 940px;
	margin-bottom: 30px;
}

#Member p {
	text-align: right;
	float: right;
}

#Member img {
	display: inline-block;
	margin: 0 2px;
}

#Member a {
	font-size: 84.6%;
}

#License {
	width: 940px;
	text-align: right;
}

#Copyright {
	width: 940px;
	font-size: 77%; /*10px*/
	text-align: right;
}