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

/*
SURPASSLOG マンション購入ナビテンプレート用 スタイルシート
*/


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


/* 全体共通 アンカーの色 */
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;
}
/* --------------------------------------------------------------------- ヘッダー 開始 */
/* ヘッダー 画像 */
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-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.gif") no-repeat center center;
}
div.header ul.contents-menu li a#surpass-style:hover {
 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 {
}
/* 画像タイトル マンション購入ナビ の部分にアンカーを付ける為の設定 */
div.header h2 {
 padding-left: 450px;
 padding-top: 183px;
/* IE6対策 ずれ修正 */
 _padding-top: 143px;
}
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;
 width: 210px;
/* 背景画像でトップ画像下のグラデーションを表示 */
 background: transparent url("./img/top_gradation.gif") repeat-x top;
 color: #666666;
}


/* 各種タイトル画像 */
div.left-sidebox h4 {
 margin-bottom: 0.5em;
 width: 207px;
 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_monthly_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_surpasslog_mobile.jpg") no-repeat right center;
}


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

/* 左サイド共通 リスト要素のインデント設定 */
div.left-sidebox div ul,
div.left-sidebox div ol {
 font-size: 0.75em;
 margin-left: 1.5em;
}
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: 1.5em;
 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 {
 margin-left: auto !important;
 margin-right: auto !important;
}

/* サーパスコンタクト センター寄せの設定 */
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 {
 margin-left: auto !important;
 margin-right: auto !important;
}

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

/* eさーぴすと */
div.left-sidebox div#esurpist {
 margin: 0px 0px 0.8em 0px;
 padding: 0px;
 height: 281px;
 background: transparent url("./img/side_surpist_all.jpg") no-repeat top center;
}
div.left-sidebox div#esurpist p {
 margin: 0px;
 padding: 0px;
 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;
}
/* 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;
}

/* --------------------------------------------------------------------- 左サイド 終了 */

/* ----------------------------------------------------- メインカラム 開始 */
div.centerbox {
 float: left;
 width: 640px;
/* IE6対策 widthがおかしいのを修正 */
 _width: 629px;
 _position: relative;
 _left: -1px;
 padding-top: 18px;
/* 背景画像でトップ画像下のグラデーションを表示 */
 background: transparent url("./img/top_gradation.gif") repeat-x top;
}
/* 記事単体 */
div.centerbox div.entry {
 margin-left: 0px;
/* IE6対策 左マージンがおかしくなるのを修正 */
 _margin-left: 0px;
 margin-bottom: 20px
}


/* 記事アンカー */
div.centerbox div.entry a:link {
}
div.centerbox div.entry a:active {
}
div.centerbox div.entry a:visited {
}
div.centerbox div.entry a:hover {
}

/* 記事 ボックス */
div.centerbox div.entry div.entrybox {
 width:620px;
 _width:610px;
 padding:4px;
 border:1px solid #cdcdcd;
}

/* 記事 タイトル */
div.centerbox div.entry h3 { 
 padding: 0.6em 0.5em 0.6em 0.7em;
 font-size: 0.95em;
 font-weight:bold;
 color:#996633;
 background: #ffcc99 url("./img/navi_title_bg.gif") no-repeat center right; 
}

/* 記事 内容 本文 */
div.centerbox div.entry div.entrybox p {
 font-size: 0.75em;
 line-height: 1.55em;
 color: #666666;
 padding:0px 20px 10px 20px ;
}


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


/* 記事下部 メタデータ部分 */
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;
}
div.centerbox div.entry ul.metadata li.first {
 color: #666666;
 display: inline;
 font-size: 0.7em;
 border:none;
}


/* 縦位置がセンターではないので、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.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%;
}
/* --------------------------------------------------------------------- フッター 終了 */

/* -------------------------------------------------------------- トラックバック　開始 */

div.trackback{
 color: #666666;
 width:620px;
 _width:610px;
 margin:0;
 padding:0;
 border:1px solid #cdcdcd;
 line-height:1em;
}

div.trackback h4{
 margin:10px 10px 0 10px;
 font-size:0.8em;
 font-weight:bold;
 color:#996633;
}

div.trackback h5{
 margin:10px 10px 0 10px;
 font-size:0.8em;
 font-weight:bold;
 color:#996633;
}

div.trackback p.url{
 padding:10px;
 font-size:0.7em;
 border-bottom:1px dashed #cdcdcd;
}

div.trackback dl{
 padding:10px;
}

div.trackback dt{
 font-size:0.7em;
}

div.trackback dd{
 font-size:0.7em;
}

/* -------------------------------------------------------------- トラックバック　終了 */

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



/* 追加 */
.pageing-navi {
width:610px;
font-size:0.8em;
margin:0.5em;
}