@charset "utf-8"; /* = CSS Reset -------------------------------------------------------------- */ html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: normal; } article,aside,figure,footer,header,hgroup,nav,section { display: block; } ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } th { font-weight: bold; vertical-align: top; } td { font-weight: normal; vertical-align: top; } strong,th,h1,h2,h3,h4,h5,h6 { font-weight: bold } img { vertical-align: bottom; } pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } a { color: #1982D1; text-decoration: none; } a:hover { color: #88A4DD; text-decoration: underline; } /* common */ input, textarea, select, .page-title span, .pingback a.url, input[type=submit], pre, code { font-family: "メイリオ", Meiryo, sans-serif; } input[type=submit]{ width:160px; background: #8e9294; background: -webkit-linear-gradient(#8e9294, #777b7d); border-radius:2px; border:1px solid #797d7f; margin:5px auto; font-size:13px; color:#fff; display:block; } input[type=submit]:hover{ opacity:0.8;} .wp-embedded-content { max-width: 100%; } /* =共通レイアウト -------------------------------------------------------------- */ body { font-family: "メイリオ", Meiryo, sans-serif; color: #575a5c; } #page, #wrapper { margin: 0 auto; padding: 0px; font-size: 13px; } #page { margin-top: 0px; } #top-main { margin: 0 0 5px 0; overflow: hidden; padding: 0 20px 20px 20px; clear: both; } #main { margin: 0 auto 5px; overflow: hidden; padding: 0 0 20px; clear: both; background:#fff; } #container { margin: 0px; width: 705px; } #container:after{} /* three-column */ .both-sidebar #container { width: 540px; } /* full-width-page */ .page-template-full-width-page-php #container { width: 1000px; } /* gmap */ #wrapper #primary { margin: 0; padding: 0; } #primary, #secondary { margin: 0 0 10px 0; padding: 0; width: 230px; border-bottom: 0px solid #ECECEC; } #primary:after, #secondary:after, #primary:before, #secondary:before{} /* three-column */ .both-sidebar #secondary { width: 200px; } #tertiary { margin: 0; padding: 0; width: 210px; } /* three-column */ .both-sidebar #tertiary { width: 200px; } #content article { margin: 0 0 10px; padding-bottom: 20px; border-bottom: solid 3px #efefef; } /* ===[ Footer ]=== */ #footer { clear: both; margin: 0; padding: 10px 0; width: 960px; border-top: 3px solid #CCC; } /* ===[ Increase the size of the content area for templates without sidebars ]=== */ .full-width #content, .image-attachment #content, .error404 #content { margin: 0; } /* =レイアウト -------------------------------------------------------------- */ /* ======================================== Double Column Layout - right-sidebar ┏━━━┓┏┓ ┃ ┃┃┃ ┗━━━┛┗┛ ======================================== */ /* .right-sidebar #container { float: left; } .right-sidebar #secondary { float: right; } */ .right-sidebar #tertiary { display: none; /* float: right; */ } /* ======================================== Double Column Layout - left-sidebar ┏┓┏━━━┓ ┃┃┃ ┃ ┗┛┗━━━┛ ======================================== */ #container, .left-sidebar #container { float: right; } #secondary, .left-sidebar #secondary { float: left; } #tertiary, .left-sidebar #tertiary { display: none; /* float: left; */ } /* ======================================== 3 Column Layout - both-sidebar ┏┓┏━━┓┏┓ ┃┃┃ ┃┃┃ ┗┛┗━━┛┗┛ IE6 ┏━━┓┏┓┏┓ ┃ ┃┃┃┃┃ ┗━━┛┗┛┗┛ ======================================== */ .both-sidebar #container { float: left; margin: 0 210px 0 210px; } .both-sidebar #secondary { float: left; margin: 0 0 0 -960px; } .both-sidebar #tertiary { float: right; margin: 0 0 0 -200px; } /* IE6 */ /* \ */ * html .both-sidebar #container { float: left;margin: 0; } /* \ */ * html .both-sidebar #secondary { float: left;margin: 0 0 0 -20px; } /* \ */ * html .both-sidebar #tertiary { float: right;margin: 0; } /* ======================================== Gmap Layout - right-sidebar ┏━━━┓┏┓ ┃ ┃┃┃ ┗━━━┛┗┛ ======================================== */ /* gmap .gmap-page #primary{ float: right; } .gmap-page #container{ width: 730px; margin: 0; float: left; } .gmap-page #primary{ float: right; } */ /* ======================================== Single Layout - full-width-page ┏━━━━━┓ ┃ ┃ ┗━━━━━┛ ======================================== */ /* full-width-page */ .page-template-full-width-page-php #container { margin: 0; } .page-template-full-width-page-php.both-sidebar #container { margin: 0; } /* =Header -------------------------------------------------------------- */ #header { } #logo-block { float: left; padding: 10px 0; } /* サイトタイトル文字の長さによってwidthを調節して下さい */ #site-title { padding: 8px 0 0 15px; text-shadow: 0 1px 1px #CCC; font-size: 20px; line-height: 1.5; margin: 0; } #site-title a { letter-spacing: -0.05em; font-size: 30px; font-weight: bold; line-height: 36px; text-decoration: none; color: #1f1f20; } .has-logo-img #site-title { padding: 0 0 0 15px; line-height:1; } .has-logo-img #site-title a{ line-height: 1; } .has-logo-img #site-title a img{ width:100%; height:auto; max-width: 380px; max-height: 50px; } /* サイト説明サイト右上の説明部分の長さによってwidthやmarginを調節して下さい */ #site-description { font-size: 13px; padding-left: 15px; color: #999; font-style: normal; line-height: 1.5; margin: 0; } /* ヘッダ画像 */ #branding img { } /* sns */ #snshead { } /* タイトルとヘッダ画像を重ねる */ /* snsボタンwp_social_bookmarking_light */ .wp_social_bookmarking_light { } .wp_social_bookmarking_light div { float: left; padding-left: 3px; } .wp_social_bookmarking_light img { } .wp_social_bookmarking_light_clear { clear: both; } .wsbl_twitter { width: 65px; } /* = nav Menu -------------------------------------------------------------- */ .assistive-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #access { background: #333; display: block; float: left; margin: 0 auto; width: 100%; } #access div.menu-primary-container, #access .menu-header, #access div.menu { margin: 0 4% 0 0; } #access div.menu-primary-container ul, #access .menu-header ul, div.menu ul { font-size: 14px; list-style: none outside none; margin: 0 0 0 20px; padding-left: 0; } #access div.menu-primary-container li, #access .menu-header li, #access div.menu ul li, #access div.menu li, #access li { float: left; position: relative; } #access a { color: #1f1f20; display: inline-block; line-height: 36px; padding: 0 1.8em; text-decoration: none; text-align: center; font-weight: normal; } #access ul ul { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 38px; left: 0; float: left; text-align: left; width: 180px; z-index: 99999; } #access ul ul li { min-width: 180px; z-index: 99999; opacity: 0.85; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { background: #fff; line-height: 1em; padding: 10px; width: 160px; height: auto; opacity: 0.98; text-shadow: none; } #access .sub-menu a:hover { background:#f3d3d3; color:orangered; height:100%; } #access ul li:hover > a, #access a:focus { background: url(/assets/images/gs-orange-menu.gif) repeat-x; color: orangered; } #access ul ul :hover > a { background: url(/assets/images/gs-orange-menu-on.gif) repeat-x; color: #fff; border-radius: 0; } #access ul ul a:hover { background: url(/assets/images/gs-orange-menu-off.gif) repeat-x; color: #373737; text-shadow: 1px 1px 0 #f9f9f9; opacity: 0.99; text-shadow: none; } #access ul li:hover > ul { display: block; } #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { /*color: #fff;*/ background: url(/assets/images/gs-orange-menu-off.gif) repeat-x; color: orangered; text-shadow: none; font-weight:normal; } * html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color: #373737; } #access .skip-link { display: none; } #access ul li:hover > a, #access ul ul :hover > a, #access a:focus { background: url(/assets/images/gs-orange-menu-on.gif) repeat-x; } #access ul li a, #access ul li, #access ul li:hover > a{ height:38px; } #access ul .sub-menu a, #access ul .sub-menu li, #access ul .sub-menu li:hover > a{ height:auto; } #access ul li:hover > a, #access a:focus { } #access ul li:hover > ul { display: block; } #access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a { font-weight: bold; } /* =Content -------------------------------------------------------------- */ span.wpcf7-form-control-wrap{ display:inline-block; padding-right:5px; } input.wpcf7-email{ width:100%; border:1px solid #eee; } .entry-meta { clear: both; display: block; } .single-author .entry-meta .byline { display: none; } #content nav .nav-previous { float: left; width: 48%; } #content nav .nav-next { float: right; text-align: right; width: 48%; } #content nav .nav-next a { border: none !important; background-color: transparent !important; } .paged #content #nav-above, .single #content #nav-above { display: block; } #nav-above, .paged #content #nav-above, .single #content #nav-above { display: none; } #nav-below { margin: 1em 0 0; } .page-link { clear: both; margin: 0 0 1em; } .page .edit-link { clear: both; display: block; } /* 404 page -------------------------------------------------------------- */ /* ===[ Notices ]=== */ .post .notice, .error404 #searchform { background: #eee; display: block; padding: 1em; } /* Image Attachments -------------------------------------------------------------- */ .image-attachment div.entry-meta { float: left; } .image-attachment nav { float: right; margin: 0 0 1em 0; } .image-attachment .entry-content { clear: both; } .image-attachment .entry-content .entry-attachment { background: #eee; margin: 0 0 1em; padding: 1em; text-align: center; } .image-attachment .entry-content .attachment { display: block; margin: 0 auto; text-align: center; } /* Aside Posts -------------------------------------------------------------- */ .format-aside .entry-header { display: none; } .single .format-aside .entry-header { display: block; } .format-aside .entry-content, .format-aside .entry-summary { padding-top: 1em; } .single .format-aside .entry-content, .single .format-aside .entry-summary { padding-top: 0; } /* ===[ Gallery Posts ]=== */ .format-gallery .gallery-thumb { float: left; margin: 0 1em 0 0; } /* ===[ Image Posts ]=== */ .format-image .entry-header { display: none; } .single .format-image .entry-header { display: block; } .format-image .entry-content, .format-image .entry-summary { padding-top: 1em; } .single .format-image .entry-content, .single .format-image .entry-summary { padding-top: 0; } /* =Images -------------------------------------------------------------- */ img { -ms-interpolation-mode: bicubic } a img { border: none; } p img { margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */ } /** * Resize images to fit the main content area. * - Applies only to images uploaded via WordPress by targeting size-* classes. * - Other images will be left alone. Use "size-auto" class to apply to other images. */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; } .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 632px !important; /* prevent too-wide images from breaking layout */ padding: 4px; text-align: center; } .wp-caption img { margin: 5px 5px 0; } .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; } .wp-smiley { margin: 0; } .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { border: 2px solid #cfcfcf; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery img { border: 10px solid #f1f1f1; } .gallery br+br { display: none; } /* ロールオーバー */ a:hover img { opacity: 0.8; } /* =Forms -------------------------------------------------------------- */ #searchform label { display: none; } #searchform input#s { width: 95%; } #footer #searchform input#s { margin: 0 0 0 15px; } input[type=text], input#s { margin: 0 1em 0 0; width: 100%; border:1px solid #eee; } input#user_login { width: 95%; margin:5px 0; } input#password { width: 95%; margin:5px 0; } textarea { width: 80%; border:1px solid #eee; } /* ===[ Class for labelling required form items ]=== */ .required { color: #cc0033; } /* =Comments -------------------------------------------------------------- */ article.comment { display: block; } #respond input[type=text] { display: block; width: 60%; } #respond textarea { display: block; margin: 0 0 1em; width: 80%; } #respond .form-allowed-tags { clear: both; width: 80%; } #respond .form-allowed-tags code { display: block; } #comments .commentlist li { list-style-type: none; } #comments article footer cite a { font-style: normal; font-size: 15px; color: #999; } #comments img.avatar { border-radius: 8px; position: absolute; left: -50px; border: 1px solid #ccc; } #comments ul.children article { position: relative; padding: 15px; margin: 1em 0 3em; color: #000; background: #eee; border-radius: 6px; border-bottom-right-radius: 30px; } #comments article { margin: 30px 0; padding: 20px; } #respond .form-allowed-tags { display: none; } /* コメント返信ボタン */ #comments .reply a { background: #D1B789; color: #fff; font-size: 13px; padding: 3px 10px; border-radius: 4px; margin: 4px 0px; display: block; width: 100px; text-align: center; } #comments .reply a:hover { background: #BB924D; text-decoration: none; } /* ===[ Comments are closed ]=== */ p.nocomments { display: none; } /* =Widgets -------------------------------------------------------------- */ .widget { clear : both; margin: 0 0 20px 0; padding: 0; display: block; } .widget-area .widget_fudo_search, .widget-area .widget_search { overflow: hidden; } .widget-area .widget_fudo_search input, .widget-area .widget_search input { } .widget-area { } .widget-area .textwidget { } /* =calendar -------------------------------------------------------------- */ #wp-calendar { width: 100% } #wp-calendar caption { color: #222; font-size: 14px; font-weight: bold; padding: 0 0 4px 10px; text-align: left; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th {} #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } /* =Footer -------------------------------------------------------------- */ /* widget */ #footer ul.xoxo { margin: 0; } #footer ul li ul { margin: 0; padding: 0 15px; } #footer .widget-container { margin: 0 0 20px; padding: 0; } #footer-widget-area { float: left; margin: 0; padding: 0; } #footer-widget-area .widget-area { float: left; margin: 0 10px 0 0; width: 220px; padding: 6px; min-height: 100px; } #footer-widget-area #fourth { margin-right: 0; } #footer .tagcloud { padding: 5px; line-height: 1.2em; } #footer #calendar_wrap { padding: 0 0 0 10px; line-height: 1.6; } /* ===[ Copyright ]=== */ #footer p.copybox { clear: both; text-align: center; padding: 5px; } #footer small { font-size: 10px; color: #666; margin: 5px auto; } /* = 見出し -------------------------------------------------------------- */ #main #container #content h1 { border-bottom: 5px solid #d1d7dd; font-size: 18px; margin: 0 0 10px; padding: 5px 0 0 8px; font-weight: bold; background: #fe7200; background: -webkit-linear-gradient(#fe7200, #fe9537); color: #fff; line-height:2; } #main #container #content h1 a { font-size: 16px; color: #fff; } #content nav h1 { font-size: 10px; color: #999; } #footer .widget-area h3 { font-size: 110%; margin: 4px 0 10px 4px; border-left: 3px solid #CCC; padding-left: 4px; text-shadow: 1px 1px 1px #fff; } .home #main #container #content h3 { border-bottom: 5px solid #d1d7dd; font-size: 18px; margin: 0 0 10px; padding: 5px 0 0 8px; font-weight: bold; background: #fe7200; background: -webkit-linear-gradient(#fe7200, #fe9537); color: #fff; line-height:2; } .home #main #container #content h3 a { color: #fff; } /* = Fudousan Plugin Copyright -------------------------------------------------------------- */ #nendebcopy a { font-size: 10px; color: #999; text-decoration: none; font-family: Arial,Helvetica; float: right; width: 400px; text-align: right; } #nendebcopy { width: 960px; margin: 0px auto; padding: 10px 10px 0px 10px; overflow: hidden; } /* = redsheep -------------------------------------------------------------- */ #nendebcopy { display: none; } #branding { height:8px; width:1000px; margin:0 auto; } #branding hgroup{ display: inline-block; min-height:96px; width:100%; } #branding hgroup::after{ display:block; content:""; height:0; clear:both; } #logo-block { float: left; /*padding: 12px 0;*/ } #logo-block #site-description { font-weight: normal; margin: 0; line-height: 1.5; } #logo-block #site-title { font-size: 20px; margin: 0; line-height: 1.5; } #headRight { float: right; padding: 30px 20px 0 0; text-align: right; } #headRight .info li { font-size: 12px; line-height: 1.25; padding:0 0 0 6px; border-left:2px solid orangered; /*float:left;*/ display:inline-block; } #headRight .info li.holiday{ margin:0 0 0 10px; } #headRight .freeD { background:url(/assets/images/tel.gif) no-repeat 0; padding:4px 0 0 40px; font-size: 24px; color: #dc3928; float:right; } #article-count-block { float: right; display: inline-block; margin: 45px 30px 0 0px; padding: 4px 15px; border: solid 2px #f4a564; border-radius: 5px; } #article-count-block p { font-size: 0.90em; line-height: 1.2; } #article-count-block p strong { color: #f00; font-weight: normal; } #article-count-block .kaiin_count li{ background:url(/assets/images/ippan_bukken.gif) no-repeat 0; padding:0 0 0 24px; } #article-count-block .kaiin_count li.ippan{ background:url(/assets/images/ippan_bukken.gif) no-repeat 0; padding:0 0 0 24px; } #article-count-block .kaiin_count li.kaiin{ background:url(/assets/images/kaiin_bukken.gif) no-repeat 0; padding:0 0 0 24px; } #access { background: url(/assets/images/gs-orange-menu.gif) repeat-x; font-size: 1.2em; margin:-2px 0 0 0; } #access ul { font-size: 13px; } #access li { } #access a { font-weight: normal; } #content-bg{ width:1000px; margin:0 auto; } .breadcrumbs { margin: 10px 0 0; float: none; clear: both; height: 20px; overflow: hidden; } .breadcrumbs li { display: inline; } .breadcrumbs a { display: inline-block; } .breadcrumbs div { font-size: 12px; line-height: 1.1; } .breadcrumbs a { /*padding: 4px 10px 4px 0;*/ /*margin: 0 10px 0 0;*/ position: relative; color: orangered; font-size:11px; } /* .breadcrumbs a:before { content: ' '; height: 0; position: absolute; width: 0; border: 4px solid transparent; border-left-color: #e1e5e7; left: 100%; top: 4px; } .breadcrumbs a:after { content: ' '; height: 0; position: absolute; width: 0; border: 5px solid transparent; border-left-color: orangered; left: 99%; top: 4px; } .breadcrumbs a.first { padding: 4px 10px 4px 0; margin-right: 10px; position: relative; color: #373737 !important ; font-size:11px; } .breadcrumbs a.first:after { content: ""; height: 0; position: absolute; width: 0; border: 5px solid transparent; border-left-color: #e1e5e7; left: 100%; top: 4px; } */ /* */ #colophon { font-size: 0.80em; text-align: center; color: #ccc; background: #7a7a7a; float: none; clear: both; min-width: 1000px; } #colophon a { color: #c4c3c3; } /* __ページトップへ戻る__ */ #pTop-block { display: block; position: relative; top: -10px; text-align: right; } #pTop-block p { display: block; margin: 0 20px -8px 0; } #pTop-block p a { display: inline-block; padding: 5px 24px; background: #7a7a7a; font-size: 12px; line-height: 1; border-radius:3px; color:#fff; } #footer-body { background: #3e4042; border-bottom: solid 1px #3e4042; } #footer-body .inner-body { width: 1000px; margin: 0 auto; text-align: left; } #footer-body .footer-nav-block { display: block; margin: 0 0 8px 0; padding: 0; min-height: 2em; } #footer-body .footer-nav-block .menu { margin: 0; padding: 0; } #footer-body .footer-nav-block div ul { list-style: none; padding: 0 0 0 10px; font-size: 12px; } #footer-body .footer-nav-block .menu li { display: inline-block; float: left; padding: 1px 10px 0 10px; border-left: solid 1px #454545; } #footer-body .footer-nav-block li a { display: inline-block; margin: 0 5px 0 0; } #footer-body .footer-nav-block ul:after { display: block; content: ""; float: none; clear: both; } #footer-body .footer-nav-block .menu li ul { display: none } #footer-body .contentinfo-blocks { font-size: 0.90em; display: block; margin: 10px 0; padding: 10px 5px; } #footer-body .contentinfo-blocks p { margin: 0; padding: 0; line-height: 1.5; float: none; clear: both; font-size:11px; } #footer-body .contentinfo-blocks .site-title { display: inline-block; text-align: right; float: right; margin-right: 10px; } #footer-bottom-block { background: #3e4042; padding: 15px 0; text-align: center; font-size: 8px; color:#83898e; border-top: solid 1px #383a3c; } /*__フロートメニュー__*/ .stickybox { top: 90px; right: 0px; width: 180px; } .stickybox .sticky-inner {} .stickybox .sticky-block {} .stickybox .sticky-block a {} .stickybox .sticky-block a:hover {} .stickybox .sticky-inner h1 {} .stickybox .sticky-inner p {} .stickybox .sticky-inner .cauTxt {} /* ____ */ #special-blocks { margin: 0 auto; text-align: left; float: none; clear: both; min-height: 315px; } #special-body-bg { width:1000px; margin:0 auto; } #special-body { width: 710px; float: left; min-height: 260px; margin: 7px 7px 0 7px; } #special-side { width: 275px; float: left; min-height: 313px; background:#eb830a; margin:2px 0 0; } /* 動画プレイヤー修正 */ #video-body { text-align: center; position: relative; padding-bottom: 56.25%; height: 0; margin-bottom: 5px; } #myytplayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: block; } #map-body { float: right; text-align: center; min-height: 260px; width: 275px; } #map-body h2 { background:url(/assets/images/region.png) no-repeat 0; color: #FFFFFF; display: block; font-size:18px; font-weight: bold; line-height: 2; margin: 0; padding: 15px 5px 10px 20px; background-position:70px; } /* #map-body ul */ #map-body #mapArea { display: block; margin: 0; padding: 0; border: 0px; text-align: center; } #area-list { display: block; margin: 0 auto; padding: 0; height: 250px; width: 260px; overflow: hidden; } #area-list li { display: block; margin: 0 0 8px 5px; padding: 0; width: 122px; text-align: center; float: left; } #area-list li a { display: block; padding: 16px 0 0 0; white-space: nowrap; overflow: hidden; color: #fff; text-shadow: none; border: solid 1px #c45808; background: #ea6210; background: -webkit-linear-gradient(#f4a564, #e88318); } #area-list li a:hover { color: #fff; text-shadow: none; background: #fe7200; opacity:0.8; text-decoration:none; } #area-list li a strong { line-height: 1.5; font-size: 15px; display: block; padding: 0 0 14px 0; } /* ===[ __home.php__ ]=== */ #top_fbox .widget .relayLink { margin: 0 0 5px 0; padding: 5px 0 0 0; float: none; clear: both; border-top: dotted 1px #ccc; text-align: right; } #top_fbox .widget .relayLink a{ background:url(/assets/images/arw02.gif) no-repeat 0; padding:0 0 0 16px; color:#575a5c; } ul.inlineList { } ul.inlineList li { } #newsList { margin: 0 0 10px 5px; } #newsList dt { display: block; width: 6em; height: 2em; } #newsList dd { display: block; padding: 0 0 5px 6.25em; margin: -2em 0 0 0; } #newsList dd strong { display: block; } /*index*/ .glossary_idx_box { display:block; } .glossary_idx_ttl li{ float:left; min-width:30px; height:30px; margin-right: 5px; } .glossary_idx_ttl li a{ padding:2px 14px; color:#fff; background: -webkit-linear-gradient(#b0b4b6, #9a9ea0); border-radius:3px; } /*list*/ .glossary_list{ clear:both; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .glossary_list dt{ width:20%; } .glossary_list dt a strong{ color:orangered; padding-left:8px; border-left:solid 5px orangered; } .glossary_list dd{ width:80%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .glossary_list dd ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .glossary_list dd li{ display:-webkit-box; display:-ms-flexbox; display:flex; margin:0 0 2px 2px; } .glossary_list dd li a{ color:orangered; display:block; width:173px; height:60px; padding:2px 5px 2px 10px; background: #eaeef1; } .glossary_list dd li a:hover{ color: #fff; background: #c3e5fb; } #glossaryList { margin: 0 0 10px 5px; } #glossaryList li { margin: 0 10px 5px 0; display: inline-block; } .tax-body {} .tax-body dl { margin: 0 0 10px 10px; } .tax-body dl dt { margin: 0 0 2px 0; padding: 0; } .tax-body dl dd { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: dotted 1px #ccc; } .tax-body dl dd strong { display: block; font-size: 14px; line-height: 1.15; padding: 0 0 0 8px; margin: 0 0 8px 0; border-left: solid 5px orangered; } .tax-body dl dd strong a { color:orangered; } .tax-body dl dd p { } #glossary.tax-body dl dt { margin: 0 0 10px -10px; font-size: 16px; line-height: 1.2; font-weight: bold; border-top: solid 3px orangered; background: #f4f4f4; padding: 8px 10px 5px 10px; } #glossary.tax-body dl dt a { color:orangered; } #glossary.tax-body dl dd { border: none; margin: 0 0 15px 0; padding: 0 0 15px 0; } #glossary.tax-body dl dd ul { margin: 0; padding: 0; } #glossary.tax-body dl dd ul li { margin: 0 0 5px 0; padding: 0 0 5px 0; } #glossary.tax-body dl dd ul li strong { font-size: 14px; margin: 0; } .tax-category { display: block; background: #f4f4f4; border: solid 1px #ccc; padding: 10px; float: none; clear: both; } .tax-category ul.inlineList { } .tax-category ul.inlineList li { display: inline-block; } .tax-category ul.inlineList li a { display: inline-block; padding: 2px 5px; margin: 0 2px 2px 0; } .entry-content .entry-meta { font-size: 12px; margin: 5px 0 10px 0; padding: 0; } /* */ #content .tax-body { } #content .tax-body dl.entryList { } #content .tax-body dl.entryList dt { /*display: block; margin: 0 0 5px; padding: 0;*/ } #content .tax-body dl.entryList dt strong { display: block; padding: 5px 15px; background: #E5E5E5; border-left: solid 5px #f4f4f4; } #content .tax-body dl.entryList dt strong a { display: block; color: #000; } #content .tax-body dl.entryList dd { display: block; float: none; clear: both; border: none; margin: 0 0 10px; padding: 0 0 10px; } #content .tax-body dl.entryList dd ul { } #content .tax-body dl.entryList dd li { display: block; float: none; clear: both; border-bottom: dotted 1px #ccc; padding: 5px 0; margin: 0 0 5px; } #content .tax-body dl.entryList dd li span { display: inline-block } #content .tax-body dl.entryList dd li .meta-date { float: right; padding-left: 10px; color:orangered; margin:10px 0 0 0; display:block; } #content .tax-body dl.entryList dd li .ph-box { float: left; margin: 0 10px 10px 0; width: 158px; } #content .tax-body dl.entryList dd li .ph-box img { width: 100%; max-width: 150px; height: auto; } #content .tax-body dl.entryList dd li p { margin: 10px 0; } #content .tax-body dl.entryList dd li p strong { display: block; font-size: 14px; line-height: 1.15; padding: 0 0 0 8px; margin: 0 0 8px 0; border-left: solid 5px orangered; } #content .tax-body dl.entryList dd li p strong a { color:orangered; } #content .tax-body dl.entryList dd li .tx-box strong { float: left; margin: 0; } #content .tax-body dl.entryList dd li .tx-box strong:after { content: ""; display: block; height: 0; clear: both; float: none; } #content .tax-body dl.entryList dd li .more { display: block; text-align: right; } #content .tax-body dl.entryList dd li .more a { background:url(/assets/images/arw02.gif) no-repeat 0; padding:0 0 0 16px; color:#575a5c; } #content .tax-body dl.entryList dd li .more:after { content: ""; display: block; height: 0; clear: both; float: none; } /* */ #special-blocks .widget { display: inline-block; text-align: center; min-height: 260px; width: 255px; text-align: left; margin-left: 5px; } #special-blocks .widget h3 { display: block; font-size: 14px; font-weight: bold; line-height: 1.2; margin: 0; padding: 8px 6px 5px 10px; color: #FFF; background: #389CEA; } #special-blocks .widget h3 a { color: #FFF; } #special-blocks .widget .relayLink { text-align: center; } #special-blocks .widget .relayLink a { text-align: center; text-align: left; padding: 4px 20px; background: #EAEAEA; border-radius: 5px; } #primary #inq-btn, #tertiary #inq-btn, #secondary #inq-btn { text-align: center; background: #fff; } .hide-content{ display:none!important; height:0; } /*__image_map__*/ #menu_search{ width:190px; } .disnon { display: none; } #tab_inner-wrap{} .tab_inner{ } #tab_wrap { float:left; margin-right:-190px; } #tab_menu{ display:block; margin: 10px auto 0; padding:0; max-width:170px; } #tab_menu li{ display:block; margin:0 0 10px 0; padding:0; width:170px; text-align:center; } #tab_menu li a{ display:block; padding:16px 0 0 0;overflow:hidden; color:#fff; text-shadow:none; border: solid 1px #c45808; background: #f79a09; background: -webkit-linear-gradient(#f79a09, #e88318); border-radius:4px; } #tab_menu li.select a, #tab_menu li a:hover{ color:#fff; text-shadow:none; text-decoration:none; border-color: #f79a09; /*background: #f79a09;*/ background: orangered; } #tab_menu li a strong{ line-height:0.8; font-size:15px; display:block; padding:0 0 16px 0; } #tab_menu li.select:after{ content:""; display:block; position:absolute; margin:-30px 0 0 175px; padding:0; height:0; width:0; border:solid 6px orangered; border-color:transparent transparent transparent orangered; } /*__bukken_history__*/ .bukken_history_wrap { /*overflow: auto;*/ border: #ececec 10px solid; border-width: 10px 10px 0; background-color: #fff; } #content .bukken_history_wrap { border-width: 10px; margin-bottom: 0; } #content .bukken_history_block { display: inline-block; width: 100%; float: none; clear: both; } #content .bukken_history_block::after { display: block; content: ""; height: 0; clear: both; } .bukken_history_wrap .rireki_clear{ text-align:right; display:block; background:#fff; /*float:none;*/ } .bukken_history_wrap .rireki_clear a:link { width: 90px; text-decoration: none; padding: 0 2px; margin: 5px 5px 5px 0; line-height: 25px; font-size: 12px; color: #1982D1; background-color: #fff; } .bukken_history_wrap .rireki_clear a:hover { color: #1982D1; text-decoration:underline; } .bukken_history_wrap .rireki_link{ text-align:left; display:block; float:left; clear:left; position:absolute; } .bukken_history_wrap .rireki_clear:after, .bukken_history_wrap .rireki_link:before{ display:block; content:""; height:0; float:none; clear:both; } .bukken_history_wrap .rireki_link a:link { width: 90px; text-decoration: none; padding: 0 2px; margin: 5px 0 5px 5px; line-height: 25px; font-size: 12px; color: #1982D1; background-color: #fff; } .bukken_history_wrap .rireki_link a:hover { color: #1982D1; text-decoration:underline; } .widget .bukken_history{ margin:0; padding: 8px; overflow: auto; border-bottom: dotted 1px #acacac; font-size: 12px; line-height:1.2; } #content .widget .bukken_history{ margin: 0 0 0 2px; display: inline-block; width: 30%; } .bukken_history .btn_bukkensyousai a { width: 100px; text-decoration: none; padding: 5px 10px; margin: 5px 0; line-height: 25px; font-size: 11px; color: #FFF; background:#fe7200; /*background: -webkit-linear-gradient(#b0b4b6, #9a9ea0);*/ border-radius:3px; } .bukken_history .btn_bukkensyousai a:hover { opacity:0.8; } #main #content .widget .bukken_history li, #main #secondary .widget .bukken_history li{ list-style: none !important; list-style-position: inside; line-height:1; margin:0; } .bukken_history .madori, .bukken_history .area, .bukken_history .station { font-size:11px; } .bukken_history .caption { width: 115px; float: left; } #main #content .widget .bukken_history .caption ul, #main #secondary .widget .bukken_history .caption ul{ padding:0; margin-bottom:5px !important; } .bukken_history .kakaku { margin-bottom: 0.15em; font-size: 16px; color: #dc3928; font-weight:bold; } .bukken_history .madori { font-weight:bold; } .bukken_history .photo { width: 70px; margin-right: 5px; float: left; } .bukken_history .photo img{ /*width: 100% !important;*/ } #secondary .bukken_history .tit { font-size: 14px; } .bukken_history .tit { margin-bottom: 8px; font-weight: bold; font-size: 12px; color:#1982D1; } .widget .bukken_history_tit { position:relative; padding: 8px 6px 5px 32px !important; background: #575a5c !important; border: none !important; margin: 0 !important; color: #fff; } .widget .bukken_history_tit:after{ display:block; content:""; width:23px; height:23px; top:3px; left:5px; position:absolute; background:url(/assets/images/point_tokei.png) no-repeat 0 0; } /*__物件査定ページ__*/ /* 2014/12/15 追記（宮下） */ .form-block .building_mansion_area, .form-block .land_area, .form-block .building_year, .form-block .buy_sell_price, .form-block .family_name, .form-block .personal_name, .form-block .family_name_ruby, .form-block .personal_name_ruby{ display:inline; padding:0; } /* 2014/12/15 追記終わり（宮下） */ .inq-btn-block{ display:block; margin:10px auto 20px; padding:0; float:none;clear:both; text-align:center; } .entry-content .inq-btn{ display:inline-block; font-size:24px;line-height:1; font-weight:bold; text-align:center; padding:20px 40px; margin:0 auto; color:#fff; border-radius:5px; -webkit-box-shadow:2px 2px 0 #ccc; box-shadow:2px 2px 0 #ccc; background:#c00; background-image: -moz-linear-gradient(top, #ee0000, #9d0101); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ee0000), color-stop(1.0, #9d0101)); width: auto; } .entry-content .inq-btn:hover{ text-decoration:none; background:#c00; opacity: 0.60; } .assessment-point-block{ border:solid 1px #ccc; border-radius:5px; padding:40px 40px 20px; margin:30px 0 0; } #main #content .assessment-body h2{ font-size:24px; margin-bottom:28px; } #main #content .assessment-body ul{ margin:20px 0; padding:0; } #main #content .assessment-body li{ font-size:16px; display:block; text-indent:-1em; padding:0 0 8px 1em; margin:0 !important; } #main #content .assessment-body p{ font-size:14px; } #main #content .assessment-point-block h3{ font-size:20px; padding:10px 20px; } /*__フォーム__*/ #main #content .form-block{ padding:0 0 5px 0; position:relative; } #main #content .form-block h2 em{ font-size:14px; line-height:1; font-style:normal; font-weight:bold; display:inline-block; padding:2px 0; width:20px; text-align:center; background:#c00; color:#fff; border-radius:4px; position:relative; top:-2px; margin-right:8px; } /*　2014/12/15 修正開始（宮下） #main #content .form-block ul li{ list-style:none; display:inline-block; width:30%; margin:0 0 8px; } #main #content .form-block ul li.last{ display:block;width:100%; } */ #main #content .form-block label{ list-style:none; display:inline-block; width:30%; margin:0 0 8px; } #main #content .form-block .last label{ width:auto; margin:0 8px 8px 0; } #main #content #assessment-form-block.form-block label{ width:auto; } #main #content .form-block .address-layout-list dt{ background: none !important; } #main #content #assessment-form-block.form-block .has-free-text.last label+input[type="text"]{ width: auto!important; } /* 2014/12/15 修正終わり（宮下） */ .form-block a.btn{display:inline-block; margin:0 5px 0 0;padding:8px 12px; font-size:12px;line-height:1; background:#eee;color:#666; border-radius:4px; } #main #content .form-block .form-icon{ display:inline-block; padding:3px 10px; border-radius:4px; font-size:11px;line-height:1; background:#666; color:#fff; position:relative; left:10px; top:-2px; } #main #content .form-block h4{ font-size:14px;line-height:1; margin:0 0 3px;padding:0; } #main #content .form-block .essential{ background:#f00; } .form-block .name-block{ display:block;float:none;clear:both; } .form-block .name-block p{ display:inline-block; } .form-block .name-block:after{ display:block;content:"";height:0;float:none;clear:both; } .name-block p input[type="text"]{ width:90%; } .form-block .text-zip{ width:8em; } .form-block .text-narrow{ width:30%; } .form-block .text-midum{ width:40%; } .form-block .text-wide{ width:90%; } .form-block .name-block:after{ display:block;content:"";height:0;float:none;clear:both; } .address-layout-list{ margin-bottom:24px; } .address-layout-list dt{ display:block;position:absolute; max-width:160px;padding:10px 0 0; white-space:nowrap; } .address-layout-list dd{ display:block;padding:5px 0 20px 170px; border-top:solid 1px #ccc; } .form-submit-block{ float:none;clear:both; text-align:center; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:30px 0; } .form-submit-block p{ margin:0!important; } /*__ランキング__*/ .bukken_ranking_wrap{ background:#fff; margin-top:10px; margin-bottom:10px; } .bukken_ranking_wrap:after{display:block;content:"";height:0;clear:both;} .bukken_ranking_txt{ display:block; margin:0; padding:5px; font-size:.8em; background:#f7f7f7; } #secondary .widget .bukken_ranking{ border-bottom:solid 1px #ececec; padding:10px 5px 10px 82px; position:relative; background:#fff; } #secondary .widget .bukken_ranking .photo{ position:absolute; left:8px; width:70px; } .bukken_ranking .photo a{ position:relative; } .bukken_ranking .photo em{ position:absolute; display:block; width:20px; height:20px; font-size:12px;line-height:20px; font-style:normal; text-align:center; top:-3px; left:-3px; background:#66cdaa; color:#fff; z-index:300; border:solid 2px #fff; } .bukken_ranking .photo em.tag-ranking{ font-size:14px;font-weight:bold; } .bukken_ranking .photo em.no01{background:#ff7f50;color:#fff;} .bukken_ranking .photo em.no02{background:#ffa500;color:#fff;} .bukken_ranking .photo em.no03{background:#6495ed;color:#fff;} .bukken_ranking .photo em.no10{letter-spacing:-.2em;} .i_type{ font-size:9px; font-weight:bold; line-height:1.1; letter-spacing:-0.1em; display:block; text-align:center; margin:4px 0 0; padding:2px 0; color:#ea5c07; border-radius:3px; background:#ffefd5; } #secondary .widget .bukken_ranking .caption{ display:block; margin:0;padding:0; min-height:90px; } #main #secondary .widget .bukken_ranking .caption ul{ margin:0; padding:0; } #main #secondary .widget .bukken_ranking .caption ul li{ font-size:11px; line-height:1.2; margin:0;padding:0; list-style-position: outside; list-style-type: none; } #main #secondary .widget .bukken_ranking .caption .tit{ font-size:14px; font-weight:bolder; /*margin-bottom:8px;*/ color:orangered; } #main #secondary .widget .bukken_ranking .caption .kakaku{ font-size:16px; font-weight:bold; margin-bottom:2px; color:#dc3928; } #main #secondary .widget .bukken_ranking .caption .madori{ font-weight:bold; } #secondary .widget h2.bukken_ranking_tit, #secondary .widget .bukken_ranking_tit{ position:relative; padding: 8px 6px 5px 48px !important; } #secondary .widget h2.bukken_ranking_tit img, #secondary .widget .bukken_ranking_tit img{ position:absolute; left:5px; bottom:4px; } /*__お気に入り登録__*/ .favorite_button, .favorite_bukken_delete{ font-size:13px; line-height:2; display:inline; text-align:center; margin:0 0 3px; padding:0 13px; border:solid 1px #d4dbde; background: #dfe6ea; background: -webkit-linear-gradient(#e7eef2, #dfe6ea); color:#0771cb; position:absolute; right:10px; top:55px; -webkit-box-sizing:border-box; box-sizing:border-box; white-space:nowrap; border-radius:3px; } #content .favorite_button img{ margin:0 5px 7px 0; } .list_picsam .favorite_button, .list_picsam .favorite_bukken_delete{ position:relative; right:auto; top:0; left:0; display:block; width:208px; } .favorite_button:hover, .favorite_bukken_delete:hover{ text-decoration:none; cursor:pointer; opacity:0.9; } .right{ float:right; } .clearRight { clear:right; } /*__動画プレーヤー__*/ .movie-block { position: relative; width: 100%; padding-top: 56.25%; margin-bottom:5px; } .movie-block iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }