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

/*
SURPASSLOG お悩み解決Q&A用 スタイルシート
*/


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


/* --------------------------------------------------------------------- ヘッダー 開始 */
/* ヘッダー 画像 */
div.header {
 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.header p.link {
 float: left;
 width: 231px;
 height: 110px;
}
div.header p.link a {
 display: block;
 width: 200px;
 height: 110px;
/* IE7対策 透明な画像を読み込まないとリンクとして機能しない */
 background: transparent url("/yougo/img/background_clear.gif") no-repeat;
}


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


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

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


/* 各種タイトル画像 */
div.right-sidebox h4 {
 margin-bottom: 0.5em;
 width: 207px;
 height: 30px;
}
/* カテゴリーアーカイブ */
div.right-sidebox div#category-archive h4 {
 background: transparent url("./img/side_category_archive.jpg") no-repeat right center;
}
/* 最新記事 */
div.right-sidebox div#recent-entry h4 {
 background: transparent url("./img/side_recent_entry.jpg") no-repeat right center;
}
/* 月間アーカイブ */
div.right-sidebox div#archives h4 {
 background: transparent url("./img/side_archives.jpg") no-repeat right center;
}
/* 最新トラックバック */
div.right-sidebox div#recent-trackback h4 {
 background: transparent url("./img/side_recent_trackback.jpg") no-repeat right center;
}
/* サーパスログモバイル版 */
div.right-sidebox div#surpasslog-mobile h4 {
 background: transparent url("./img/side_surpasslog_mobile.jpg") no-repeat right center;
}


/* 左サイド共通 ボックスインデント */
div.right-sidebox div {
 padding-right: 12px;
 margin-bottom: 1.2em;
}


/* 左サイド共通 リスト要素のインデント設定 */
div.right-sidebox div ul,
div.right-sidebox div ol {
 font-size: 0.75em;
 margin-left: 18px;
}
div.right-sidebox div ul li,
div.right-sidebox div ol li {
 line-height: 1.5em;
}


/* 最新記事 リスト要素の上下マージン設定 */
div.right-sidebox div#recent-entry ol li {
 margin-top: 0.8em;
 margin-bottom: 0.8em;
}


/* 最新トラックバック リスト要素の上下マージン設定 */
div.right-sidebox div#recent-trackback ol li {
 margin-top: 0.8em;
 margin-bottom: 0.8em;
}
/* 最新トラックバック リスト要素の日付部分を改行させる */
div.right-sidebox div#recent-trackback ol li span.data {
 display: block;
}


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


/* RSSとは */
div#rss_btn {
 margin: 8px 0px 3px 0;
 padding: 0px;
 text-align: center !important;
}
/* Atom,RSS1.0,RSS2.0 */
div#atom {
 margin: 3px 0 1em 0;
 padding: 0px;
 text-align: center !important;
}

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

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


/* アーカイブヘッダー */
div.centerbox h2.archive-title {
 margin: 0.4em 17px 1.2em 42px;
/* IE6対策 左マージンがおかしくなるのを修正 */
 _margin-left: 30px !important;
 padding: 0.4em 0.6em;
 color: #339999;
 border: solid 2px #e7e7e7;
 font-size: 0.85em;
}


/* 記事間移動ナビ */
/* 月間アーカイブでのヘッダーナビ */
div.centerbox ul.content-navi {
 margin: 0.4em 17px 1.2em 17px;
/* IE6対策 左マージンがおかしくなるのを修正 */
 _margin-left: 0px !important;
 font-size: 0.85em;
}
div.centerbox ul.content-navi li {
 margin: 0.4em 0px;
}
/* 記事単体表示でのフッターナビ */
div.centerbox ul.pageing-navi {
 margin: 0.2em 17px 1.4em 42px;
/* IE6対策 左マージンがおかしくなるのを修正 */
 _margin-left: 30px !important;
 font-size: 0.85em;
}
div.centerbox ul.pageing-navi li {
 margin: 0.4em 0px;
}
/* 次のエントリーは右寄りにする */
div.centerbox ul.content-navi li.next,
div.centerbox ul.pageing-navi li.next {
 text-align: right !important;
}


/* 記事単体 */
div.centerbox div.entry {
 margin-left: 12px;
/* IE6対策 左マージンがおかしくなるのを修正 */
 _margin-left: 0px;
 margin-bottom: 20px
}
/* 記事 クエスチョンタイトル */
div.centerbox div.entry h3 {
 padding: 0.5em 5px 0.5em 30px;
 background: #ffffff url("./img/symbol_question.gif") no-repeat left center;
 color: #339999;
 font-size: 0.95em;
 line-height: 1.2em;
/* IE6対策 いないいないばあバグを起こさない為のrelative */
 _position: relative;
}


/* 記事 アンサー */
div.centerbox div.entry div.answer {
 margin: 0.4em 17px 0px 30px;
 padding: 0.6em 1em;
 background: #f4f4f4 url("./img/symbol_answer.gif") no-repeat 11px 14px;
/* IE6対策 いないいないばあバグを起こさない為のrelative */
 _position: relative;
}
/* 記事 アンサー 行部分 */
div.centerbox div.entry div.answer p {
 padding: 0.5em 0px;
 margin-left: 31px;
 margin-right: 5px;
 font-size: 0.75em;
 line-height: 1.55em;
 color: #666666;
}


