@charset "utf-8"; /* = Theme Name: Theme URI: Description: Author: Version: 1.2.0 -------------------------------------------------------------- */ /* = 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; } #main #content table tr { border:none; padding:0; margin:0; } #main #content table tr td { padding:0; margin:0; border-top:none; vertical-align: top; } #content p, #content ul, #content dd, #content pre { margin:0; } .widget { /* margin: 0 0 10px !important; */ } blockquote { font-style: normal; } .widget a { font-weight: normal; text-decoration: none; } /* 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 縦表示用 */ #main #secondary, #main #content { margin: 0; } /* フッター幅を減らしfloatさせる ipad 縦表示用 */ @media (max-width: 800px) { #colophon #supplementary .widget-area { float: left; margin-right: 3.7%; width: auto; } } /* 3= 汎用css ---------------------------------------------------------------------- */ .dpoint1 { font-size: 18px; font-weight: normal; color: #f14a00; float:left; padding: 4px; line-height: 1.2; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); } .dpoint2 { font-size: 14px; font-weight: normal; color: #333; float:left; padding: 4px; line-height: 1.5; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); } .dpoint3 { font-size: 16px; font-weight: bold; color: #f14a00; display: inline; } .dpoint4 { font-size: 20px; color: #f14a00; display: inline; font-weight: bold; } .clearLeft { clear: left; } .clearRight { clear: right; } /* 4= layout ：基本レイアウト部分 ---------------------------------------------------------------------- */ /* 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 #content{ margin: 0; width: 705px; } .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 #content { margin: 0; width: 705px; } .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: #333; font-size: 20px; 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 #main #content .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; } /* view more */ 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; 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 ---------------------------------------------------------------------- */ /*#main #content #list_simplepage { margin-top:7px; padding:0; } #main #content #list_simplepage .list_detail table { margin:0px; padding: 0px; border:none; font-size:12px; }*/ #list_simplepage .list_simple_boxtitle { border-top: 3px solid #724540; 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: #f9f9f9; 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: #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #main #content #list_simplepage .list_detail dl { margin: 0px; padding: 5px; font-size:12px; } #main #content .list_detail dt { display: inline; font-weight: normal; color: #333; } #main #content .list_detail dd { display: inline; color: #333; margin: 0 0.6em 0 0.4em; padding: 0px; } #main #content .list_picsam { float: left; width:216px; color: #333; } #main #content .list_picsam img { border: 1px solid #333; background-color: #FFF; /* height: 100px; */ width: 100px; margin: 1px 1px 5px; padding: 1px; float: left; } /* 物件の詳細を見るボタン */ #list_simplepage .list_details_button { clear:both; display: block; color:#fff; font-size:13px; font-weight:bold; background-color: #f14a00; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fa7e47), color-stop(0.49, #f14a00), color-stop(0.5, #f14a00), color-stop(1, #fa7e47)); background: -moz-linear-gradient(top, #fa7e47 0%, #f14a00 49%, #f14a00 50%, #fa7e47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#f14a00',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; border-radius: 3px; text-align: center; height: 24px; width:208px; border: 1px solid #f14a00; margin: 0 0 3px 0; padding-top: 3px; } #list_simplepage a:link,a:visited .list_details_button{ text-decoration: none; } #list_simplepage a:hover .list_details_button { color: #fff; 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; 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; } #main #content #list_simplepage .list_detail table tr { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; margin-bottom: 4px; } #main #content #list_simplepage .list_price { padding:5px; background: -moz-linear-gradient(left, #f7f4e6, #fff); background: -webkit-gradient(linear, left top, right top, from(#f7f4e6), to(#fff)); background-color: #f7f4e6; } #main #content #list_simplepage .list_price.rent { background: -moz-linear-gradient(left, #f7f4e6, #fff); background: -webkit-gradient(linear, left top, right top, from(#f7f4e6), to(#fff)); background-color: #f7f4e6; } #main #content #list_simplepage .list_detail .list_price tr { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CAE7F4; } #main #content #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 ---------------------------------------------------------------------- */ /*#main #content #list_simplepage2{ margin-top:7px; padding:0; width: 700px; }*/ #main #content #list_simplepage2 .list_detail table{ margin: 0px; padding: 0px; border:none; } #main #container #content #list_simplepage2 .list_simple_box{ padding: 10px; margin: 0 0 10px 0; border: 1px solid #ccc; background: #fff; } #main #container #content #list_simplepage2 .list_simple_box .list_detail { width: 76%; float: left; background-color: #fff; border: 1px solid #ccc; padding: 5px; margin:0; border-radius: 5px; -moz-box-shadow:0px 2px 1px #BEC2C6; -webkit-box-shadow:0px 2px 1px #BEC2C6; box-shadow:0px 2px 1px #BEC2C6; } #main #container #content #list_simplepage2 .list_detail h3{ font-size: 14px; margin: 8px 0px; padding: 0px 0px 0px 8px; font-weight: bold; color: #333; } #main #content #list_simplepage2 .list_detail table tr { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; padding-top: 2px; padding-bottom: 2px; } @media (max-width: 600px) { #main #content #list_simplepage2 .list_detail table{ width:95% !important; } #main #content #list_simplepage2 .list_detail table th, #main #content #list_simplepage2 .list_detail table td{ display:block; width:100% !important; font-size:130% !important; border:none; } #main #content #list_simplepage2 .list_detail table th{ background:#efefef; } } #main #content #list_simplepage2 .list_picsam { float: left; width:140px; color: #333; margin: 0px 4px 0px 0px; } #main #content #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; } #main #content #second_img { padding: 10px 0; } #main #content #second_img img { border: 1px solid #999; background-color: #FFF; width: 98px; height:98px; margin: 0 1px 0 0; padding: 1px; } #main #content #list_simplepage2 .list_price { background: -moz-linear-gradient(left, #f7f4e6, #fff); background: -webkit-gradient(linear, left top, right top, from(#f7f4e6), to(#fff)); background-color: #f7f4e6; line-height: 2; margin: 0px; padding: 0 0 4px 1em; } #main #content #list_simplepage2 .list_price.rent { background: -moz-linear-gradient(left, #f7f4e6, #fff); background: -webkit-gradient(linear, left top, right top, from(#f7f4e6), to(#fff)); background-color: #f7f4e6; } #main #content #list_simplepage2 .list_detail table { font-size:12px; } #main #content #list_simplepage2 .list_simple_box .list_detail #list_add th{ line-height: 1.4; padding: 0.5em; margin:0; white-space: nowrap; text-align: left; font-size:12px; color: #333; border-bottom:1px solid #EEEEEE; } #main #content #list_simplepage2 .list_simple_box .list_detail #list_add td { line-height: 1.4; padding: 0.5em; margin:0; white-space: normal; font-size:12px; color: #333; border-bottom:1px solid #EEEEEE; } #main #content #list_simplepage2 .list_simple_box .list_detail #list_other th{ border-right: 1px dotted #CCC; border-bottom:1px solid #EEEEEE; line-height: 1.2; padding: 0.5em; margin:0; white-space: nowrap; font-size:12px; text-align: left; color: #444; width: 20%; } #main #content #list_simplepage2 .list_simple_box .list_detail #list_other th.th2{ border-left: 1px dotted #CCC; font-size:12px; color: #444; } #main #content #list_simplepage2 .list_simple_box .list_detail #list_other td { line-height: 1.2; padding: 0.5em; margin:0; white-space: normal; width: 30%; border-bottom:1px solid #EEEEEE; font-size:12px; color: #444; } #list_simplepage2 h2.entry-title{ font-weight: bold; padding: 4px 0 3px 12px; margin: 0px; display: block; background-color: #f9f9f9; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); border-top: 5px solid #f14a00; border-right: 1px solid #b7b7b7; border-left: 1px solid #b7b7b7; font-size: 21px; } #toiawasesaki{ display: block; margin:0 0 20px ; line-height: 1.2; } #contact_form{ display: block; margin:0 0 20px ; } /* 担当者コメント entry-content */ #main #content .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 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; } #syousai_box ul.syousai-content li .box2image{ width:80px; /* height:80px; */ } /* 15= トップページ物件表示部分 .grid-content / #top_fbox内 ---------------------------------------------------------------------- */ #content .grid-content { padding-bottom: 20px; } #content .grid-content li { display: block; width: 150px; margin: 2px; padding: 2px; font-size: 12px; line-height: 1.4; float:left; list-style-type: none; } #main #top_fbox #container #content table{ margin: 0; padding: 0; border: none; } #main #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: 77%; } /* 17= 物件検索固定ページ用 .jsearch ---------------------------------------------------------------------- */ #container #content.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; } /* */ #main #container #content.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; } #container .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; } #container .jsearch h5{ margin: 10px 0px 0px -5px; font-size: 13px; font-weight: bold; color: #333; } .jsearch p{ margin: 0; padding: 0px 10px 10px 0px; } #container .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: #333; } #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%); } /* 17= 物件検索固定ページ用 .jsearch 新 ---------------------------------------------------------------------- */ table.form_jsearch { border: 1px solid #E5E5E5; border-collapse: collapse; /* font-size: 87.6%; */ line-height: 18px; margin-bottom: 10px; width: 100%; } table.form_jsearch tr { border: 0 none currentcolor; font: inherit; margin: 0; padding: 0; } table.form_jsearch th { background: #F6F6F6; border-bottom: 1px solid #E5E5E5; font-weight: bold; padding: 10px !important; text-align: left; width: 18%; vertical-align: top; } table.form_jsearch td { border-bottom: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; margin: 0; padding: 10px !important; width: 81%; } table.form_jsearch h5 { margin: 10px 0 10px !important; } table.form_jsearch ul { margin: 0 !important; } /* 00= Fudousan Plugin Copyright ---------------------------------------------------------------------- */ #nendebcopy { width: 990px; margin: 0 auto; padding: 5px 0px 0px; overflow: hidden; /zoom: 1; font-size: 10px; color: #333; text-decoration: none; font-family: Arial, Helvetica; text-align: right; } #nendebcopy a { font-size: 10px; color: #333; text-decoration: none; font-family: Arial, Helvetica; float: right; } /* TwentyEleven1.2 */ #branding { z-index: 2 !important; } /* */