@charset "utf-8";
/*
 * ファイルID	 : mo.css
 * 処理概要    : 月極 Web 用 CSS ファイル
 * 
 * Created by	 : T.Sasaki 2005/05/18
 * Modified by : T.Sasaki 2006/01/04
 *               コメントカラムのスタイルを追加
 * Modified by : T.Adachi 2006/01/14
 *               テキストのスタイルを追加
 * Modified by : M.Kubo 2009/03/27
 *               共通ヘッダ・フッタを追加
 *               マイナーチェンジに伴うid指定・レイアウト指定
 * Modified by : M.Kubo 2009/04/02
 *               新検索結果レイアウト
 * Modified by : M.Kubo 2009/04/06
 *               ヘッダ・フッタ修正
 * Modified by : M.Kubo 2009/12/15
 *               問合せ先行スタイル追加
 */

/***************************************************/
/*               デフォルトタグ                    */
/***************************************************/
 
/* Body デフォルト */
body {
  background-color: White;
  margin: 0;
  text-align: center;
}

body table td {
  text-align: left;
}

/* カラムデフォルト */
td {
  white-space: nowrap; 
  font-size: x-small;
}

/***************************************************/
/*    マイナーチェンジ時id・レイアウト指定         */
/***************************************************/
 
/* 全体 */
div#container {
width: 900px;
margin: 0 auto;
padding: 0;
text-align: left;
}

/* メインコンテンツ */
div#contents {
position: relative;
width: 100%;
}

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

/* メインコンテンツ */
div#maincont {
float: left;
width: 676px;
}

/* サイドコンテンツ */
div#sidecont {
float: right;
width: 210px;
}

/***************************************************/
/*               新ヘッダ・フッタ                   */
/***************************************************/

/*ヘッダ・フッタ初期化*/

div#header div, div#header h1, div#footer p, form {
margin: 0;
padding: 0;
}

div#header h1 {
font-size: 100%;
font-weight: normal;
}

div#footer ol, ul {
margin: 0;
padding: 0;
list-style: none;
}

div#header img {
border: 0;
vertical-align: bottom;
}

 
/* ヘッダ */
div#header {
margin: 0;
padding: 10px 0 0 0;
}

div#header .sitettl {
position: relative;
float: left;
width: 500px;
padding-bottom: 5px;
}

div#header .sitettl div {
float: left;
width: 96px;
padding-top: 3px;
}

div#header .sitettl h1 {
float: left;
width: 404px;
font-size: 12px;
text-indent: 3px;
}

div#header .sitettl h1 img {
margin-top: 4px;
}

div#header .hdrinfo {
float: right;
width: 350px;
padding-bottom: 5px;
font-size: 70%;
text-align: right;
}

div#header .hdrinfo div {
padding: 1px 0 5px;
}

div#header .tpcpath {
clear: both;
padding-top: 2px;
padding-bottom: 14px;
border-top: #fbd800 solid 4px;
font-size: 80%;
}

/* フッタ */
div#footer {
clear: both;
margin-top: 18px;
padding-top: 6px;
border-top: #fbd800 solid 4px;
margin-bottom: 20px;
}

div#footer:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

div#footer ul {
float: left;
}

div#footer li {
display: block;
float: left;
margin-right: 8px;
font-size: 80%;
}

div#footer p {
float: right;
font-size: 70%;
}


/***************************************************/
/*             新検索結果レイアウト                */
/***************************************************/

/* 検索結果ページ */
.result {
clear: both;
}

.result h2 {
margin-bottom: 15px;
}

.rslt_subhd {
font-size: 80%;
padding-bottom: 14px;
}

.rslt_subhd div.smly {
padding: 7px 9px 5px;
background: #f7f999;
letter-spacing: 0.05em;
margin-bottom: 6px;
}

.rslt_subhd span {
display: block;
color: #CC0000;
margin-bottom: 6px;
font-weight: bold;
}

.rslt_subhd p {
padding: 1px 0 8px 30px;
background: url(../../mo_img/common/icon_tp.gif) no-repeat;
}

 /* 検索結果テーブル */
.result table {
width: 100%;
}

.result th, .result td {
border: #ccc solid 1px;
}

.result th {
padding: 6px 0 4px;
background: #fcfcf5;
color: #525049;
font-size: 75%;
text-align: center;
}

