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

/*
SURPASSLOG SURPASS-STYLE用 スタイルシート
*/


/* body */
body#SURPASS-STYLE {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 background: #ffffff;
}
/* 全体ボックス */
body#SURPASS-STYLE div.mainbox {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 width: 860px;
 background: #ffffff url("../faq/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("../faq/img/head_mansion_navi.gif") no-repeat center center;
}
div.header ul.contents-menu li a#mansion-navi:hover {
 background: #ffffff url("../faq/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("../faq/img/head_surpass_style-ov.gif") no-repeat center center;
}
/* お悩み解決Q&A */
div.header ul.contents-menu li a#q-and-a {
 width: 145px;
 background: #ffffff url("../faq/img/head_faq.gif") no-repeat center center;
}
div.header ul.contents-menu li a#q-and-a:hover {
 background: #ffffff url("../faq/img/head_faq-ov.gif") no-repeat center center;
}
/* マンション用語集 */
div.header ul.contents-menu li a#mansion-glossary {
 width: 147px;
 background: #ffffff url("../faq/img/head_mansion_glossary.gif") no-repeat center center;
}
div.header ul.contents-menu li a#mansion-glossary:hover {
 background: #ffffff url("../faq/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.left-sidebox {
 float: left;
 margin-left: 5px;
/* IE6対策 左マージンがおかしくなるのを修正 */
 _margin-left: 3px;
 _position: relative;
 _left: -1px;
 padding-top: 20px;
 margin-bottom:1em;
 width: 210px;
/* 背景画像でトップ画像下のグラデーションを表示 */
 background: transparent url("../faq/img/top_gradation.gif") repeat-x top;
 color: #666666;
}


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


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


/* 左サイド共通 アンカーの色 */
div.left-sidebox div a:link {
 color: #666666;
 text-decoration: none;
}
div.left-sidebox div a:active {
 color: #666666;
 text-decoration: none;
}
div.left-sidebox div a:visited {
 color: #666666;
 text-decoration: none;
}
div.left-sidebox div a:hover {
 color: #999999;
 text-decoration: underline;
}


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


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


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


/* サーパスログ モバイル版 インデント設定 */
div.left-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.left-sidebox div#surpasslog-mobile p#surpasslog-mobile-qrcode {
 text-align: center !important;
}
div.left-sidebox div#surpasslog-mobile p#surpasslog-mobile-qrcode img {
 text-align: center !important;
}


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

/* RSSとは */
div.left-sidebox div#rss_btn {
 margin: -7px 0 3px 0;
 padding: 0px;
 text-align: center !important;
}
/* Atom,RSS1.0,RSS2.0 */
div.left-sidebox div#atom {
 margin: 0px;
 padding: 0px;
 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;
 padding-left: 13px;
 background: transparent url("../faq/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.maincolumn {
 float: left;
 width: 640px;
/* IE6対策 widthがおかしいのを修正 */
 _width: 628px;
 _position: relative;
 _left: -1px;
/* 背景画像でトップ画像下のグラデーションを表示 */
 background: transparent url("../faq/img/top_gradation.gif") repeat-x top;
 padding-top: 18px;
}


/* アーカイブヘッダー */
div.maincolumn h2.archive-title {
 clear: both;
 margin-right: 6px;
 margin-left: 7px;
/* IE6対策 左マージンがおかしくなるのを修正 */
 _margin-left: -0px;
 margin-top: 1.2em;
 margin-bottom: 1.2em;
 padding: 0.5em 0.7em;
 border: solid 1px #cccccc;
 font-size: 0.85em;
 color: #006633;
/* IE6対策 */
 _position: relative;
}


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


/* 記事アンカー */
div.maincolumn a:link {
 color: #666666;
 text-decoration: none;
}
div.maincolumn a:active {
 color: #666666;
 text-decoration: none;
}
div.maincolumn a:visited {
 color: #666666;
 text-decoration: none;
}
div.maincolumn a:hover {
 color: #999999;
 text-decoration: underline;
}


