@charset "utf-8"; 
/* ブラウザ毎に違うスタイルの設定を初期化するスタイルシートを読み込み */
@import url("/faq/reset.css");

/* body */
body {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 background: #ffffff;
}
/* 全体ボックス */
body div#container {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 width: 860px;
 background: #ffffff url("/faq/img/gradation_background.gif") repeat-y left;
}


/* --------------------------------------------------------------------- ヘッダー 開始 */
/* ヘッダー 画像 */
div#banner {
 width: 850px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 height: 258px;
 background: url("./img/topimage.jpg") no-repeat center top;
 margin-bottom: 2px;
}
/* ヘッダー <<TOP画像のリンク */
div#banner p.link {
 float: left;
 width: 231px;
 height: 110px;
}
div#banner p.link a {
 display: block;
 width: 200px;
 height: 110px;
/* IE7対策 透明な画像を読み込まないとリンクとして機能しない */
 background: transparent url("/yougo/img/background_clear.gif") no-repeat;
}


/* SURPASSLOG内コンテンツメニュー */
div#banner ul.contents-menu {
 display: inline;
}
div#banner ul.contents-menu li {
 display: inline;
}
/* リンクをブロック要素として背景に画像 */
div#banner ul.contents-menu li a {
 display: block;
 float: left;
 height: 40px;
}
/* マンション用語集 */
div#banner ul.contents-menu li a#mansion-navi {
 width: 159px;
 background: #ffffff url("/faq/img/head_mansion_navi.gif") no-repeat center center;
}
div#banner ul.contents-menu li a#mansion-navi:hover {
 width: 159px;
 background: #ffffff url("/faq/img/head_mansion_navi-ov.gif") no-repeat center center;
}
/* SURPASS STYLE */
div#banner ul.contents-menu li a#surpass-style {
 width: 149px;
 background: #ffffff url("/faq/img/head_surpass_style.gif") no-repeat center center;
}
div#banner ul.contents-menu li a#surpass-style:hover {
 width: 149px;
 background: #ffffff url("/faq/img/head_surpass_style-ov.gif") no-repeat center center;
}
/* お悩み解決Q&A */
div#banner ul.contents-menu li a#q-and-a {
 width: 145px;
 background: #ffffff url("/faq/img/head_faq.gif") no-repeat center center;
}
div#banner ul.contents-menu li a#q-and-a:hover {
 width: 145px;
 background: #ffffff url("/faq/img/head_faq-ov.gif") no-repeat center center;
}
/* マンション用語集 */
div#banner ul.contents-menu li a#mansion-glossary {
 width: 147px;
 background: #ffffff url("/faq/img/head_mansion-ov.gif") no-repeat center center;
}


/* SURPASSLOG タイトル 非表示設定なのでCSSでの設定も無し */
div#banner h1 {
 padding-left: 450px;
 padding-top: 183px;
}
/* 画像タイトル お悩み解決Q&A の部分にアンカーを付ける為の設定 */
div#banner h1 a {
 float: right
 text-align: right;
 display: block;
 width: 398px;
 height: 75px;
}
/* --------------------------------------------------------------------- ヘッダー 終了 */


/* --------------------------------------------------------------------- 左サイド 開始 */
div#alpha {
 float: left;
 margin-left: 5px;
 width: 210px;
 padding-top: 20px;
/* IE6対策 左マージンがおかしくなるのを修正
   また、positoon: relative; によってマージン修正しても修正仕切れない 1px を埋める。 */
 _margin-left: 3px;
 _position: relative;
 _left: -1px;
/* 背景画像でトップ画像下のグラデーションを表示 */
 background: transparent url("../faq/img/top_gradation.gif") repeat-x top;
 color: #666666;
}