.result td {
padding: 8px;
font-size: 80%;
}

.result td span {
padding-left: 4px;
color: #777;
font-size: 85%;
}

.result .pagination {
padding-top: 10px;
font-size: 80%;
text-align: center;
}

/***************************************************/
/*             新物件詳細レイアウト                */
/***************************************************/

.pdetails table td {
padding: 2px 8px;
font-size: 83%;
line-height: 1.3em
}

.pdetails .bukDetailTitle td {
text-align: right;
}

.pdetails .bukDetailTitle .BTextSmall {
padding-top: 6px;
text-align: left;
font-size: 100%;
font-weight: bold;
}

.pdetails .bukDetailTitle .colorTextXSmall2 {
padding-bottom: 0px;
text-align: left;
}

.pdetails .whiteThinSpacer {
height: 6px;
}

.pdetails .DetailInquiryTel {
vertical-align: middle;
padding-top: 0px;
padding-bottom: 6px;
line-height: normal;
font-size: 75%;
}

.pdetails .DetailInquiryTel span {
font-size: 160%;
font-weight: bold;
}

/***************************************************/
/*               旧ヘッダ・フッタ                   */
/***************************************************/
 
/* ヘッダ */
.header {
	/*background-color: #F79833;*/
  background-color: #FFCC00;
	height: 50px;
	color: #262424;
	font-weight: bold;
	font-size: x-small;
	width: 90%;
	margin: auto;
}

/* ヘッダ中枠固定 */
.headBox {
	width: 900px;
	height: 40px;
	padding: 0; 
 }

/* ヘッダ内テキスト */
.BoxTxt {
	padding-top: 5px;
	padding-left: 5px;
	width: 810px;
	font-weight: bold;
}

/* ロゴマーク表示 */
.hbLEFT {
	padding: 0 0 0 8px;
	width: 90px;
	margin: 0;
} 

/* バナー表示 */
.hbRIGHT { 
	margin: 0; 
	padding: 0 8px 0 0; 
	text-align: right;  
} 

/* フッターテキスト */
.footerText {
  font-size: x-small;
  color: Gray;
}

/***************************************************/
/*                   背景、枠                      */
/***************************************************/
 
/* 月極駐車場を探す画像のバック */
.srchBuk {
  background-color: #FBF12C;
}

/* フリーワード検索のバック */
.freeSearch {
  background-color: #F7F999;
}

/* 都道府県のバック */
.pref {
  background-color: #F7F999;
}

/* 検索条件のバック */
.srchCondition {
  background-color: #F7F999;
}

/* 物件詳細表示のタイトルのバック */
.bukDetailTitle {
  background-color: #F7F999;
}

/* 物件詳細表示カラー枠 */
.colorBorder {
  border-style: solid;
  border-color: #F79833;
  border-width: thin;
  font-size: x-small;
}

/* メニュー枠 IE */
.menuBorder {
	border-style: solid;
	/*border-color: #CAD730;*/
  border-color: #F79833;
	border-width: thin;
	padding: 10px;
	width: 368px;
}
/* メニュー枠 モダン系 */
.menuBorder {
	border-style: solid;
	/*border-color: #CAD730;*/
  border-color: #F79833;
	border-width: thin;
	padding: 10px;
	width: 369px;
}

/* タイムズ紹介枠 IE */
* html .times {
	border-style: solid;
	/*border-color: #CAD730;*/
  border-color: #F79833;
	border-width: thin;
	line-height: 150%;
	padding: 10px;
	width: 368px;
}
/* タイムズ紹介枠 */
.times {
	border-style: solid;
	/*border-color: #CAD730;*/
  border-color: #F79833;
	border-width: thin;
	line-height: 150%;
	padding: 10px;
	width: 369px;
}

/***************************************************/
/*                       画像                      */
/***************************************************/
.floatImg {
  border-style: none;
  float: left;
}

/***************************************************/
/*       リスト、テーブル、レコード、カラム        */
/***************************************************/
 
/* マークなしリスト */
.noMark {
  list-style-type: none; 
}

/* レコードデフォルト */
.defRec {
  background-color: White;
  cursor: auto;
}