/* 記事単体 */
div.maincolumn div.entry {
 margin-left: 7px;
/* IE6対策 左マージンがおかしくなるのを修正 */
 _margin-left: -0px;
 margin-right: 6px;
 padding: 4px;
 border: solid 1px #cccccc;
}


/* 記事 クエスチョンタイトル */
div.maincolumn div.entry h3 {
 padding: 0.5em 0.5em 0.5em 0.7em;
 background: #99cc33 url("./img/title_bg.gif") no-repeat right center;
 color: #ffffff;
 font-size: 0.95em;
 line-height: 1.2em;
}


/* 記事 アンサー */
div.maincolumn div.entry div.main-text {
 margin: 0px;
}
/* 記事 アンサー 行部分 */
div.maincolumn div.entry div.main-text p {
 padding: 5px 7px 5px 7px;
 margin: 5px 0px 5px 0px;
 font-size: 0.8em;
 line-height: 1.55em;
 color: #666666;
}


/* 本文中の画像 枠の装飾など */
div.maincolumn div.entry div.main-text img {
/* important しないと効きません */
 margin: 5px 12px 5px 4px !important;
 border: solid 1px #cccccc;
 padding: 2px;
}


/* 記事下部 メタデータ部分 */
div.maincolumn ul.metadata {
 margin: 0.2em 17px 1.8em 0px;
/* IE 全バージョンに 5px 足すハック */
 >padding-top: 10px;
 text-align: right !important;
}
div.maincolumn ul.metadata li {
 display: inline;
 font-size: 0.7em;
 border-left: solid 1px #666666;
/* IE6 のみ 区切り線を左に全部表示 (隣接セレクタが使えない為) */
 _border-left: solid 1px #666666;
}
/* 日付の所には、区切り縦線を入れないようにする */
div.maincolumn ul.metadata li.data {
 color: #666666;
 border: 0px;
}
/* 縦位置がセンターではないので、position:relative で強制的に0.1em下にしてセンタリング */
div.maincolumn ul.metadata li.data span {
 position: relative;
 top: 0.1em;
 padding-left: 0.5em;
}

/* 縦位置がセンターではないので、position:relative で強制的に0.1em下にしてセンタリング */
div.maincolumn ul.metadata li a {
 position: relative;
 top: 0.1em;
 padding-left: 0.5em;
}


/* トラックバック */
div.maincolumn div.trackbackbox {
 margin-left: 7px;
/* IE6対策 左マージンがおかしくなるのを修正 */
 _margin-left: 0px;
 margin-right: 6px;
 margin-bottom: 1.3em;
 padding: 4px 4px 8px 4px;
 border: solid 1px #cccccc;
}
/* トラックバック タイトル */
div.maincolumn div.trackbackbox h4 {
 color: #006633;
 margin: 0.5em 0px 0.65em 0px;
 padding: 0px 0.65em;
 font-size: 0.8em;
}
/* 本文部分 */
div.maincolumn 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.maincolumn div.trackbackbox p samp {
 text-decoration: underline;
 font-family: monospace;
}
/* トラックバック一覧タイトル */
div.maincolumn div.trackbackbox h5 {
 margin: 1em 0.5em 1em 0.5em;
 padding: 0.9em 0.1em 0em 0.1em;
 border-top: 1px dashed #999999;
 color: #006633;
 font-size: 0.8em;
}
/* トラックバック一覧 表示部分 */
div.maincolumn div.trackbackbox dl {
}
div.maincolumn div.trackbackbox dl dt {
 margin: 0.65em 0px 0px 0px;
 padding: 0px 0.65em;
 color: #666666;
 font-size: 0.75em;
 line-height: 1.3em;
}
/* リンクに下線を強制 */
div.maincolumn div.trackbackbox dl dd p a:link,
div.maincolumn div.trackbackbox dl dd p a:visited {
 text-decoration: underline !important;
}
/* ----------------------------------------------------------------- メインカラム 終了 */


/* --------------------------------------------------------------------- フッター 開始 */
div.footer {
 clear: both;
 width: 850px;
/* height 消すと Firefox にて横グラデーションが消えます */
 height: 2.7em;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 background: transparent url("../faq/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%;
}
/* --------------------------------------------------------------------- フッター 終了 */


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