/* 各種タイトル画像 */
div#alpha h2 {
 margin-bottom: 0.5em;
 width: 207px;
 height: 30px;
 text-indent: -9999px;
 outline: 0;
}
/* カテゴリーアーカイブ */
div#alpha h2.keyword {
 background: transparent url("/yougo/img/tit_search.gif") no-repeat right center;
}
/* 最新記事 */
div#alpha h2.category {
 background: transparent url("/yougo/img/tit_cate.gif") no-repeat right center;
}
/* 月間アーカイブ */
div#alpha h2.mobile {
 background: transparent url("/yougo/img/tit_mobile.gif") no-repeat right center;
}


/* 左サイド共通 ボックスインデント */
div#alpha div {
 margin-bottom: 1.2em;
}
/* 左サイド共通 リスト要素のインデント設定 */
div#alpha div ul,
div#alpha div ol {
 font-size: 0.75em;
}
div#alpha div ul li,
div#alpha div ol li {
 line-height: 1.5em;
}


/* 検索欄 */
div#alpha .search form div {
 padding: 0px 0px 0px 16px;
}
div#alpha .search form div input.text {
 width: 125px;
}
div#alpha .search form div input.submit {
 margin-top: 0.4em;
 background: #F60;
 color: #FFF;
 padding: 1px 2px 1px 2px;
 border: 1px solid #F60;
}


/* カテゴリー表 */
div#alpha .table div.module-content {
 text-align: center !important;
}
div#alpha .table div.module-content table {
 width: 90%;
 margin-left: 10px;
 _margin-left: 5px;
}
div#alpha .table div.module-content table td {
 padding: 3px;
 font-size: 0.85em;
 text-align: center !important;
}


/* サーパスログ モバイル版 インデント設定 */
div#alpha .mobile p {
 font-size: 0.75em;
 width: 177px;
 margin-left: 18px;
 margin-top: 0.8em;
 margin-bottom: 0.8em;
 line-height: 1.5em;
}
/* サーパスログ モバイル版 QRコード センター寄せの設定 */
div#alpha .mobile p#surpasslog-mobile-qrcode {
 text-align: center !important;
}
div#alpha .mobile p#surpasslog-mobile-qrcode img {
 text-align: center !important;
}


/* サーパスコンタクト センター寄せの設定 */
div#alpha .mobile div#surpass-contact ul li {
 text-align: center !important;
 margin-left: 7px;
}
div#alpha .mobile div#surpass-contact ul li + li {
 margin-top: 1em;
}
div#alpha .mobile div#surpass-contact ul li img {
 text-align: center !important;
}
/* --------------------------------------------------------------------- 左サイド 終了 */

/* ----------------------------------------------------- メインカラム（センター） 開始 */
div#beta {
 float: left;
 width: 448px;
/* IE6対策 widthがおかしいのを修正 */
 _width: 449px;
 background: transparent url("./img/top_gradation.gif") repeat-x top;
 padding-top: 18px;
/* IE6対策 左マージンがおかしくなるのを修正
   また、positoon: relative; によってマージン修正しても修正仕切れない 1px を埋める。 */
 _position: relative;
 _left: -1px;
/* 背景画像でトップ画像下のグラデーションを表示 */
}


/* アーカイブヘッダー */
div#beta h2.content-header {
 _position: relative;
 border: 1px solid #CCC;
 padding: 0.6em 6px 0.6em 6px;
 margin: 0px 10px 1.2em 10px;
 color: #993333;
 font-size: 0.95em;
}


/* IE6対策 */
div#beta div {
 _margin-left: 0px;
}


/* 記事単体 */
div#beta div.entry {
 border: 1px solid #CCC;
 padding: 4px;
 margin: 0px 10px 0px 10px;
/* IE6対策 いないいないばあバグを起こさない為のrelative */
 _position: relative;
}
/* 記事 クエスチョンタイトル */
div#beta div.entry h3 {
 padding: 0.5em 6px 0.5em 6px;
 background: #F99;
 color: #fff;
 font-size: 0.95em;
 line-height: 1.2em;