/* オンカーソルレコード */
.onCurRec {
  background-color: #F7F999;
  /*background-color: #FBF12C;*/
  cursor: pointer;
}

/* リンク表示用カラム */
.navi {
  text-align: center;
}

/* 駐車場画像表示用カラム */
.parkimage {
  vertical-align: top;
}

/* 注意書きテーブル */
.cautionTable {
  border-style: solid;
  border-color: #F79833;
  background-color: #F7F999;
}

/* 注意書きテーブルタイトル */
.cautionTableTitle {
  vertical-align: middle;
  text-align: left;
  border-style: solid;
  border-color: #F79833;
  background-color: #F79833;
  font-size: x-small;
}

/* 注意書きテーブルカラム */
.cautionTableCol {
  border-style: solid;
  border-color: #F79833;
  background-color: White;
  font-size: x-small;
}

/* フォームテーブル */
.formTable {
  border-style: solid;
  border-color: #F7F999;
  background-color: #F7F999;
}

/* フォームテーブルタイトル */
.formTableTitle {
  vertical-align: middle;
  text-align: left;
  border-style: solid;
  border-color: #FBF12C;
  background-color: #FBF12C;
  font-size: x-small;
}

/* フォームテーブルカラム */
.formTableCol {
  border-style: solid;
  border-color: #FBF12C;
  background-color: White;
  font-size: x-small;
}

/* フォームテーブルデータカラム */
.formTableDataCol {
  border-style: solid;
  border-color: #FBF12C;
  background-color: White;
  font-size: x-small;
  font-weight: bold;
}

/* リストテーブルタイトル */
.listTableTitle {
  vertical-align: middle;
  text-align: left;
  /*background-color: #CAD730;*/
  background-color: #FFCC00;
  color: #262424;
  font-weight: bold;
}

/* エラーテーブルタイトル */
.errTableTitle {
  vertical-align: middle;
  text-align: center;
  background-color: Crimson;
  color: White;
  font-size: x-small;
  font-weight: bold;
}

/* 通常フォーム（縦位置中央）*/
.defForm {
  vertical-align: middle;
  ime-mode: auto;
}

/* 通常フォーム IME active（縦位置中央）*/
.imeActForm {
  vertical-align: middle;
  ime-mode: active;
}

/* 通常フォーム IME inactive（縦位置中央）*/
.imeInaForm {
  vertical-align: middle;
  ime-mode: inactive;
}

/* 通常フォーム IME disabled（縦位置中央）*/
.imeDisForm {
  vertical-align: middle;
  ime-mode: disabled;
}

/* コメントカラム */
.commentCol {
  white-space: normal;
  font-size: x-small;
}

/*　お申し込み手順説明　*/
.lineUnder { 
	padding-bottom: 5px; 
	margin-bottom: 7px; 
	border-bottom: #333 dotted 3px; 
	width: 100%; 
}

/***************************************************/
/*                   テキスト                      */
/***************************************************/
/* テキスト大 */
.TextLarge {
  font-size: large;
}

/* テキスト中 */
.TextMedium {
  font-size: medium;
}

/* テキスト小 */
.TextSmall {
  font-size: small;
}

/* テキスト最小 */
.TextXSmall {
  font-size: x-small;
}
 
/* 太字テキスト大 */
.bTextLarge {
  font-size: large;
  font-weight: bold;
}

/* 太字テキスト中 */
.bTextMedium {
  font-size: medium;
  font-weight: bold;
}

/* 太字テキスト小 */
.bTextSmall {
  font-size: small;
  font-weight: bold;
}

/* 太字テキスト最小 */
.bTextXSmall {
  font-size: x-small;
  font-weight: bold;
}

/* カラー太字テキスト大 */
.colorBTextLarge {
  font-size: large;
  font-weight: bold;
  color: Navy;
}

/* カラー太字テキスト中 */
.colorBTextMedium {
  font-size: medium;
  font-weight: bold;
  color: Navy;
}

/* カラー太字テキスト小 */
.colorBTextSmall {
  font-size: small;
  font-weight: bold;
  color: #262424;
}

/* カラー太字テキスト最小 */
.colorBTextXSmall {
  font-size: x-small;
  font-weight: bold;
  color: #262424;
}

/* カラー太字テキスト極小 */
.colorBTextXXSmall {
  font-size: xx-small;
  font-weight: bold;
  color: #262424;
}

