@charset "utf-8"; /* = style2011.css 基本レイアウトと物件関連の装飾css 1= reset : スタイルのリセット 2= twentyeleven/style.css : 打ち消し用css 3= 汎用css : 物件表示部分用 4= layout : 基本レイアウト部分 5= １カラム .one-column : 1カラムレイアウト時用 6= サイドバー右 : 2カラム（左がメインコンテンツ）レイアウト時用 7= サイドバー左 : 2カラム（右がメインコンテンツ）レイアウト時用 8= シングルページ Singular : 投稿ページ 9= ショーケーステンプレート 10= ショーケーステンプレートサイドバー右 11= ショーケーステンプレートサイドバー左 12= 物件リストページ #list_simplepage : 不動産プラグイン物件一覧ページ 13= 物件詳細ページ #list_simplepage2 : 不動産プラグイン物件詳細ページ 14= 物件詳細ページ関連物件 #syousai_box : 関連物件部分 15= トップページ物件表示部分 .grid-content / #top_fbox内 16= 物件検索 : 不動産プラグイン物件検索form・キーワード検索 17= 条件検索個別ページ用 .jsearch 00= Fudousan Plugin Copyright ---------------------------------------------------------------------- */ /* 1= reset ---------------------------------------------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } img { -ms-interpolation-mode: bicubic; } #section_r table tr { border: none; padding: 0; margin: 0; } #section_r table tr td { padding: 0; margin: 0; border-top: none; vertical-align: top; } #section_r { padding: 0; } #section_r p, #section_r ul, #section_r dd, #section_r pre { margin: 0; } .widget { margin: 0 0 8px; } blockquote { font-style: normal; } .widget a { font-weight: normal; text-decoration: none; } /* 見出し */ h1.page-title { border-bottom: 1px dotted #CCC; font-size: 14px; } #section_r h3 { border-bottom: 1px dotted #CCC; } /* 2= twentyeleven/style.css 打ち消し用css ---------------------------------------------------------------------- */ /* Images 打消*/ .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } /* IE7 打ち消し用 #ie7 */ #ie7 article.intro { background: #f9f9f9; border-bottom: none; margin: 0px 0px 10px 0px; padding: 10px; } #ie7 section.featured-post { margin: 0px 0px 10px 0px; } #ie7 .right-sidebar section.recent-posts { margin: 0px 0px 10px 0px; float: left; width: 700px; } #ie7 .left-sidebar section.recent-posts { margin: 0px 0px 10px 0px; float: right; width: 700px; } #ie7 #branding img { margin-bottom: -16px; } /* サイドバー ipad 縦表示用 */ /* フッター幅を減らしfloatさせる ipad 縦表示用 */ @media (max-width: 800px) { #colophon #supplementary .widget-area { float: left; margin-right: 3.7%; width: auto; } } /* 3= 汎用css ---------------------------------------------------------------------- */ .dpoint1 { font-size: 26px; font-weight: normal; color: #C00; float: left; padding: 4px; line-height: 1.2; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); } .dpoint2 { font-size: 22px; font-weight: normal; color: #000; float: left; padding: 4px; line-height: 1.5; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); } .dpoint3 { font-size: 18px; font-weight: bold; color: #000; display: inline; } .dpoint4 { font-size: 20px; color: #000; display: inline; font-weight: bold; } .clearLeft { clear: left; } .clearRight { clear: right; } /* 4= layout ：基本レイアウト部分 ---------------------------------------------------------------------- */ #main { margin: 0; padding: 20px; overflow: hidden; /zoom: 1; } #page { margin: 0 auto; width: 1000px; } /* 5= １カラム .one-column ---------------------------------------------------------------------- */ /* サイド非表示 */ .one-column #secondary { display: none; } /* １カラムコンテナ */ .one-column #page { max-width: 960px; } .one-column #main { margin: 0; padding: 20px 40px; overflow: hidden; /zoom: 1; } .one-column #content { margin: 0; } /* 6= サイドバー右 ---------------------------------------------------------------------- */ .right-sidebar #main #container { margin: 0; width: 700px; float: left; } .right-sidebar #section_r { margin: 0; width: 700px; } .right-sidebar #primary { margin: 0; width: 700px; float: left; } .right-sidebar #top_fbox { float: left; width: 700px; } .right-sidebar #main #secondary { float: right; margin: 0; padding: 0; width: 230px; } /* 7= サイドバー左 ---------------------------------------------------------------------- */ .left-sidebar #main #container { margin: 0; width: 700px; float: right; } .left-sidebar #section_r { margin: 0; width: 700px; } .left-sidebar #primary { margin: 0; width: 700px; float: right; } .left-sidebar #top_fbox { float: right; width: 700px; } .left-sidebar #main #secondary { float: left; padding: 0; margin: 0; width: 230px; } /* 8= シングルページ Singular ---------------------------------------------------------------------- */ .singular #content, .sidebar-content.singular #content, .left-sidebar.singular #content { margin: 0; /* position: relative;*/ width: 100%; } .singular #primary { float: left; margin: 0; width: 100%; } .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { margin: 0 auto; width: 100%; } .singular .hentry { border-bottom: medium none; padding: 0; position: relative; } .singular.page .hentry { padding: 0; } .singular .entry-title { color: #000; font-size: 26px; font-weight: bold; line-height: 2; } .singular .entry-meta .edit-link a { bottom: auto; color: #fff; left: 0; position: relative; right: auto; top: 0; } /* 投稿 entry-content */ .singular #section_r .entry-content p { padding: 10px; font-size: 12px; line-height: 1.6; } /* 9= ショーケーステンプレート ---------------------------------------------------------------------- */ /* Intro */ article.intro { background: #f9f9f9; border-bottom: none; margin: 0px 0px 10px 0px; padding: 10px; } /* 見出し */ h1.showcase-heading { font-size: 16px; line-height: 2; } /* 続きを読む */ article.feature-image.small .entry-summary p a { background: #222; color: #eee; display: block; left: 0; padding: 4px 26px 4px 85px; position: relative; top: 20px; text-decoration: none; width: 180px; } .page-template-showcase-php #main #primary { margin: 0; width: 100%; } .page-template-showcase-php #primary #content { margin: 0; width: 100%; } .page-template-showcase-php section.recent-posts { margin: 0; width: 100%; } .page-template-showcase-php #main .widget-area { margin: 0; padding: 0; } /* ショーケース１カラム用 */ .one-column #main .widget-area { display: none; } /* ショーケースウィジット .widget */ .page-template-showcase-php #main .widget-area .widget { margin: 0 0 8px; padding: 8px; border: 1px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 210px; background: #FFF; } /* 10= ショーケーステンプレートサイドバー右 ---------------------------------------------------------------------- */ .right-sidebar section.recent-posts { float: left; width: 700px; } .right-sidebar #main .widget-area { float: right; width: 230px; } /* .content-sidebar section.recent-posts { float: left; width: 700px; } .content-sidebar #main .widget-area{ float: right; width: 230px; } */ /* 11= ショーケーステンプレートサイドバー左 ---------------------------------------------------------------------- */ .left-sidebar section.recent-posts { float: right; width: 700px; } .left-sidebar #main .widget-area { float: left; width: 230px; } /* .content-sidebar section.recent-posts { float: left; width: 700px; } .content-sidebar #main .widget-area{ float: right; width: 230px; } */ /* 12= 物件リストページ #list_simplepage ---------------------------------------------------------------------- */ #section_r #list_simplepage { margin: 0; padding: 0; } #section_r #list_simplepage .list_detail table { margin: 0px; padding: 0px; border: none; font-size: 12px; } #list_simplepage .list_simple_boxtitle { border-top: 3px solid #4a535d; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; border-left: 1px solid #b7b7b7; clear: both; } #list_simplepage .list_simple_boxtitle h2 a { font-size: 18px; font-weight: bold; padding: 4px 0 3px 12px; display: block; background-color: #f8f8f8; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; } #list_simplepage .list_simple_boxtitle .entry-title { margin: 0px; padding: 0px; } .list_simple_box { /zoom: 1; } .list_simple_box:after { content: ''; display: block; clear: both; height: 0; } #list_simplepage .list_simple_box { padding: 6px; margin: 0 0 10px 0; background-color: #fefefe; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #section_r #list_simplepage .list_detail dl { margin: 0px; padding: 5px; font-size: 12px; } #section_r .list_detail dt { display: inline; font-weight: normal; color: #333; } #section_r .list_detail dd { display: inline; color: #333; margin: 0 0.6em 0 0.4em; padding: 0px; } #section_r .list_picsam { float: left; width: 216px; color: #000; } #section_r .list_picsam img { border: 1px solid #333; background-color: #FFF; height: 100px; width: 100px; margin: 1px 1px 5px; padding: 1px; float: left; } #nav-above { position: relative; } #nav-above .nav-previous1 { position: absolute; top: 40px; left: 0px; } #nav-above .nav-next { max-width: 680px; width: 100%; font-size: 16px; padding: 10px 0 0 0; text-align: right; } #nav-above2 .nav-previous { max-width: 680px; width: 100%; font-size: 16px; padding: 5px 0 0 0; text-align: right; } @media screen and (max-width: 767px) { #nav-above2:nth-of-type(1) .nav-previous { box-sizing: border-box; margin-bottom: 20px; border: 1px solid #b1b1b1; border-radius: 8px; padding: 60px 10px 10px; } #nav-above .nav-previous1 { position: absolute; top: 20px; left: 10px; } #nav-above2 .nav-previous { text-align: left; } #section_r .list_detail dd.sp-none { display: none; } } .display_num { max-width: 680px; width: 100%; text-align: right; } /* 物件の詳細を見るボタン */ #list_simplepage .list_details_button { clear: both; display: block; color: #00329B; font-size: 13px; font-weight: bold; background-color: #f4f4f4; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.49, #eeeeee), color-stop(0.5, #dddddd), color-stop(1, #ffffff)); background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 49%, #dddddd 50%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#eeeeee', GradientType=0); /* ie */ text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); -webkit-box-shadow: 0px 1px 0px #fff; -moz-box-shadow: 0px 1px 0px #fff; box-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; height: 24px; width: 208px; border: 1px solid #999; margin: 0 0 3px 0; padding-top: 3px; letter-spacing: 0.1em; } #list_simplepage a:link, a:visited .list_details_button { text-decoration: none; } #list_simplepage a:hover .list_details_button { color: #39F; text-decoration: underline; } #list_simplepage .list_detail { width: 65%; float: right; background-color: #fff; border: 1px solid #b7b7b7; padding: 4px; margin: 0 3px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 2px 1px #BEC2C6; -webkit-box-shadow: 0px 2px 1px #BEC2C6; box-shadow: 0px 2px 1px #BEC2C6; line-height: 1.8; } #section_r #list_simplepage .list_detail table tr { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; margin-bottom: 4px; } #section_r #list_simplepage .list_price { padding: 5px; background: -moz-linear-gradient(left, #ebf6fc, #fff); background: -webkit-gradient(linear, left top, right top, from(#ebf6fc), to(#fff)); background-color: #ebf6fc; } #section_r #list_simplepage .list_detail .list_price tr { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CAE7F4; } #section_r #list_simplepage .list_detail .list_address dd { display: block; } #list_simplepage .entry-excerpt { padding-bottom: 10px; padding-left: 5px; } #list_simplepage2 .entry-excerpt { padding-bottom: 10px; padding-left: 5px; } /* 13= 物件詳細ページ #list_simplepage2 ---------------------------------------------------------------------- */ #section_r #list_simplepage2 { max-width: 700px; } #section_r #list_simplepage2 .list_detail dl { margin: 0px; padding: 0px; border: none; } #section_r #list_simplepage2 .list_simple_box { padding: 10px; margin: 0 0 10px 0; border: 1px solid #ccc; background: #f8f8f8; } #section_r #list_simplepage2 .list_simple_box .list_detail { width: calc(100% - 150px); float: left; background-color: #fff; border: 1px solid #ccc; padding: 5px; margin: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 2px 1px #BEC2C6; -webkit-box-shadow: 0px 2px 1px #BEC2C6; box-shadow: 0px 2px 1px #BEC2C6; } #section_r #list_simplepage2 .list_detail h3 { font-size: 14px; margin: 8px 0px; padding: 0px 0px 0px 8px; font-weight: bold; color: #666; } /* #section_r #list_simplepage2 .list_detail dl div { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; padding-top: 2px; padding-bottom: 2px; } */ #section_r #list_simplepage2 .list_picsam { float: left; width: 140px; color: #000; margin: 0px 4px 0px 0px; } @media screen and (max-width: 767px) { #section_r #list_simplepage2 .list_picsam { float: none; width: 100%; } } #section_r #list_simplepage2 .list_picsam a { display: block; } @media screen and (max-width: 767px) { #section_r #list_simplepage2 .list_picsam a { display: block; margin: 0 auto; width: 130px; } } #section_r #list_simplepage2 .list_picsam img { /* display: block; */ border: 1px solid #999; background-color: #FFF; height: 130px; width: 130px; margin: 0 0 4px 0; padding: 1px; } #section_r #second_img { padding: 10px 0; } #section_r #second_img img { border: 1px solid #999; background-color: #FFF; width: 98px; height: 98px; margin: 0 1px 0 0; padding: 1px; } #section_r #list_simplepage2 .list_price { background: -moz-linear-gradient(left, #ebf6fc, #fff); background: -webkit-gradient(linear, left top, right top, from(#ebf6fc), to(#fff)); background-color: #ebf6fc; line-height: 2; margin: 0px; } #section_r #list_simplepage2 .list_price dl { padding: 0 0 4px 1em; } #section_r #list_simplepage2 .list_detail dl { font-size: 14px; } #section_r #list_simplepage2 .list_simple_box .list_detail #list_add dt { line-height: 1.4; padding: 0.5em; margin: 0; white-space: nowrap; text-align: left; color: #666; font-weight: bold; font-size: 14px; border-bottom: 1px solid #EEEEEE; } #section_r #list_simplepage2 .list_simple_box .list_detail #list_add dd { line-height: 1.4; padding: 0.5em; margin: 0; white-space: normal; color: #555; border-bottom: 1px solid #EEEEEE; padding-bottom: 10px; background: #fff; margin-left: 25%; } @media screen and (max-width: 767px) { #section_r #list_simplepage2 .list_simple_box { background: inherit; border: none; } #section_r #list_simplepage2 .list_simple_box .list_detail { width: 100%; background-color: inherit; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #section_r #list_simplepage2 .list_price { padding: 0; display: flex; flex-direction: column-reverse; background: inherit; } #section_r #list_simplepage2 .list_picsam { width: 100%; float: none; } } /* ------------- table レイアウト --------------- */ #section_r #list_simplepage2 .list_detail #list_add, #section_r #list_simplepage2 .list_detail #list_add dt, #section_r #list_simplepage2 .list_detail #list_add dd { box-sizing: border-box; } #section_r #list_simplepage2 .list_detail #list_add { background: #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #section_r #list_simplepage2 .list_detail #list_add dt, #section_r #list_simplepage2 .list_detail #list_add dd { padding: 10px 10px 0 10px; border-top: 1px solid #ccc; } #section_r #list_simplepage2 .list_detail #list_add dt { width: 25%; float: left; } #section_r #list_simplepage2 .list_detail dd:after { content: ''; display: block; clear: both; } /* ------------------------------------------ */ #section_r #list_simplepage2 .list_simple_box .list_detail #list_other dt { border-right: 1px dotted #CCC; border-bottom: 1px solid #EEEEEE; line-height: 1.2; padding: 0.5em; margin: 0; white-space: nowrap; text-align: left; color: #444; width: 20%; } #section_r #list_simplepage2 .list_simple_box .list_detail #list_other dd { line-height: 1.2; padding: 0.5em; margin: 0; white-space: normal; width: 30%; border-bottom: 1px solid #EEEEEE; } /** #list_simplepage2 h2.entry-title{ font-weight: bold; padding: 4px 0 3px 12px; margin: 0px; display: block; background-color: #f8f8f8; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); border-top: 3px solid #4a535d; border-right: 1px solid #b7b7b7; border-left: 1px solid #b7b7b7; font-size: 21px; } */ #list_simplepage2 h2.entry-title { margin: 8px 0 0 0; padding: 6px 0 5px 15px; font-weight: bold; font-size: 140%; color: #fff; background-color: #00A186; text-align: left; font-family: Arial, Helvetica, sans-serif !important; } /* 担当者コメント entry-content */ #section_r .entry-content p { padding: 10px; font-size: 12px; line-height: 1.2; margin: 0px; } /* 表下部・現況優先但書 */ .list_detail_bottom_info { font-size: 10px; width: 530px; text-align: right; float: right; } /* 14= 物件詳細ページ関連物件 #syousai_box : 関連物件部分 ---------------------------------------------------------------------- */ #syousai_box h3 { margin: 8px 0; padding: 0 0 0 8px; font-weight: bold; font-size: 14px; color: #666; } #syousai_box ul { /zoom: 1; padding-left: 10px; } #syousai_box ul:after { content: ''; display: block; clear: both; height: 0; } #syousai_box ul.syousai-content li { display: block; width: 80px; list-style-type: none; font-size: 12px; line-height: 1; float: left; border: 1px solid #ccc; padding: 6px; margin: 0 5px 4px 0; background: #f0f0f0; background: -moz-linear-gradient(top, #ffffff 70%, #F7F7F7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #ffffff), color-stop(100%, #F7F7F7)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F7F7F7', GradientType=0); } #syousai_box ul.syousai-content li span { font-size: 10px; margin-top: 5px; } #syousai_box ul.syousai-content li img { padding-bottom: 5px; } /* 15= トップページ物件表示部分 .grid-content / #top_fbox内 ---------------------------------------------------------------------- */ #section_r .grid-content { padding-bottom: 20px; } #section_r .grid-content li { display: block; width: 150px; margin: 2px; padding: 2px; font-size: 12px; line-height: 1.4; float: left; list-style-type: none; } #section_r #top_fbox #container #content table { margin: 0; padding: 0; border: none; } #section_r #top_fbox #container #content tr td { margin: 0; padding: 0; border: none; } /* 16= 物件検索 : 不動産プラグイン物件検索form・キーワード検索 ---------------------------------------------------------------------- */ /* form */ #secondary .widget-container form, #primary .widget-container form { line-height: 1.2; padding-left: 5px; } #secondary .widget-container form div, #primary .widget-container form div { margin-bottom: 6px; } /* キーワード検索 */ .widget_fudo_search #s { width: 100%; } /* 17= 物件検索個別ページ用 .jsearch ---------------------------------------------------------------------- */ #section_r.jsearch { padding: 0 0 30px 0; font-size: 12px; line-height: 2; } /* カラム変更によるcontent余白調整 */ .singular #container #content.jsearch { width: 100%; float: none; } .right-sidebar #container #content.jsearch { margin: 0; width: 690px; float: right; } .left-sidebar #container #content.jsearch { width: 700px; float: left; } /* */ #section_r.jsearch h3 { border-bottom: 1px dotted #CCC; border-left: 4px solid #CCC; padding: 5px 0px 5px 10px; margin: 0px 0px 10px -10px; font-size: 16px; font-weight: bold; color: #333; text-shadow: none; } #section_r .jsearch h4 { border-left: 4px solid #CCC; padding: 0px 0px 0px 6px; font-size: 13px; font-weight: bold; color: #505050; margin: 15px 0px 5px -10px; } #section_r .jsearch h5 { margin: 10px 0px 0px -5px; font-size: 13px; font-weight: bold; color: #666; } .jsearch p { margin: 0; padding: 0px 10px 10px 0px; } #section_r .jsearch ul { margin: 0 0 10px; padding: 0px; overflow: hidden; /zoom: 1; } .jsearch li { margin: 0 1em 0 0; padding: 0; display: block; float: left; list-style-type: none; } .jsearch label { margin-right: 5px; color: #666; } #container .jsearch .submit input { width: 160px; border: 1px solid #298CBA; padding: 3px 10px; margin: 10px 10px 20px 0; color: #FFFFFF; font-weight: bold; cursor: pointer; border-radius: 10px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); background: #298CBA; /* old browsers */ background: -moz-linear-gradient(top, #0298CB 0%, #247CA4 50%, #206D93 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0298CB), color-stop(50%, #247CA4), color-stop(100%, #206D93)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0298CB', endColorstr='#206D93', GradientType=0); /* ie */ background: linear-gradient(top, #0298CB 0%, #247CA4 50%, #206D93 100%); } /* 00= Fudousan Plugin Copyright ---------------------------------------------------------------------- */ #nendebcopy { max-width: 990px; margin: 0 auto; padding: 5px 0px 0px; overflow: hidden; /zoom: 1; } #nendebcopy a { font-size: 10px; color: #666; text-decoration: none; font-family: Arial, Helvetica; float: right; } /* */ input.field { color: #333333; font: 300 15px/1.625 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Helvetica, sans-serif; } .widget_fudo_b_k select { width: 168px; } input, textarea, select, .page-title span, .pingback a.url { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Helvetica, sans-serif; } input[type=submit] { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Helvetica, sans-serif; } input#user_login, input#password { width: 120px; }