/* IE6対策 いないいないばあバグを起こさない為のrelative */
 _position: relative;
}
div#beta div.entry h3 a {
 color: #fff;
}
div#beta div.entry h3 a:hover {
 text-decoration: none;
}
/* 記事 */
div#beta div.entry div.entry-content {
 padding: 11px;
 font-size: 0.75em;
}
div#beta div.entry div.entry-content div.entry_text {
 line-height: 1.55em;
}
div#beta div.entry div.entry-content p {
 line-height: 1.55em;
}


/* 記事下部 メタデータ部分 */
div#beta ul.metadata {
 margin: 5px 17px 1.3em 0px;
/* IE 全バージョンに 5px 足すハック */
 padding-top: 5px;
 text-align: right !important;
}
div#beta ul.metadata li {
 display: inline;
 font-size: 0.7em;
}
/* メタデータ部分 アンカーの設定 */
div#beta ul.metadata li a:link {
 color: #666666;
 text-decoration: none;
}
div#beta ul.metadata li a:active {
 color: #666666;
 text-decoration: none;
}
div#beta ul.metadata li a:visited {
 color: #666666;
 text-decoration: none;
}
div#beta ul.metadata li a:hover {
 color: #999999;
 text-decoration: underline;
}
/* ----------------------------------------------------- メインカラム（センター） 終了 */

/* --------------------------------------------------------------------- 右サイド 開始 */
div.left-sidebox {
 float: left;
 padding-top: 20px;
 width: 192px;
/* IE6対策 widthがおかしいのを修正 */
 _width: 195px;
/* IE6対策 左マージンがおかしくなるのを修正
   また、positoon: relative; によってマージン修正しても修正仕切れない 1px を埋める。 */
 _position: relative;
 _left: -5px;
/* 背景画像でトップ画像下のグラデーションを表示 */
 background: transparent url("./img/top_gradation.gif") repeat-x top;
 color: #666666;
}


/* 特集物件 */
div.left-sidebox div#pickup,
/* sidebar2 を左側カラムに設置（検索用） */
div.sidebar2 div#pickup {
 margin-bottom: 1em;
}
/* 特集物件 タイトル */
div.left-sidebox div#pickup h4 {
 margin-left: 10px;
 margin-bottom: 0.2em;
 height: 14px;
 background: transparent url("../faq/img/side_pickuptitle.gif") no-repeat left center;
}
/* sidebar2 を左側カラムに設置（検索用） */
div.sidebar2 div#pickup h4 {
 margin-left: 11px;
 margin-bottom: 0.2em;
 height: 14px;
 background: transparent url("../faq/img/side_pickuptitle.gif") no-repeat left center;
}
div.left-sidebox div#pickup p {
 text-align: center !important;
}
/* sidebar2 を左側カラムに設置（検索用） */
div.sidebar2 div#pickup p {
 margin-left: 8px;
 text-align: center !important;
}


/* SURPASS リンク */
div.left-sidebox p#surpasslink {
 text-align: center !important;
 margin-bottom: 0.5em;
}
/* sidebar2 を左側カラムに設置（検索用） */
div.sidebar2 p#surpasslink {
 text-align: center !important;
 margin-bottom: 0.5em;
 margin-left: 8px;
}


/* eさーぴすと */
div.left-sidebox div#esurpist {
 height: 281px;
 background: transparent url("../faq/img/side_surpist_all.jpg") no-repeat 49% 100%;
}
/* sidebar2 を左側カラムに設置（検索用） */
div.sidebar2 div#esurpist {
 margin-left: 10px;
 height: 281px;
 background: transparent url("../faq/img/side_surpist_all.jpg") no-repeat 49% 100%;
}
div.left-sidebox div#esurpist p,
/* sidebar2 を左側カラムに設置（検索用） */
div.sidebar2 div#esurpist p {
 text-align: center !important;
}
/* eさーぴすと 登録 */
div.left-sidebox div#esurpist p#join-esurpist,
/* sidebar2 を左側カラムに設置（検索用） */
div.sidebar2 div#esurpist p#join-esurpist {
 padding-top: 186px;
}
/* eさーぴすととは? */
div.left-sidebox div#esurpist p#about-esurpist,
/* sidebar2 を左側カラムに設置（検索用） */
div.sidebar2 div#esurpist p#about-esurpist {
 padding-top: 3px;
}


