@charset "utf-8";
/*
Theme Name: Sakae Housing
Theme URI: http://www.sakae-re.co.jp/
Description: Homepage of Sakae Housing Inc.
Author: Tomohiko Kuwahara at Altelex K.K.
Version: 1.0
Tags: real-estate
*/

/* CSS reset 
---------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, p, blockquote, a, img, small, strong, b, u, i, dl, dt, dd, ol, ul, li, form, table, tr, th, td { margin: 0; padding: 0; border: 0; line-height: 1; }
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* font setting
---------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, p, blockquote, a, img, small, strong, b, u, i, dl, dt, dd, ol, ul, li, form, table, tr, th, td { font: 11pt "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/* link setting
---------------------------------------------------------------- */
a { color: #5482ae; }
a:hover { color: #55b638; }

/* class functions 
---------------------------------------------------------------- */
.cfx:after { content: ""; clear: both; display: block; height; 0; line-height: 0; visibility: hidden; }
.lft { float: left; } 
.rgt { float: right; }
.agl { text-align: left; }
.agr { text-align: right; }
.agc { text-align: center; }
.ctr { width: 800px; margin: 0 auto; }
.ctr2 { width: 806px; margin: 0 auto; }

/* top level
---------------------------------------------------------------- */
body { background: #e9f4fd; }
#container { text-align: left; }
#contents { padding: 20px 0; }

/* header
---------------------------------------------------------------- */
#header { background: #fff; }

#captions { background: #238a08; }
#captions p { color: #fff; font-size: 9pt; padding: 3px 0; }

#fontsize { width: 200px; background: url('im/common_fontsizetx.gif') no-repeat left top; }
#fontsize ul { margin: 0 0 0 100px; }
#fontsize li { list-style: none; text-indent: -9999px;}
#fontsize a { width: 30px; height: 30px; display: block; }
#fontsize #small a { background: url('im/common_fontsize.gif') no-repeat left top; margin: 0 1px 0 0; }
#fontsize #medium a { background: url('im/common_fontsize.gif') no-repeat -30px bottom; margin: 0 1px 0 0; }
#fontsize #large a { background: url('im/common_fontsize.gif') no-repeat right top; }

#navigation { width: 100%; height: 70px; background: #92c7fb; border-top: 1px solid #ddd; border-bottom: 2px solid #efefef; }
#button ul { height: 70px; }
#button li { margin: 6px 1px 0 0; list-style: none; text-align: center; list-style: none; }
#button li a { width: 120px; height: 60px; display: block; text-indent: -9999px; overflow: hidden; }
#button li#top a { width: 60px; height: 60px; background: url('im/common_button0.gif') left top no-repeat; }
#button li#rent1 a { background: url('im/common_button1.gif') left top no-repeat; }
#button li#rent2 a { background: url('im/common_button2.gif') left top no-repeat; } 
#button li#sale1 a { background: url('im/common_button3.gif') left top no-repeat; } 
#button li#sale2 a { background: url('im/common_button4.gif') left top no-repeat; }
#button li#company a { background: url('im/common_button5.gif') left top no-repeat; }
#button li#contacts a { background: url('im/common_button6.gif') left top no-repeat; }
#button li a#select { height: 70px; }
#button li#rent1 a#select { background: url('im/common_button1.gif') -240px 7px no-repeat; }
#button li#rent2 a#select { background: url('im/common_button2.gif') -240px 7px no-repeat; } 
#button li#sale1 a#select { background: url('im/common_button3.gif') -240px 7px no-repeat; } 
#button li#sale2 a#select { background: url('im/common_button4.gif') -240px 7px no-repeat; }
#button li#company a#select { background: url('im/common_button5.gif') -240px 7px no-repeat; }
#button li#top a:hover { background: url('im/common_button0.gif') right top no-repeat; }
#button li#rent1 a:hover { background: url('im/common_button1.gif') -120px top no-repeat; }
#button li#rent2 a:hover { background: url('im/common_button2.gif') -120px top no-repeat; } 
#button li#sale1 a:hover { background: url('im/common_button3.gif') -120px top no-repeat; } 
#button li#sale2 a:hover { background: url('im/common_button4.gif') -120px top no-repeat; }
#button li#company a:hover { background: url('im/common_button5.gif') -120px top no-repeat; } 
#button li#contacts a:hover { background: url('im/common_button6.gif') -120px top no-repeat; } 
#button #select { height: 60px; background: none; background: url('im/common_button.gif') left top no-repeat; } 
#button #select a { padding: 0 0 0 0; color: #333; } 

#subcat { padding: 9px 0; background: #eee; border-bottom: 1px solid #ddd; }
#subcat li { list-style: none; float: left; margin: 0 10px 0 0; color: #666; text-align: center; }
#subcat li, #subcta a { font-size: 9pt; }
#subcat a { height: 30px; line-height: 30px; display: block; padding: 0 9px; text-decoration: none; background: #ccc; color: #333; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; }
#subcat a:hover { background: #ddd; color: #333; }
#subcat a#on { background: #333; color: #fff; border: none; border-top: 1px solid #aaa; border-left: 1px solid #aaa; font-weight: bold; }

#breadcrumb { padding: 2px 0; background: #eee; border-bottom: 1px solid #ddd; }
#breadcrumb li { list-style: none; float: left; margin: 0 10px 0 0; color: #666; }
#breadcrumb li, #subcat a { font-size: 9pt; }
#breadcrumb a { padding: 0 14px 0 0; }

#searchby li { margin: 0 20px 0 0; }

/* banner
---------------------------------------------------------------- */
#banner { height: 280px; margin: 0 0 20px 0; background: #fff; }
#links .wrap { border: 1px solid #666; margin: 0 0 10px 0; }
#links .wrap img { margin: 1px; }

/* index
---------------------------------------------------------------- */
#index #lftCol { width: 580px; }
#index #rgtCol { width: 200px; }
#index #lftCol li, #index #rgtCol li { list-style: none; line-height: 130%; }
#index #lftCol .block { padding: 0 0 20px 0; }
#index #lftCol .block table { width: 580px; }
#index #lftCol .block h2 { background: #5482ae; margin: 0 0 10px 0; color: #fff; font-weight: bold; padding: 8px; font-size: 12pt; }
#index #lftCol .block td { vertical-align: top; background: #fff; border: 1px solid #aaa; padding: 10px;}
#index #lftCol .block img { width: 120px; height: 90px; margin: 0 auto; border: 1px solid #ccc; }
#index #lftCol .block li { padding: 2px 0; }
#index #lftCol .block .data1 { line-height: 2; }
#index #lftCol .block .data1 span { background: #f98d8d; color: #fff; margin: 0 0 0 5px; font-size: 80%; padding: 1px 2px 0 1px; line-height: 0;}
#index #lftCol .block .data4 span { color: #ff0000; font-weight: bold; }
#index h3 { padding: 10px;background: #238a08; color: #fff;  }

#index #rgtCol ul { padding: 10px 0; margin: 0 0 20px 0; background: #efefef; border: 1px solid #ccc; }
#index #rgtCol li { line-height: 180%; text-indent: 1em;  }

/* page
---------------------------------------------------------------- */
#page #lftCol { width: 560px; }
#page #rgtCol { width: 200px; }
#page #lftCol h2 { margin: 0 0 20px 0; }
#page #lftCol .text { padding: 5px; margin: 0 0 20px 0; }
#page #lftCol .lined { background: #fff; border: 1px solid #ccc; margin: 0 0 30px 0; }
#page #lftCol .pad { padding: 20px; }
#page #lftCol h3 { margin: 0 0 10px 0; font-size: 18pt; }
#page #lftCol p { line-height: 150%; margin: 0 0 10px 0; }
#page #lftCol p span { color: #ff0000; }
#page #lftCol .text table th, #page #lftCol .text table td { padding: 10px 5px; line-height: 150%; border-bottom: 2px solid #fff; }
#page #lftCol .text table li { line-height: 150%; margin: 0 0 0 1.5em; list-style-type: disc; }
#page #lftCol .text table th { background: #ddd; padding: 0 0 0 10px; }
#page #lftCol .text table td { background: #eee; border-left: 2px solid #fff; }

#page .accessmap { margin: 20px 0; border: 9px solid #ccc; }
#page .thum_l { border: 1px solid #ccc; padding: 1px; }

#page #rgtCol ul { border: 1px solid #ccc; border-top: 3px solid #2cb833; }
#page #rgtCol li { text-indent: 1em; list-style: none; padding: 8px; border-top: 1px solid #ccc; background: #fff; }
#page #rgtCol li a { text-decoration: none; line-height: 250%; width: 182px; display: block; }
#page #rgtCol li a#selected { background: #ddd; }
#page #rgtCol li a:hover { background: #efefef; }
#page #rgtCol #new { margin: 20px 0 0 0; }
#page #rgtCol .thum { margin: 0 0 10px 0; border: 1px solid #ccc; }
#page #rgtCol img { width: 196px; height: 147px; border: 1px solid #fff; }

#page .contactform { margin: 0 0 30px 0; width: 560px; border: 1px #aaa solid; border-collapse: collapse; border-spacing: 0; }
#page .contactform th { width: 160px; border: #aaa solid; border-width: 0 0 1px 1px; background: #ddd; text-align: left; }
#page .contactform td { width: 400px; border: #aaa solid; border-width: 0 0 1px 1px; background: #fff; }
#page .contactform td, #page .contactform th { line-height: 180%; padding: 10px; }
#page .contactform td span { margin: 0 10px 0 0; }
#page .contactform th span { color: #ff0000; }
#page .contactform td strong { color: #666; font-size: 80%; }

#page .wpcf7-not-valid-tip-no-ajax { padding: 0 0 0 10px; color: #ff0000; font-size: 80%; white-space: nowrap; }
#page .wpcf7-response-output { padding: 0 0 20px 0; color: #ff0000; }

/* archive
---------------------------------------------------------------- */
#archive .brief  { margin: 0 0 20px 0; width: 800px; border: 1px #41709c solid; border-collapse: collapse; border-spacing: 0; }
#archive .brief th { width: 120px; padding: 5px; border: #41709c solid; border-width: 0 0 1px 1px; background: #5482ae; font-weight: normal; text-align: center; color: #fff; }
#archive .brief td { padding: 5px; border: #41709c solid; border-width: 0 0 1px 1px; text-align: center; background: #fff; }
#archive .brief td, #archive .brief th { line-height: 120%; }
#archive .brief img { border: 2px solid #000099; }
#archive .brief th.small, #archive .brief td.small { width: 80px; }
#archive .brief th.large { width: 160px; }

#archive #mapmenu { margin: 0 0 20px 0; width: 798px; background: #ddd url('im/archive_stripe.gif') left top repeat; border: 1px solid #bbb; }
#archive #map { margin: 8px; width: 780px; height: 300px; border: 1px solid #bbb; }

#archive .search { width: 798px; background: #fff; padding: 0 0 30px 0; border: 1px solid #ccc; }
#archive .search .submit { margin: 20px 0; }
#archive .searchform { margin: 0 45px; width: 700px; border-collapse: collapse; border-spacing: 0; text-align: center; }
#archive .searchform tr.checkbox { background: #eee; width: 700px; }
#archive .searchform td, #archive .searchform th { line-height: 180%; width: 130px; }
#archive .searchform th { padding: 10px 0 0 0; text-align: left; }
#archive .searchform td { text-indent: 20px; padding: 5px 0; text-align: left; }

#archive h2 { background: #fff; height: 60px; width: 800px; text-indent: 200px; line-height: 250%; border-top: 1px solid #c9e7fe; }
#archive h2#rent1 { background: url('im/archive_h2a.gif') no-repeat left top; } 
#archive h2#rent2 { background: url('im/archive_h2b.gif') no-repeat left top; } 
#archive h2#sale1 { background: url('im/archive_h2c.gif') no-repeat left top; } 
#archive h2#sale2 { background: url('im/archive_h2d.gif') no-repeat left top; } 

#archive h3 { background: #fff; height: 60px; width: 800px; text-indent: 200px; margin: 50px 0 0 0; line-height: 250%; border-top: 1px solid #c9e7fe; }
#archive h3#searchbymap { background: url('im/archive_h3a.gif') no-repeat left top; }
#archive h3#searchbytrain { background: url('im/archive_h3b.gif') no-repeat left top; }
#archive h3#searchbyaddress { background: url('im/archive_h3c.gif') no-repeat left top; }

#archive #nopost { margin: 30px 0 0 0; }
#archive #searchresult { margin: 0 0 20px 0; }
#archive #searchresult span { color: #cc0000; }


/* footer
---------------------------------------------------------------- */
#footer { margin: 30px 0 0 0; }
#footer .upper { width: 100%; height: 30px; background: #238a08; border-top: 1px solid #ccc; }
#footer .upper li { list-style: none; float: left; margin: 10px 20px 0 0; }
#footer .upper a { color: #fff; }
#footer .lower { width: 100%; height: 120px; background: #238a08; }
#footer .pagetop { margin: 0 0 20px 0; }

/* single
---------------------------------------------------------------- */
#single h2 { height: 60px; width: 800px; text-indent: 1em; line-height: 250%; border-top: 1px solid #c9e7fe; background: #fff url('im/single_h2.gif') no-repeat left top ; color: #121212; font-weight: bold; }
#single #location { margin: 10px 0; }
#single #location li { margin: 0 20px 0 0; list-style: none; }

#single .brief  { margin: 0 0 20px 0; width: 800px; border: 1px #41709c solid; border-collapse: collapse; border-spacing: 0; }
#single .brief th { width: 120px; padding: 5px; border: #41709c solid; border-width: 0 0 1px 1px; background: #5482ae; font-weight: bold; text-align: center; color: #fff; }
#single .brief td { padding: 5px; border: 1px #41709c solid; border-width: 0 0 1px 1px; text-align: center; background: #fff; }
#single .brief th, #single .brief td, #single .brief td span { line-height: 120%; }
#single .brief td span { color: #cc0000; font-weight: bold; font-size: 11pt; }
#single .brief .short { width: 90px; }

#single #image { margin: 0 0 20px 0; width: 800px; border: 1px #bbb solid; border-collapse: collapse; border-spacing: 0; }
#single #image td { vertical-align: top; padding: 10px 0 0 0; width: 200px; height: 200px; border: 1px #bbb solid; border-width: 0 0 1px 1px; background: #fff url('im/single_noimage.gif') no-repeat top left; text-align: center; }
#single #image td img { width: 180px; height: 140px; }

#single #detail { margin: 0 0 30px 0; width: 800px; border: 1px #bbb solid; border-collapse: collapse; border-spacing: 0; }
#single #detail th { width: 100px; padding: 8px 5px; border: #bbb solid; border-width: 0 0 1px 1px; background: #eee; font-weight: bold; text-align: center; font-weight: normal; }
#single #detail td { background: #fff; width: 300px; padding: 8px 5px; border: 1px #bbb solid; border-width: 0 0 1px 1px; }

#single #map { margin: 0 0 30px 0; border: 1px solid #bbb; }

#single #contact { width: 798px; border: 1px solid #bbb; background: #fff; }
#single #contact .wrap { padding: 10px; }
#single #contact #summary { margin: 0 0 10px 0; }
#single #contact #info { width: 758px; padding: 10px; background: #ddd; }
#single #contact #shopname { width: 240px; }
#single #contact #shopname li { list-style: none; line-height: 150%; }
#single #contact #shopname a { font-size: 14pt; font-weight: bold; }
#single #contact #phone { width: 300px; }
#single #contact #phone li { list-style: none; line-height: 150%; }
#single #contact #phone li span { font-size: 14pt; font-weight: bold; color: #de0000; }

#single #contact #mail { width: 200px; }
#single #contact #mail a { width: 180px; height: 70px; display: block; background: url('im/single_mail.gif') left top no-repeat; text-align: center; line-height: 60px; color: #fff; font-weight: bold;  }

#single h1 { padding: 10px 0; font-size: 14pt; }