/* 記事下部 メタデータ部分 */
div.centerbox div.entry ul.metadata {
 margin: 0.2em 17px 0px 0px;
/* IE 全バージョンに 5px 足すハック */
 >padding-top: 5px;
 text-align: right !important;
}
div.centerbox div.entry ul.metadata li {
 display: inline;
 font-size: 0.7em;
 border-left: solid 1px #666666;
}
/* 縦位置がセンターではないので、position:relative で強制的に0.1em下にしてセンタリング */
div.centerbox div.entry ul.metadata li a {
 position: relative;
 top: 0.1em;
 padding-left: 0.5em;
}
/* メタデータ部分 アンカーの設定 */
div.centerbox div.entry ul.metadata li a:link {
 color: #666666;
 text-decoration: none;
}
div.centerbox div.entry ul.metadata li a:active {
 color: #666666;
 text-decoration: none;
}
div.centerbox div.entry ul.metadata li a:visited {
 color: #666666;
 text-decoration: none;
}
div.centerbox div.entry ul.metadata li a:hover {
 color: #999999;
 text-decoration: underline;
}


/* トラックバック */
div.centerbox div.trackbackbox {
 margin: 0.4em 17px 20px 42px;
/* IE6 のみ 左マージンの修正 */
 _margin-left: 30px;
 padding: 0.65em 0px;
 background: #ffffff;
 border: solid 2px #e7e7e7;
}
/* トラックバック タイトル */
div.centerbox div.trackbackbox h4 {
 color: #339999;
 margin-bottom: 0.5em;
 padding: 0px 0.65em;
 font-size: 0.8em;
}
/* 本文部分 */
div.centerbox div.trackbackbox p {
 margin: 0.3em 0px 0px 0px;
 padding: 0px 0.65em;
 color: #666666;
 font-size: 0.75em;
 line-height: 1.3em;
}
/* トラックバック先URL(permalink) の表示 */
div.centerbox div.trackbackbox p samp {
 text-decoration: underline;
 font-family: monospace;
/* 改行対策 */
 white-space: -moz-pre-wrap;	/* Mozilla */
 white-space: -pre-wrap;	/* Opera 4-6 */
 white-space: -o-pre-wrap;	/* Opera 7 */
 white-space: pre-wrap;		/* CSS3 */
 word-wrap: break-word;		/* IE 5.5+ */
}
/* トラックバック一覧タイトル */
div.centerbox div.trackbackbox h5 {
 margin: 0.9em 0.5em 0.5em 0.5em;
 padding: 0.9em 0.1em 0em 0.1em;
 border-top: 1px dashed #999999;
 color: #339999;
 font-size: 0.8em;
/* IE6対策 いないいないばあバグを起こさない為のrelative */
 _position: relative;
}
/* トラックバック一覧 表示部分 */
div.centerbox div.trackbackbox dl {
}
div.centerbox div.trackbackbox dl dt {
 margin: 0.3em 0px 0px 0px;
 padding: 0px 0.65em;
 color: #666666;
 font-size: 0.75em;
 line-height: 1.3em;
}
/* リンクに下線を強制 */
div.centerbox div.trackbackbox dl dd p a:link,
div.centerbox div.trackbackbox dl dd p a:visited {
 text-decoration: underline !important;
}
/* ----------------------------------------------------- メインカラム（センター） 終了 */

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


/* 特集物件 */
div.left-sidebox div#pickup {
 margin-bottom: 1em;
}
/* 特集物件 タイトル */
div.left-sidebox div#pickup h4 {
 margin-left: 10px;
 margin-bottom: 0.2em;
 height: 14px;
 background: transparent url("./img/side_pickuptitle.gif") no-repeat left center;
}
div.left-sidebox div#pickup p {
 text-align: center !important;
}


/* SURPASS リンク */
div.left-sidebox p#surpasslink {
 text-align: center !important;
 margin-bottom: 0.5em;
}


/* eさーぴすと */
div.left-sidebox div#esurpist {
 height: 281px;
 background: transparent url("./img/side_surpist_all.jpg") no-repeat top center;
}
div.left-sidebox div#esurpist p {
 text-align: center !important;
}
/* eさーぴすと 登録 */
div.left-sidebox div#esurpist p#join-esurpist {
 padding-top: 186px;
}
/* eさーぴすととは? */
div.left-sidebox div#esurpist p#about-esurpist {
 padding-top: 3px;
}


/* キャンペーン */
div.left-sidebox p#campaign {
 margin-top: 0.5em;
 text-align: center !important;
}
/* --------------------------------------------------------------------- 右サイド 終了 */

/* --------------------------------------------------------------------- フッター 開始 */
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("./img/footer_copyright.gif") no-repeat 95% 80%;
}
/* --------------------------------------------------------------------- フッター 終了 */


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


/* リンクの色 */
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;
}


/* 追加 */
.pageing-navi {
 font-size:0.8em;
 margin: 0.4em 17px 20px 42px;
/* IE6 のみ 左マージンの修正 */
 _margin-left: 30px;
 padding: 0.65em 0px;
}

.pageing-navi td {
vertical-align:top;
text-align:center;
padding:2px;
}