/* キャンペーン */
div.left-sidebox p#campaign{
 margin-top: 0.5em;
 text-align: center !important;
}
/* sidebar2 を左側カラムに設置（検索用） */
div.sidebar2 p#campaign {
 margin-top: 0.5em;
 margin-left: 11px;
 text-align: center !important;
}


/* RSSとは */
div#alpha div#rss_btn {
 text-align: center !important;
 padding: 0px;
 margin: 1em 0px 3px 8px;
}
div.left-sidebox div#rss_btn {
 text-align: center !important;
 padding: 0px;
 margin: 0.5em 0px 3px 0px;
}
/* Atom,RSS1.0,RSS2.0 */
div#alpha div#atom {
 text-align: center !important;
 padding: 0px;
 margin: 3px 0px 1em 8px;
}
div.left-sidebox div#atom {
 text-align: center !important;
 padding: 0px;
 margin: 3px 0px 1em 0px;
}
/* --------------------------------------------------------------------- 右サイド 終了 */

/* ------------------------------------------------------------------------- 検索 開始 */
div#search {
 float: left;
 width: 640px;
/* IE6対策 widthがおかしいのを修正 */
 _width: 640px;
 background: transparent url("./img/top_gradation.gif") repeat-x top;
 padding-top: 18px;
/* IE6対策 左マージンがおかしくなるのを修正
   また、positoon: relative; によってマージン修正しても修正仕切れない 1px を埋める。 */
 _position: relative;
 _left: -1px;
/* 背景画像でトップ画像下のグラデーションを表示 */
}


/* IE6対策 */
div#search div {
 _margin-left: 0px;
}


/* 表示結果 */
div#search div#search-inner {
 padding-left: 20px;
}
/* ------------------------------------------------------------------------- 検索 終了 */

/* --------------------------------------------------------------------- フッター 開始 */
div.footer {
 clear: both;
 width: 850px;
/* height 消すと Firefox にて横グラデーションが消えます */
 height: 2.7em;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 background: transparent url("./img/top_gradation.gif") repeat-x top;
}


/* 穴吹工務店CI */
div.footer p {
 float: left;
 width: 85px;
 height: 22px;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 7px;
}
/* 穴吹工務店CI 横のリンク */
div.footer ul {
 float: left;
 width: 330px;
 padding-top: 10px;
/* IE のみで上方のパディング調整 */
 >padding-top: 14px;
}
div.footer ul li {
 display: inline;
 font-size: 0.7em;
}
/* 2番目のリンクの横に border をつける */
div.footer ul li.anabuki {
 border-left: solid 1px #999999;
}


/* 横のリンク アンカーの設定 */
div.footer ul li a {
 position: relative;
 top: 0.1em;
 padding-left: 0.6em;
 padding-right: 0.2em;
}
div.footer ul li a:link,
div.footer ul li a:visited,
div.footer ul li a:active {
 color: #999999;
 text-decoration: none;
}
div.footer ul li a:hover {
 color: #999999;
 text-decoration: underline;
}


/* コピーライト */
div.footer div#copyright {
 width: 428px;
 float: left;
}
div.footer div#copyright address {
 width: 428px;
 height: 30px;
 background: transparent url("../faq/img/footer_copyright.gif") no-repeat 95% 80%;
}
/* --------------------------------------------------------------------- フッター 終了 */

/* -------------------------------------------------------------------------- 共通設定 */
a:link {
 color: #666666;
 text-decoration: none;
}
a:active {
 color: #666666;
 text-decoration: none;
}
a:visited {
 color: #666666;
 text-decoration: none;
}
a:hover {
 color: #999999;
 text-decoration: underline;
}


/* スタイルシート適用環境では非表示にする為の共通class */
.nondisplay {
 display: none;
}