/* カラー太字テキスト小3 */
.colorBTextSmall3 {
  font-size: small;
  font-weight: bold;
  color: Red;
}

/* カラー太字テキスト最小2 */
.colorBTextXSmall2 {
  font-size: x-small;
  font-weight: bold;
  color: Blue;
}

/* カラー太字テキスト最小3 */
.colorBTextXSmall3 {
  font-size: x-small;
  font-weight: bold;
  color: Red;
}

/* カラー太字テキスト極小3 */
.colorBTextXXSmall3 {
  font-size: xx-small;
  font-weight: bold;
  color: Red;
}

/* カラーテキスト小2 */
.colorTextSmall2 {
  font-size: small;
  color: Maroon;
}

/* カラーテキスト最小2 */
.colorTextXSmall2 {
  font-size: x-small;
  color: Maroon;
}

/* カラーテキスト極小2 */
.colorTextXXSmall2 {
  font-size: xx-small;
  color: Maroon;
}

/* 注意太字テキスト大 */
.cautionBTextLarge {
  font-size: large;
  font-weight: bold;
  color: Crimson;
}

/* 注意太字テキスト中 */
.cautionBTextMedium {
  font-size: medium;
  font-weight: bold;
  color: Crimson;
}

/* 注意太字テキスト小 */
.cautionBTextSmall {
  font-size: small;
  font-weight: bold;
  color: Crimson;
}

/* 注意太字テキスト最小 */
.cautionBTextXSmall {
  font-size: x-small;
  font-weight: bold;
  color: Crimson;
}

/* 注意テキスト最小 */
.cautionTextXSmall {
  font-size: xx-small;
  color: Crimson;
}

/* 注釈太字テキスト極小 */
.commentBTextXXSmall {
  font-size: xx-small;
  font-weight: bold;
  color: Gray;
}

/* グレーテキスト大 */
.grayTextLarge {
  font-size: large;
  color: Gray;
}

/* グレーテキスト中 */
.grayTextMedium {
  font-size: medium;
  color: Gray;
}

/* グレーテキスト小 */
.grayTextSmall {
  font-size: small;
  color: Gray;
}

/* グレーテキスト最小 */
.grayTextXSmall {
  font-size: x-small;
  color: Gray;
}

/* グレーテキスト極小 */
.grayTextXXSmall {
  font-size: xx-small;
  color: Gray;
}

/***************************************************/
/*                       hr                        */
/***************************************************/
 
/* カラー hr */
.colorHr {
  color: #F79833;
  height: 1px;
}

/* カラー hr 2 */
.colorHr2 {
  color: Gray;
  height: 1px;
}

/***************************************************/
/*                   スペーサー                    */
/***************************************************/
 
/* カラースペーサー */
.colorSpacer {
  background-color: #F79833;
  height: 3px;
}

/* カラースペーサー 1px */
.colorThinSpacer {
  background-color: #F79833;
  height: 1px;
}

/* ホワイトペーサー */
.whiteSpacer {
  background-color: White;
  height: 3px;
}

/* ホワイトペーサー 1px*/
.whiteThinSpacer {
  background-color: White;
  height: 1px;
}

/* ホワイトペーサー 5px*/
.whiteThickSpacer {
  background-color: White;
  height: 5px;
}

/* グレーペーサー */
.graySpacer {
  background-color: Gray;
  height: 3px;
}

/* グレーペーサー 1px */
.grayThinSpacer {
  background-color: Gray;
  height: 1px;
}

/***************************************************/
/*                     リンク                      */
/***************************************************/
 
/* デフォルトリンク */
A {
  color: #262424;
}

/* リンクフォント修飾なし */
.noDecoration {
  text-decoration: none;
}

/* フッターリンク */
.footerLink {
  font-size: x-small;
  text-decoration: none;
  color: Gray;
}

/* フッターリンク2 */
.footerLink2 {
  font-size: xx-small;
  text-decoration: none;
  color: Gray;
}

/* パンくず太字リンク */
.breadBLink {
  font-size: x-small;
  text-decoration: none;
  font-weight: bold;
  color: #262424;
}

/**/
.listCar { 
  font-size: x-small;
	font-weight: bold; 
	color: #cc7700; 
}

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